Craftloop

p5.js — พื้นฐาน Creative Coding บนเว็บ · Lesson 3

การโต้ตอบกับเมาส์และคีย์บอร์ด

บทเรียนนี้แนะนำฟังก์ชันแบบ event-driven เช่น mousePressed(), mouseDragged() และ keyPressed() ที่ทำให้ sketch สามารถตอบสนองต่อผู้ใช้แบบเรียลไทม์ แทนที่จะทำงานไปเองเพียงลำพัง ผู้เรียนจะสร้างงาน interactive ขนาดเล็กที่รูปทรงเปลี่ยนสี ขนาด หรือตำแหน่งตามการกระทำของผู้ใช้ ซึ่งเป็นรูปแบบ (pattern) การอ่านค่า input แล้วนำไปแปลงเป็นคุณสมบัติทางภาพ ที่จะพบซ้ำอีกในทุกเครื่องมือ creative coding ตลอดหลักสูตรนี้

Sign in to track your progress and mark lessons as complete.