Glitch

By Alastair Beeson, Melvin He (2023)

What is Glitch?

Description

Glitch is a web-based platform that allows users to create, share, and remix code in real-time. It is designed to make it easy for users to experiment with code and collaborate with others on projects.

Key Features

Download

Easily accessible at https://glitch.com/ 

Follow Tutorials Below for more detail.

Metrics

Accessibility: The estimated time for someone to create Hello World in VR

Power: The engine's power - i.e. how much one can do with this

Usage: Evaluation of software's use for the following purposes

Basic "Hello World" Tutorial


<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>


Now if you use the preview window or your hosted app URL. If you see the scene below, congrats you have completed the Hello World of WebXR and A-Frame. This is an example that sets up a simple A-Scene with an A-Plane, A-Sky and several primitive shapes like A-Box, A-Sphere and A-Cylinder.

Lots of A-Frame components will come with example demos can you can easily upload and experiment with on websites like Glitch.

For more info on A-Frame Components, refer to A-Frame Components.