here is the code:
<!DOCTYPE html>
<html>
<head>
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<script src="https://rawgit.com/mayognaise/aframe-gif-shader/master/dist/aframe-gif-shader.min.js"></script>
<script src="https://raw.githack.com/donmccurdy/aframe-extras/master/dist/aframe-extras.loaders.min.js"></script>
</head>
<body>
<a-scene>
<a-assets>
<img
id="snow"
src="https://cdn.glitch.global/c4dab970-56cf-451d-8e6d-45a811879bd4/snow.jpeg?v=1666311446587"
/>
</a-asset-item>
<a-scene>
<a-assets>
<video id="sky" autoplay loop="true" src="https://cdn.glitch.global/c4dab970-56cf-451d-8e6d-45a811879bd4/video.mp4?v=1666295397606"> </video>
</a-assets>
<a-asset-item
id="bird"
src="https://cdn.glitch.global/c4dab970-56cf-451d-8e6d-45a811879bd4/bird.gltf?v=1666313395121"
>
</a-asset-item>
<a-asset-item
id="mush"
src="https://cdn.glitch.global/c4dab970-56cf-451d-8e6d-45a811879bd4/mushharacter.gltf?v=1666314745733"
>
</a-asset-item>a-asset-item
<a-asset-item
id="basssound"
src=" https://cdn.glitch.global/c4dab970-56cf-451d-8e6d-45a811879bd4/basssound.mp3?v=1666316164280"
></a-asset-item>
<a-asset-item
id="guitarriff"
src=" https://cdn.glitch.global/c4dab970-56cf-451d-8e6d-45a811879bd4/guitarriff.mp3?v=1666316443203"
></a-asset-item>
</a-assets>
<a-sky color="#ECECEC"></a-sky>
<a-videosphere src="#sky"></a-videosphere>
<a-plane
material="src: #snow; repeat: 20, 20"
position="0 -2.5 0"
rotation="-90 0 0"
width="200"
height="200"
></a-plane>
<a-animation attribute="rotation"
dur="3000"
fill="forwards"
to="0 360 0"
direction="alternate"
begin="click"></a-animation>
<a-box position="-2 0.5 -3" material="shader:gif;src:url(https://cdn.glitch.global/c4dab970-56cf-451d-8e6d-45a811879bd4/pickle.gif?v=1666317448440);" depth="2" height="3" width="3"></a-box>
<a-box position="-10 0.5 -3" material="shader:gif;src:url(https://cdn.glitch.global/c4dab970-56cf-451d-8e6d-45a811879bd4/mushy.gif?v=1666315300439);" depth="1.8" height="3" width="3"></a-box>
<a-entity
gltf-model="#bird"
position="0 10 -40"
animation-mixer="loop : "
scale="10 10 10"
rotation="0 -90 0"
sound="src: https://cdn.glitch.global/c4dab970-56cf-451d-8e6d-45a811879bd4/basssound.mp3?v=1666316164280(basssound.mp3); autoplay: true; loop: false
" ></a-entity>
<a-entity
gltf-model="#mush"
position="20 -3 -30"
animation-mixer="loop : "
scale="5 5 5"
rotation="0 -90 0"
sound="src:https://cdn.glitch.global/c4dab970-56cf-451d-8e6d-45a811879bd4/guitarriff.mp3?v=1666316443203 (guitarriff.mp3); autoplay: true; loop: false"
></a-entity>
</a-scene>
</body>
</html>
Comments