p5.js — พื้นฐาน Creative Coding บนเว็บ · Lesson 2
ตัวแปรและการเคลื่อนไหว (Animation)
บทเรียนนี้อธิบายวิธีทำให้รูปทรงที่นิ่งอยู่กลายเป็นสิ่งมีชีวิต โดยเก็บค่าตำแหน่ง ความเร็ว และทิศทางไว้ในตัวแปร global ที่อัปเดตทุกเฟรม ผู้เรียนจะได้เห็นความแตกต่างระหว่างค่าที่ถูกรีเซตทุกเฟรมกับค่าที่คงอยู่ต่อเนื่องข้ามเฟรม พร้อมฝึกสร้างแอนิเมชันสไตล์ลูกบอลกระเด้งอย่างง่าย บทเรียนนี้ยังแนะนำแนวคิดเรื่อง easing เบื้องต้น เพื่อให้การเคลื่อนไหวดูเป็นธรรมชาติมากกว่าการเคลื่อนที่แบบกลไก
Sign in to track your progress and mark lessons as complete.