เอ-เฟรม (ซอฟต์แวร์)
| โครงเอเฟรม | |
|---|---|
 | |
| นักพัฒนา | ดิเอโก มาร์กอส, ดอน แมคเคอร์ดี, เควิน เอ็นโก |
| ปล่อย | ธันวาคม 2558 |
| เวอร์ชันเสถียร | |
| เขียนเป็น | โค้ด JavaScript |
| แพลตฟอร์ม | ข้ามแพลตฟอร์ม |
| พิมพ์ | เฟรมเวิร์ก JavaScript |
| ใบอนุญาต | ใบอนุญาต MIT |
| เว็บไซต์ | aframe |
| ที่เก็บข้อมูล |
|
A-Frameเป็นเฟรมเวิร์กเว็บโอเพนซอร์ส ที่เขียนด้วย JavaScript สำหรับสร้าง ประสบการณ์ เสมือนจริง (VR) [ 2 ] เฟรมเวิร์ก นี้ได้รับการดูแลโดยนักพัฒนาจาก Supermedium (Diego Marcos, Kevin Ngo) และGoogle (Don McCurdy) A-Frame เป็น เฟรมเวิร์ก ระบบส่วนประกอบเอนทิตีสำหรับThree.js ซึ่งนักพัฒนาสามารถสร้าง ฉาก3 มิติและWebXR โดยใช้ HTML HTML เป็นเครื่องมือสร้างเนื้อหาที่คุ้นเคยสำหรับนักพัฒนาเว็บและนักออกแบบ ในขณะเดียวกันก็รวมรูปแบบการพัฒนาเกมยอดนิยมที่ใช้โดยเอนจิ้น ต่างๆ เช่นUnity
ประวัติศาสตร์
A-Frame ได้รับการพัฒนาขึ้นครั้งแรกภายใน ทีม Mozilla VR ในช่วงกลางถึงปลายปี 2015 [ 3 ] A-Frame ถูกสร้างขึ้นเพื่อให้ผู้พัฒนาเว็บและนักออกแบบสามารถสร้างประสบการณ์ 3 มิติและ VR [ 4 ]ด้วย HTML โดยไม่ต้องรู้จักWebGL [ 5 ] การเปิดตัวสู่สาธารณะครั้งแรกของ A-Frame คือวันที่ 16 ธันวาคม 2015 [ 6 ] ในวันที่ 16 ธันวาคม 2019 A-Frame เวอร์ชัน 1.0.0 ได้รับการเผยแพร่[ 7 ]
ชุมชน
IDEออนไลน์ทั้งหมดรองรับ A-Frame เนื่องจากใช้ HTML เป็นพื้นฐาน เอกสารประกอบสำหรับ API มีให้ใช้งาน[ 8 ]การสนับสนุนสำหรับนักพัฒนาที่ส่งโค้ดไปยังไลบรารีมีให้ผ่านทาง GitHub issues ในขณะที่การสนับสนุนสำหรับนักพัฒนาที่สร้างแอปและเว็บเพจมีให้ผ่านทาง StackOverflow [ 9 ]การสนับสนุนออนไลน์แบบเรียลไทม์มีให้ผ่านทางSlack [ 10 ] นักพัฒนาส่วนใหญ่ยังอยู่ในTwitterด้วย
การใช้งาน
ซอฟต์แวร์ห้องแชท Mozilla Hubs ใช้ A-Frame [ 11 ]
ตัวอย่าง
<html> <head> <script src= "https://aframe.io/releases/1.3.0/aframe.min.js" ></script> </head> <body> <a-scene> <a-box position= "-1 0.5 -3" rotation= "0 45 0" color= "#4CC3D9" ></a-box> <a-sphere position= "0 1.25 -5" radius= "1.25" color= "#EF2D5E" ></a-sphere> <a-cylinder position= "1 0.75 -3" radius= "0.5" height= "1.5" color= "#FFC65D" ></a-cylinder> <a-plane position= "0 0 -4" rotation= "-90 0 0" width= "4" height= "4" color= "#7BC8A4" ></a-plane> <a-sky color= "#ECECEC" ></a-sky> </a-scene> </body> </html>ดูเพิ่มเติม
ลิงก์ภายนอก
- เว็บไซต์อย่างเป็นทางการ