I created a meadow for my blender models to live in for our fourth project. Using the forest preset, I designed the environment and then added flowers in the form of gtlf files to add some scenery. Using A-frame presented many opportunities for trial and error as errors arose from unknown sources. When working on challenging projects like this one, I've learned to love open source platforms like A-frame so that I am never stuck due to the many helpful tutorials available online. To continue adding dimension to my environment I added a pond which looks like moving water due to the use of a video of water as the material. Lastly, I added a buzzing sound to each bee and the sound of birds and water flowing to the environment to ensure visiting my VR world is an immersive experience.
link: https://ninth-large-aphid.glitch.me
<!DOCTYPE html>
<html>
<head>
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<script src="https://rawgit.com/donmccurdy/aframe-extras/master/dist/aframe-extras.loaders.min.js"></script>
<script src="inflate.min.js"></script>
<script src="https://unpkg.com/aframe-environment-component@1.3.1/dist/aframe-environment-component.min.js"></script>
</head>
<body>
<a-scene
background="color: black"
environment="preset:forest; skyType: atmosphere; groundTexture: walkernoise; groundColor: #355547"
>
<a-cylinder
material="src:https://cdn.glitch.me/be082ba9-b3d5-46e8-832f-04df70f681cc/video.mp4?v=1649018194775"
position="8 0.5 4"
radius="6"
height=".01"
color="#5596d4"
></a-cylinder>
<a-entity
gltf-model="https://cdn.glitch.global/c026b60d-3513-42a6-a003-e60f78d0ea8d/bee1%20final.gltf?v=1646774421057"
position="-9 2 -1.5"
animation-mixer="loop : true"
scale="0.7 0.7 0.7"
rotation="0 310 0"
></a-entity>
<a-entity
gltf-model="https://cdn.glitch.global/a325c959-ac96-499d-84e3-52d06c764596/flower%20final.gltf?v=1648575570274"
position="11 1.5 -3"
animation-mixer="loop : true"
scale="0.5 0.5 0.5"
rotation="0 260 0"
></a-entity>
<a-entity
gltf-model="https://cdn.glitch.global/a325c959-ac96-499d-84e3-52d06c764596/bee2%20final.gltf?v=1648575577307"
position="15 2.5 8"
animation-mixer="loop : true"
scale="0.7 0.7 0.7"
rotation="0 160 0"
></a-entity>
<a-entity
gltf-model="https://cdn.glitch.global/a325c959-ac96-499d-84e3-52d06c764596/smallflower.gltf?v=1648577420872"
position="11 -.2 -10"
animation-mixer="loop : true"
scale=".05 .05 .05"
rotation="0 180 0"
></a-entity>
<a-entity
gltf-model="https://cdn.glitch.global/a325c959-ac96-499d-84e3-52d06c764596/smallflower.gltf?v=1648577420872"
position="15 -.2 -5"
animation-mixer="loop : true"
scale=".05 .05 .05"
rotation="0 180 0"
></a-entity>
<a-entity
gltf-model="https://cdn.glitch.global/a325c959-ac96-499d-84e3-52d06c764596/smallflower.gltf?v=1648577420872"
position="0 -.2 -5"
animation-mixer="loop : true"
scale=".05 .05 .04"
rotation="0 180 0"
></a-entity>
<a-entity
gltf-model="https://cdn.glitch.global/a325c959-ac96-499d-84e3-52d06c764596/smallflower.gltf?v=1648577420872"
position="8 -.2 -5"
animation-mixer="loop : true"
scale=".05 .05 .04"
rotation="0 180 0"
></a-entity>
<a-entity
gltf-model="https://cdn.glitch.global/a325c959-ac96-499d-84e3-52d06c764596/smallflower.gltf?v=1648577420872"
position="7 -.2 0"
animation-mixer="loop : true"
scale=".05 .05 .04"
rotation="0 180 0"
></a-entity>
<a-entity
gltf-model="https://cdn.glitch.global/a325c959-ac96-499d-84e3-52d06c764596/smallflower.gltf?v=1648577420872"
position="7 -.2 20"
animation-mixer="loop : true"
scale=".05 .05 .04"
rotation="0 180 0"
></a-entity>
<a-entity
gltf-model="https://cdn.glitch.global/a325c959-ac96-499d-84e3-52d06c764596/smallflower.gltf?v=1648577420872"
position="15 -.2 20"
animation-mixer="loop : true"
scale=".05 .05 .04"
rotation="0 180 0"
></a-entity>
<a-entity
gltf-model="https://cdn.glitch.global/a325c959-ac96-499d-84e3-52d06c764596/smallflower.gltf?v=1648577420872"
position="13 -.2 11"
animation-mixer="loop : true"
scale=".05 .05 .04"
rotation="0 180 0"
></a-entity>
<a-entity
gltf-model="https://cdn.glitch.global/a325c959-ac96-499d-84e3-52d06c764596/smallflower.gltf?v=1648577420872"
position="-13 -.2 5"
animation-mixer="loop : true"
scale=".05 .05 .04"
rotation="0 180 0"
></a-entity>
<a-entity
gltf-model="https://cdn.glitch.global/a325c959-ac96-499d-84e3-52d06c764596/smallflower.gltf?v=1648577420872"
position="-7 -.2 2"
animation-mixer="loop : true"
scale=".05 .05 .04"
rotation="0 180 0"
></a-entity>
<a-entity
gltf-model="https://cdn.glitch.global/a325c959-ac96-499d-84e3-52d06c764596/smallflower.gltf?v=1648577420872"
position="-1 -.2 8"
animation-mixer="loop : true"
scale=".05 .05 .04"
rotation="0 180 0"
></a-entity>
<a-entity
gltf-model="https://cdn.glitch.me/be082ba9-b3d5-46e8-832f-04df70f681cc/video.mp4?v=1649018194775"
position="0 -2 -40"
animation-mixer="loop : "
scale=".5 .5 .5"
rotation="0 -90 0"
sound="src: https://cdn.glitch.global/be082ba9-b3d5-46e8-832f-04df70f681cc/mixkit-insects-birds-and-frogs-in-the-swamp-ambience-40.wav?v=1649019724184; autoplay: true loop: true"
></a-entity>
<a-entity
gltf-model="https://cdn.glitch.global/c026b60d-3513-42a6-a003-e60f78d0ea8d/bee1%20final.gltf?v=1646774421057"
position="0 -2 -40"
animation-mixer="loop :"
scale=".5 .5 .5"
rotation="0 -90 0"
sound="src: https://cdn.glitch.global/be082ba9-b3d5-46e8-832f-04df70f681cc/mixkit-bee-buzz-1926.wav?v=1649020177989; autoplay: true loop: true"
></a-entity>
<a-entity
gltf-model="https://cdn.glitch.global/a325c959-ac96-499d-84e3-52d06c764596/bee2%20final.gltf?v=1648575577307"
position="0 -2 -40"
animation-mixer="loop :"
scale=".5 .5 .5"
rotation="0 -90 0"
sound="src: https://cdn.glitch.global/be082ba9-b3d5-46e8-832f-04df70f681cc/mixkit-bee-buzz-1926.wav?v=1649020177989; autoplay: true loop: true"
></a-entity>
</a-scene>
</body>
</html>
Comments