VR Code

https://opaque-bright-bearberry.glitch.me/

Description : My code is a man holding the Earth while the moon orbits the Earth and the Sun rotates around the whole sky. There is also the sounds of space vaccum in the background and a space background. Based on Atlas from Greek mythology.

Code :

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<a-scene

>x

<a-entity rotation="0 0 0" animation="property: rotation; to: 0 360 0; loop: true; dur: 10000">

<a-sphere position="100 40 10" color="yellow"></a-sphere>

<a-entity rotation="0 0 0" animation="property: rotation; to: 0 360 0; loop: true; dur: 10000">

<a-sphere position="15 9 5" color="gray"></a-sphere>

</a-entity>

<a-assets>

<img

id="groundTexture"

src="https://cdn.glitch.global/aedc1a34-5bbd-4a35-a015-a5a78baf34ce/stars.jpeg?v=1660256676960"

/>

</a-assets>

<a-assets>

<audio src="https://cdn.aframe.io/basic-guide/audio/backgroundnoise.wav" autoplay

preload></audio>

</a-assets>

<a-sphere position="-5 10 -7" radius="8" color="blue"></a-sphere>

<a-sphere position="-5 10 -6" radius="7.1" color="green"></a-sphere>

<a-light type="ambient" color="#445451"></a-light>

<a-light type="point" intensity="2" position="2 4 4"></a-light>

<a-plane

src="#groundTexture"

rotation="-90 0 0"

width="1000"

height="300"

repeat="10 10"

></a-plane>

<a-cylinder

position="0.75 0.25 -5"

radius="0.5"

height="1.5"

color="white"

></a-cylinder>

<a-cylinder

position="0.1 0.25 -5"

radius="0.5"

height="1.5"

color="#white"

></a-cylinder>

<a-sphere position="0 2 -5" radius="1.25" color="#EF2D5E"></a-sphere>

<a-sphere position="0 2 -4" radius="1.25" color="#EF2D5E"></a-sphere>

<a-cylinder

position="0.85 0.5 -5"

radius="0.5"

height="1.5"

color="#white"

></a-cylinder>

<a-sky color="#7BC8A4"></a-sky>

<a-cylinder

position="0.75 0.25 -4"

radius="0.5"

height="1.5"

color="#white"

></a-cylinder>

<a-cylinder

position="0.1 0.25 -4"

radius="0.5"

height="1.5"

color="#white"

></a-cylinder>

<a-cylinder

position="0.85 0.5 -4"

radius="0.5"

height="1.5"

color="#white"

></a-cylinder>

<a-cylinder

position="0.85 3.6 -4.4"

radius="0.5"

height="1.5"

color="#white"

></a-cylinder>

<a-cylinder

position="0.85 3.7 -4.4"

radius="0.5"

height="1.5"

color="#white"

></a-cylinder>

<a-cylinder

position="0.85 3.8 -4.4"

radius="0.5"

height="1.5"

color="#white"

></a-cylinder>

<a-cylinder

position="0.85 3.9 -4.4"

radius="0.5"

height="1.5"

color="#white"

></a-cylinder>

<a-cylinder

position="0 3 -2.5"

radius="0.5"

height="1.5"

color="#white"

></a-cylinder>

<a-cylinder

position="0 3 -6.5"

radius="0.5"

height="1.5"

color="#white"

></a-cylinder>

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

</a-scene>

</body>

</html>

VR Code

Picture