Jeffrey Cross
Jeffrey Cross

เรียนรู้การสร้างกราฟิกแบบอินเทอร์แอคทีฟกับการเริ่มต้นใช้งานการประมวลผล

เราเริ่มโครงการการประมวลผลในปี 2544 เป็นสมุดร่างซอฟต์แวร์และเพื่อสอนพื้นฐานการเขียนโปรแกรมคอมพิวเตอร์ภายใต้บริบทที่มองเห็น แทนที่จะพิมพ์“ Hello World” ไปที่คอนโซลผู้คนเริ่มต้นด้วยการวาดเส้นไปที่หน้าจอ ตั้งแต่นั้นมาการประมวลผลได้พัฒนาหลายต่อหลายครั้งจนกลายเป็นสิ่งที่เป็นอยู่ทุกวันนี้ - สภาพแวดล้อมที่ทรงพลังและน้อยที่สุดสำหรับการเรียนรู้การร่างภาพและผลิตงานมืออาชีพด้วยชุมชนผู้อุทิศตนโดยเฉพาะ ) เช่นเคยการประมวลผลเป็นซอฟต์แวร์ฟรีและสามารถดาวน์โหลดได้จากเว็บไซต์โครงการ

ด้วยการประมวลผล 3 เราคิดว่าเราได้ก้าวไปอีกขั้น มีตัวแก้ไขรหัสใหม่พร้อมอินเทอร์เฟซที่ปรับปรุงการตรวจสอบข้อผิดพลาดที่ดีขึ้นและดีบักเกอร์ในตัว การประมวลผล 3 เร็วกว่าสำหรับงาน OpenGL และเราได้เพิ่มคุณสมบัติใหม่สำหรับหน้าจอความละเอียดสูงและภาพร่างแบบเต็มหน้าจอ นอกจากนี้เรายังมีวิธีใหม่และง่ายกว่าในการติดตั้งและอัปเดตไลบรารี่โหมดและเครื่องมือ รายการการเปลี่ยนแปลงที่สมบูรณ์มากขึ้นพร้อมใช้งานออนไลน์

ด้วยการเปิดตัวการประมวลผล 3 เรารู้สึกตื่นเต้นที่จะเผยแพร่รุ่นที่สองของ เริ่มต้นกับการประมวลผลอัปเดตของหนังสือ 2010 ของเรา ฉบับที่สองได้รับการปรับปรุงสำหรับการประมวลผล 3 รหัสและข้อความได้รับการปรับปรุงตลอด นอกจากนี้ยังรวมถึงบทใหม่เกี่ยวกับการทำงานกับและการแสดงข้อมูลหัวข้อการเปลี่ยนแปลงในตอนนี้มีบทของตนเองและ Sound Library ใหม่สำหรับการประมวลผล 3 ได้รับการแนะนำด้วยตัวอย่างสำหรับการสังเคราะห์เสียงและการทำกราฟิกให้ตอบสนองต่อเสียง ตอนนี้หนังสือเล่มนี้มีสีเต็มรูปแบบรวมถึงรายชื่อรหัสเพื่อให้อ่านง่ายขึ้น ตัวเลขและไดอะแกรมทั้งหมดได้รับการปรับปรุงเพื่อความชัดเจน

ประโยชน์หลักของการประมวลผล 3 สำหรับผู้อ่านของเริ่มต้นกับการประมวลผล เป็นตัวแก้ไขรหัสขั้นสูง มันนำคุณสมบัติที่สำคัญมากมายของสภาพแวดล้อมการเขียนโค้ดระดับมืออาชีพมาสู่เครื่องมือแก้ไขการประมวลผลที่เรียบง่าย (แต่ไม่ง่าย) รายละเอียดไวยากรณ์รหัสที่เป็นลักษณะที่สองของโปรแกรมเมอร์ที่มีประสบการณ์มักจะเป็นเรื่องที่น่าผิดหวังที่สุดสำหรับการเขียนโปรแกรมสำหรับผู้เริ่มต้น คำเตือนแบบเรียลไทม์และการตรวจสอบข้อผิดพลาดในการประมวลผล 3 ช่วยให้ผู้เรียนเห็นว่าพวกเขาจำเป็นต้องเน้นที่โค้ดมากขึ้น นอกจากนี้ความสามารถใหม่ในการ "ปรับแต่ง" รหัสอนุญาตให้ทำการเปลี่ยนแปลงรหัสในขณะที่กำลังทำงานอยู่ ดีบักเกอร์ในตัวที่น้อยที่สุดทำให้สามารถหยุดชั่วคราวตรวจสอบและแสดงการทำงานภายในของโปรแกรมในขณะที่กำลังทำงาน

