top of page
  • Writer's pictureCorrina Crazie Espinosa

A-frame, Glitch & VR Pop Quiz

Updated: Mar 29, 2022

Code guidebook:

Code example:

<!DOCTYPE html>



<script src=""></script>

<script src=""></script>

<script src="inflate.min.js"></script>

<script src=""></script>

<script src="//"></script>

<script src=""></script>





<a-asset-item id="cuppy" src="></a-asset-item">





5 -20"

animation-mixer = "loop : true"

scale="0.7 0.7 0.7"

rotation = "0 270 0"


<a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>

<a-sky color="#ECECEC"></a-sky>




Here is a video to help you to create a better environment pretty quickly and easily:

For this to work you will need to put this part snippet into your code:

<head> <-- you already have this, put the following code right after this.

<script src=""></script>


here is some more very helpful

Next past this code, inside of <

<a-entity environment></a-entity>

replace the word environment (underlined here) with the code you copy from the inspector.

To make an asset make a sound, add the sound to your assets folder.

Copy the link: Use this code, and put in your link:
 <script src=""></script>



position="0 -2 -40"

animation-mixer="loop : "

scale=".5 .5 .5"

rotation="0 -90 0"

sound="src:; autoplay: true loop: true"




bottom of page