Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Front-End
Code

การทดลอง HTML5 Canvas ทั้ง 21 อันที่คุณต้องทึ่ง

by
Length:LongLanguages:

Thai (ภาษาไทย) translation by Porrapat Petchdamrongskul (you can also view the original English article)

HTML5 คือสิ่งที่เราคุยกันอยู่ทุกวันนี้ วันนี้เราได้รวมรายการของสิ่งที่เรียกได้ว่าเป็นสุดยอดการทดลอง HTML5 canvas ที่คุณต้องร้อง "ว้าว" ออกมา มาดูมันทีละอันกันเลย

ก่อนที่คุณจะท่องไปในการทดลองเหล่านี้ ลองดูที่ HTML5 Templates กับ HTML5 Scripts สำเร็จรูปของเราสิ ทั้ง Theme และ Script ที่มีคุณภาพนั้นเป็นตัวเลือกที่ดีสำหรับโปรเจคถัดไปของคุณเลย

หรือว่าคุณอาจจ้าง นักพัฒนาโปรแกรมมืออาชีพ เพื่อช่วยคุณสร้างสิ่งที่คุณต้องการ

Web developers on Envato Studio

จากนี้ เรามาดูการทดลองทีละอันกันเลย


1. 8 Bit Color Cycle - วงจรสี 8 bit


2. Particle Letter Animation - แอนนิเมชั่นอนุภาคตัวอักษร


3. Cloth Experiment - การจำลองการเคลื่อนไหวของผืนผ้า

นี่คือหนึ่งในการทดลอง canvas ที่ดีที่สุด


4. Particle System - ระบบอนุภาค

นี่คือหนึ่งอันที่ผู้เขียนชื่นชอบที่สุด - มันสวยสุดๆ ไปเลย


5. Strange Attractors - ภาพดึงดูดที่แสนประหลาด

ตัวอย่างนี้สร้างลายเส้นที่สวยงาม เหมือนกับหนึ่งที่สร้างโดยโปรแกรม  Apophysis แน่ใจหรือว่าจะคลิกดูส่วนประกอบของมัน


6. Canvas Nebula - เนบิวลาที่สร้างจาก Canvas


7. Bomomo - จำลองจากโปรแกรม Bomono


8. Liquid Particles - อนุภาคของเหลว


9. Sinous - เกมหลบอนุภาค

มันเป็นเกมที่สนุกจริงๆ ไม่ง่ายอย่างที่คิดหรอกนะ!


10. Water in HTML5 - น้ำใน HTML5


11. Blob - หยดน้ำ


12. Magnetic System - ระบบแม่เหล็ก


13. Trail - ศิลปะเส้นสาย


14. Particles - อนุภาค


15. Shattering Box Physics Simulation - กล่องจำลองฟิสิกส์

ตัวอย่างที่สุดยอดนี้แสดงให้เห็นฟิสิกส์บนโลกแห่งของความเป็นจริง


16. Flower Power - พลังบุปผา

ลองทายตัวอักษรดู


17. 9Elements Particle Play - ภาพแอนนิเมชั่นอนุภาคจากกลุ่ม  9Element

ตัวอย่างที่สวยงามนี้ผสมทั้งเสียงและ canvas ออกมา


18. Beauty of Maths - ความงามจากคณิตศาสตร์


19. Tree - ต้นไม้


20. Cloth Simulation - จำลองการเคลื่อนไหวของผืนผ้าอีกอัน


21. Arcade Fire

แล้วคุณหล่ะคิดยังไง ลองเอาไอเดียของคุณมาสร้าง canvas application สักตัวไหม

และตอนนี้ เรามีมากกว่าหนึ่งเหตุผลที่จะสร้าง HTML5 app แล้ว ลองดูที่ CodeCanyon ในหมวด HTML5 ดู ลองสำรวจและค้นหาดูว่ามีอะไรใหม่ๆ บ้าง หรือจะดูงานสำเร็จรูปจาก HTML5 Template บน ThemeForest ได้เลย

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.