เพื่อให้เข้าใจถึงวิธีการทำงานของการประมวลผลต่อไปนี้เป็นสองตัวอย่างจากหนังสือเล่มหนึ่งจากใกล้ถึงจุดเริ่มต้นและอีกหนึ่งใกล้จะจบ นี่คือตัวอย่างที่ 3-18; มันแสดงวิธีการกำหนดสีโปร่งใส:

ขนาด (480, 120); noStroke (); พื้นหลัง (204, 226, 225); // เติมสีฟ้าอ่อน (255, 0, 0, 160); // วงรีสีแดง (132, 82, 200, 200) // เติมวงกลมสีแดง (0, 255, 0, 160); // วงรีสีเขียว (228, -16, 200, 200); // เติมวงกลมสีเขียว (0, 0, 255, 160); // วงรีสีฟ้า (268, 118, 200, 200); // วงกลมสีน้ำเงิน

ต่อมาหลังจากหนังสือเล่มนี้ได้แนะนำตัวแปรลูปฟังก์ชั่นอาร์เรย์และชนิดข้อมูลโปรแกรมที่น่าสนใจมากขึ้นก็เป็นไปได้ รหัสด้านล่างนี้คือตัวอย่างที่ 12-3 จะโหลดตารางค่าละติจูดและลองจิจูดสำหรับรหัสไปรษณีย์ของสหรัฐอเมริกาและดึงแต่ละตำแหน่งเป็นจุด เนื่องจากข้อมูลนี้มีความหนาแน่นสูงจึงมีขนาดใหญ่กว่าขนาดหน้าจอตัวอย่าง เมาส์เลื่อนการสร้างภาพข้อมูลไปทางซ้ายและขวาเพื่อโฟกัสไปยังพื้นที่ต่างๆ

ตารางเมือง การตั้งค่าเป็นโมฆะ () {ขนาด (240, 120); เมือง = loadTable ("Cities.csv", "header"); โรคหลอดเลือดสมอง (255); } void draw () {background (0, 26, 51); float xoffset = map (mouseX, 0, width, -width * 3,-width); แปล (xoffset, -300); ขนาด (10); strokeWeight (0.1); สำหรับ (int i = 0; i <Cities.getRowCount (); i ++) {float ละติจูด = Cities.getFloat (i, "lat"); ลองจิจูดลองจิจูด = เมือง. getFloat (i, "lng"); setXY (ละติจูดลองจิจูด); }} โมฆะ setXY (float lat, float lng) {float x = map (lng, -180, 180, 0, ความกว้าง); ลอย y = แผนที่ (ละติจูด, 90, -90, 0, ความสูง); จุด (x, y); }

ตัวอย่างทั้งหมดในหนังสือเล่มนี้สามารถดาวน์โหลดได้ผ่านตัวจัดการการประมวลผล 3 Contribution Manager ใหม่แล้วเปิดผ่านเมนูไฟล์ เมื่อ Contribution Manager เปิดขึ้นให้เลือก“ เริ่มต้นใช้งานการประมวลผล” แล้วเลือก“ ติดตั้ง” เพื่อเพิ่มลงในการประมวลผลเวอร์ชันของคุณ

นอกจากหนังสือเล่มนี้เรายังทำงานร่วมกับ Lauren McCarthy เพื่อสร้าง เริ่มต้นกับ p5.js และกับ Allison Parrish เพื่อสร้าง เริ่มต้นด้วย Processing.py. ลอเรนได้ย้ายหนังสือต้นฉบับไปที่ JavaScript ผ่านโครงการ p5.js แอลลิสันได้ย้ายหนังสือเล่มนี้ไปยัง Python ผ่านโครงการ Processing.py หนังสือทั้งสองเล่มดัดแปลงเนื้อหาต้นฉบับตามความเหมาะสมกับภาษาการเขียนโปรแกรมที่แตกต่างกันเหล่านี้ หนังสือของลอเรนมีให้บริการแล้วและแอลลิสันจะตามมาในอีกไม่กี่เดือน

การประมวลผล, p5.js และ Processing.py ทั้งหมดได้รับการสนับสนุนโดย Processing Foundation เราเริ่มก่อตั้งมูลนิธิในปี 2555 ด้วยพันธกิจสองเท่าเพื่อส่งเสริมความรู้ด้านซอฟต์แวร์ในทัศนศิลป์และความรู้ด้านสายตาในสาขาที่เกี่ยวข้องกับเทคโนโลยี เป้าหมายหลักของเราคือลดอุปสรรคในการเข้าสู่การเข้ารหัสสำหรับผู้ที่ไม่ใช่นักพัฒนาและส่งเสริมทัศนศิลป์สำหรับผู้คนจากทุกภูมิหลัง

เราตื่นเต้นที่จะแบ่งปันการประมวลผล 3 และรุ่นที่สองของ เริ่มต้นกับการประมวลผล กับคุณ.

หุ้น

แสดงความคิดเห็น