หน้าแรก
รวมสื่อการสอนวิชาโปรแกรมสร้างภาพเคลื่อนไหว ปวช.
- รายละเอียด
- เขียนโดย ครูวิภาวี
![]() |
รวมสื่อการสอนวิชาโปรแกรมสร้างภาพเคลื่อนไหว
|
รวมสื่อการสอนวิชาคณิตศาสตร์คอมพิวเตอร์ ปวช. เลขฐาน
- รายละเอียด
- เขียนโดย ครูวิภาวี
![]() |
รวมสื่อการสอนคณิตศาสตร์คอมพิวเตอร์ ปวช. |
การสร้างภาพเคลื่อนไหว (Animation) แบบ Frame by frame
- รายละเอียด
- เขียนโดย ครูวิภาวี
การสร้างภาพเคลื่อนไหว (Animation) แบบ Frame by frame
การสร้างภาพเคลื่อนไหว (Animation) ด้วยโปรแกรม Animate CC
การสร้างภาพที่ทำให้มนุษย์เราสามารถมองเห็นภาพเคลื่อนไหวได้ ก็คือ การสร้างกิริยาท่าท่าง สภาพแวดล้อมของภาพให้มีการเปลี่ยนแปลงไปตามช่วงเวลา เช่น การวาดการ์ตูน ลงกระดาษแต่ละแผ่น ให้มีกิริยาอาการที่แตกต่างกันไป เมื่อนําการ์ตูนทุกภาพมาแสดงอย่างรวดเร็ว ก็จะทําให้ภาพมีลักษณะเป็นภาพเคลื่อนไหว
การสร้างภาพเคลื่อนไหวแบบ Frame by frame
เฟรม เปรียบเสมือนกระดาษแต่ละใบ ที่มีการวาดกิริยาของการ์ตูนลงไป และ Timeline คือช่วงเวลาที่ใช้ควบคุมการนําเสนอ ดังนั้น Frame และ Timeline จึงเป็นส่วนสําคัญอีกส่วนในการสร้างภาพเคลื่อนไหว
Timeline เปรียบเสมือนเวลาที่ใช้ในการสร้างภาพเคลื่อนไหว หรือ Movie โปรแกรมจะแบ่งช่วงให้หน่วยละ 5 ช่วงเวลา
เฟรม คือช่องเล็กที่เรียงต่อกันตามช่วงเวลา แต่จะช่องเปรียบเสมือนกระดาษ 1 แผ่นที่วาด Movie 1 รูป และเปลี่ยนไปทุกๆ เฟรม เพื่อให้เกิดการเคลื่อนไหวของวัตถุ
อ่านเพิ่มเติม: การสร้างภาพเคลื่อนไหว (Animation) แบบ Frame by frame
หลักการออกแบบเกม (Game Desing)
- รายละเอียด
- เขียนโดย ครูวิภาวี
หลักในการออกแบบเกมส์ ประกอบด้วย 6 ส่วนที่สำคัญคือ
1. เนื้อเรื่อง ( Story) เป็นการออกแบบเรื่องราวของเกม ซึ่งจะกำหนดองค์ประกอบทั้งหมดในเกมเข้าด้วยกัน ไม่ว่าจะเป็นอาร์ตเวิร์ก อินเตอร์เฟซ วิธีการเล่น เนื้อเรื่องที่ดีจะทำให้เกมมีความน่าสนใจ
2. อาร์ตเวิร์ก ( Artwork) คือแนวคิดหรือ Theme ของเกมส์ ซึ่งจะสอดคล้องกับเนื้อเรื่อง
3. อินเทอร์เฟซ ความหมาย ศัพท์ IT >> อินเตอร์เฟซ ( Interface) อินเตอร์เฟซที่ดีต้องนำเสนอข้อมูลให้ผู้เล่นเข้าใจว่าจะสามารถทำอะไรได้ในระบบโดยส่วนมากอินเตอร์เฟซของเกมจะอยู่ด้านบนของจอ
4. วิธีเล่นเกม (Game Play) เป็นการกำหนดวิธีการเล่นของเกมที่ผู้สร้างเกมกำหนดเอาไว้ตามเนื้อเรื่องเพื่อให้ผู้ใช้สามารถเข้าใจการเล่น
5. การออกแบบระดับการเล่น (Level Design) เกมส์ที่ดีควรจะมีการเพิ่มระดับความสามารถ การเพิ่มความยากแบบค่อยเป็นค่อยไป เพื่อทำให้ผู้เล่นไม่รู้สึกว่ายากเกินไป
6. เสียงประกอบ ( Audio) เสียงเป็นส่วนรปะกอบที่ทำให้ผู้เล่นเกมมีอารมณ์ร่วมในการเล่นเกมมากยิ่งขึ้น
ศัพท์ IT >> อินเตอร์เฟซ ( Interface)
- รายละเอียด
- เขียนโดย ครูวิภาวี
ศัพท์ IT >> อินเตอร์เฟซ ( Interface)
ซึ่งหมายถึง ตัวเชื่อมต่อประสาน เช่น การเชื่อมต่อกันระหว่างเครื่องคอมพิวเตอร์กับเครื่องคอมพิวเตอร์อื่น ๆ สามารถถ่ายโอนข้อมูลซึ่งกันและกันได้
ส่วนใหญ่คำว่า Interfae มักถูกนำมาใช้กับ user interface (ยูสเซอร์ อินเตอร์เฟซ) ที่หมายถึง สิ่งที่มีไว้ให้ผู้ใช้งานสามารถใช้งานเครื่องคอมพิวเตอร์ ผ่านทางอุปกรณ์ต่าง ๆ เช่น เมาส์ คีย์บอร์ด และสิ่งที่ทำให้ผู้ใช้ส่วนใหญ่สามารถสั่งงานให้คอมพิวเตอร์ทำงานตามที่ต้องการได้ GUI (Graphical User Interfaec) ซึ่งเป็นภาพกราฟิกที่เป็นตัวกลางในการเชื่อมต่อประสานให้คอมพิวเตอร์สามารถทำงานตามที่ต้องการได้ เช่น เกมส์ดิจิตอลทั้งหมดล้วนใช้อินเทอร์เฟซเพื่อให้ผู้เล่นสามารถใช้งานได้ โปรแกรมคอมพิวเตอร์จะมีเมนูและต่าง ๆ ที่ผู้เขียนโปรแกรมได้สร้างไว้ให้ผู้ใช้งานสามารถเรียกใช้งาน หรือแม้กระทั่งเว็บไซต์ ยังมีหน้าจอเพื่อเป็นส่วนต่อประสานให้ผู้ใช้สามารถคลิกเข้าไปชมข้อมูลต่าง ๆ ได้ ตัวอย่างหน้าจออินเทอร์เฟสดังนี้
สื่อการสอนวิชาโปรแกรมสร้างภาพเคลื่อนไหว ตอนการสร้างการเคลื่อนไหวแบบง่าย frame by frame
- รายละเอียด
- เขียนโดย ครูวิภาวี
สื่อการสอนวิชาโปรแกรมสร้างภาพเคลื่อนไหว ตอนการสร้างการเคลื่อนไหวแบบง่าย frame by frame
สำหรับมือใหม่หัดสร้างการเคลื่อนไหวให้กับการ์ตูน
สอนการวาดรูป ลงสีและแรเงา ง่าย ๆ ด้วยเครื่องมือโปรแกรม Adboe Animate CC
- รายละเอียด
- เขียนโดย ครูวิภาวี
สอนการวาดรูป ลงสีและแรเงา ง่าย ๆ ด้วยเครื่องมือโปรแกรม Adboe Animate CC
สื่อประกอบการจัดกาเรียนการสอนวิชาโปรแกรมสร้างภาพเคลื่อนไหว กลุ่ม พค 21 22 23