The development team tells us about this javascript library:
A-Frame can be developed from a plain HTML file without having to install anything. A great way to try out A-Frame is to remix the starter example on Glitch, an online code editor that instantly hosts and deploys for free.
Is easy to write source code because using tag elements, see the default example:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <html> <head> <script src="https://aframe.io/releases/1.0.4/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> |
You can test it and learn about this on this webpage.
I created a simple example on my codepen account and I add new features to the default example.
It is very easy to use it.
This is the result of that example.
See the Pen
aframe_part_001 by Cătălin George Feștilă (@catafest)
on CodePen.