Three.js พื้นฐาน

Introduction เริ่ม

Credit: https://threejs-journey.com/ ต้อนรับทุกท่านเลยนะครับ สำหรับหัวข้อ Three.js พื้นฐาน ผมจะอธิบายการใช้งานเบื้องต้นของ Three.js จากบทเรียนที่ได้เรียน และรับรู้จากแหล่งอื่นมา โดยจะพูดจากสิ่งที่ผมเข้าใจ (ผมก็ไม่ได้เก่งนะ…



Introduction เริ่ม

Credit: https://threejs-journey.com/ ต้อนรับทุกท่านเลยนะครับ สำหรับหัวข้อ Three.js พื้นฐาน ผมจะอธิบายการใช้งานเบื้องต้นของ Three.js จากบทเรียนที่ได้เรียน และรับรู้จากแหล่งอื่นมา โดยจะพูดจากสิ่งที่ผมเข้าใจ (ผมก็ไม่ได้เก่งนะครับ อาจจะมีบางอย่างผิดพลาด) จะพยายามอธิบายแบบเข้าใจง่ายๆนะครับ



ตัวอย่างโปรเจคที่สร้างด้วย Three.js

แต่ละโปรเจคอย่างเจ๋งเลยใช่ไหมครับ



เขาทำสิ่งต่างๆ เหล่านี้ได้อย่างไร ???

เราอาจจะพอเข้าใจบ้างแล้วว่า Three.js สามารถทำอะไรได้บ้างแล้ว ก่อนเข้าเนื้อหา ผมจะพูดถึง webGL ก่อน

webGL สั้นๆ

WebGL: Web Graphics Library (JavaScript API) เป็นตัวที่สามารถนำกราฟิกส์มาแสดงบนเว็บได้นั้นเอง ทั้งในรูปแบบ 2D และ 3D

เจ้า Three.js ใช้คุณสมบัติของ WebGL นี้แหละมาใช้งานในการแสดงผล


Print Share Comment Cite Upload Translate
APA
bella | Sciencx (2024-03-29T02:28:17+00:00) » Three.js พื้นฐาน. Retrieved from https://www.scien.cx/2021/10/16/three-js-%e0%b8%9e%e0%b8%b7%e0%b9%89%e0%b8%99%e0%b8%90%e0%b8%b2%e0%b8%99/.
MLA
" » Three.js พื้นฐาน." bella | Sciencx - Saturday October 16, 2021, https://www.scien.cx/2021/10/16/three-js-%e0%b8%9e%e0%b8%b7%e0%b9%89%e0%b8%99%e0%b8%90%e0%b8%b2%e0%b8%99/
HARVARD
bella | Sciencx Saturday October 16, 2021 » Three.js พื้นฐาน., viewed 2024-03-29T02:28:17+00:00,<https://www.scien.cx/2021/10/16/three-js-%e0%b8%9e%e0%b8%b7%e0%b9%89%e0%b8%99%e0%b8%90%e0%b8%b2%e0%b8%99/>
VANCOUVER
bella | Sciencx - » Three.js พื้นฐาน. [Internet]. [Accessed 2024-03-29T02:28:17+00:00]. Available from: https://www.scien.cx/2021/10/16/three-js-%e0%b8%9e%e0%b8%b7%e0%b9%89%e0%b8%99%e0%b8%90%e0%b8%b2%e0%b8%99/
CHICAGO
" » Three.js พื้นฐาน." bella | Sciencx - Accessed 2024-03-29T02:28:17+00:00. https://www.scien.cx/2021/10/16/three-js-%e0%b8%9e%e0%b8%b7%e0%b9%89%e0%b8%99%e0%b8%90%e0%b8%b2%e0%b8%99/
IEEE
" » Three.js พื้นฐาน." bella | Sciencx [Online]. Available: https://www.scien.cx/2021/10/16/three-js-%e0%b8%9e%e0%b8%b7%e0%b9%89%e0%b8%99%e0%b8%90%e0%b8%b2%e0%b8%99/. [Accessed: 2024-03-29T02:28:17+00:00]
rf:citation
» Three.js พื้นฐาน | bella | Sciencx | https://www.scien.cx/2021/10/16/three-js-%e0%b8%9e%e0%b8%b7%e0%b9%89%e0%b8%99%e0%b8%90%e0%b8%b2%e0%b8%99/ | 2024-03-29T02:28:17+00:00
https://github.com/addpipe/simple-recorderjs-demo