Website
Artist Statement:
Creating a VR world was something I never thought I would do. In the beginning I was not very sure how the end result would some out since I it took me a bit to get a hang of building the world from scratch and not using the easy preset environment. How I had imagined a cute little scene for my bunny to live it and I took that idea and ran with it. It was very difficult for me to find the correct positioning for a lot of the items I had made since the place was not completely centered. So, when I moved inside the VR world the items appeared to not be on the ground. However, I am very pleased with the final product especially the house and the flower that I had created. If I had had more time on this project, I would have added more animations especially to the sunflower I had made and maybe to the swing set. I also would have used less premade models from blender. But building items in blender was very difficult and took a lot of time so models was a good quick solution to building a world in a short period of time. I think the theme and the style of my world is very cohesive and works very well together. I can definitely see my world being part of a game and transport the view into the environment. It was really fun to let my imagination take over for this project and see it come to life.
CODE
<!DOCTYPE html>
<html>
<head>
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-environment-component@1.3.1/dist/aframe-environment-component.min.js"></script>
<script src="https://rawgit.com/mayognaise/aframe-gif-shader/master/dist/aframe-gif-shader.min.js"></script>
<script src="https://rawgit.com/mayognaise/aframe-gif-component/master/dist/aframe-gif-component.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>
<a-asset-item
id="carrot"
src="https://cdn.glitch.global/91e5c073-dfd6-40be-b5a2-6c6838378620/carrot.gltf?v=1666750375410"
></a-asset-item>
<a-asset-item
id="house"
src="https://cdn.glitch.global/91e5c073-dfd6-40be-b5a2-6c6838378620/house.gltf?v=1667351460135"
></a-asset-item>
<a-asset-item
id="character"
src="https://cdn.glitch.global/91e5c073-dfd6-40be-b5a2-6c6838378620/character1gltf.gltf?v=1667522253571"
></a-asset-item>
<a-asset-item
id="fence"
src="https://cdn.glitch.global/91e5c073-dfd6-40be-b5a2-6c6838378620/fence.gltf?v=1667523867182"
></a-asset-item>
<a-asset-item
id="mailbox"
src="https://cdn.glitch.global/91e5c073-dfd6-40be-b5a2-6c6838378620/mailbox.gltf?v=1667524652742"
></a-asset-item>
<a-asset-item
id="swing"
src="https://cdn.glitch.me/91e5c073-dfd6-40be-b5a2-6c6838378620/swing.gltf?v=1667525352894"
></a-asset-item>
<a-asset-item
id="flower"
src="https://cdn.glitch.global/91e5c073-dfd6-40be-b5a2-6c6838378620/flower.gltf?v=1667795589035"
></a-asset-item>
<a-asset-item
id="bunnysound"
src="https://cdn.glitch.global/91e5c073-dfd6-40be-b5a2-6c6838378620/bunnysound.mp3?v=1667797429862"
></a-asset-item>
</a-assets>
<a-entity
environment="preset: forest; skyColor: #08d4fd; lightPosition: [object Object]; dressing: trees; dressingAmount: 500; dressingVariance: [object Object]; shadowSize: 0; active: true; playArea: 0.95; dressingScale: 5.61; dressingUniformScale: false"
></a-entity>
<a-box
position="-1 0.5 -4"
material="shader:gif;src:url(https://cdn.glitch.global/91e5c073-dfd6-40be-b5a2-6c6838378620/hedge.gif?v=1666750148267);"
depth=".75"
height=".75"
width="1"
></a-box>
<a-gltf-model
src="#carrot"
scale=".15 .15 .15"
position="-2 .5 -1"
animation-mixer="loop : "
></a-gltf-model>
<a-gltf-model
src="#carrot"
scale=".15 .15 .15"
position="-2 .5 -2"
animation-mixer="loop : "
></a-gltf-model>
<a-gltf-model
src="#house"
scale=".4 .4 .4"
position="-6 1 -3"
rotation="0 270 0"
animation-mixer="loop : "
></a-gltf-model>
<a-gltf-model
src="#character"
scale=".2 .2 .2"
position="-1 1 -2"
animation-mixer="loop : "
sound="src:https://cdn.glitch.global/91e5c073-dfd6-40be-b5a2-6c6838378620/bunnysound.mp3?v=1667797429862(bunnysound.mp3); autoplay: true; loop: true"
></a-gltf-model>
<a-gltf-model
src="#fence"
scale=".4 .4 .4"
position="-2.9 .5 -3.9"
animation-mixer="loop : "
></a-gltf-model>
<a-gltf-model
src="#mailbox"
scale=".5 .5 .5"
position="-2.9 1 -.8"
rotation="0 90 0"
animation-mixer="loop : "
></a-gltf-model>
<a-gltf-model
src="#swing"
scale=".4 .4 .4"
position="-1 1 -4.5"
animation-mixer="loop : "
></a-gltf-model>
<a-gltf-model
src="#flower"
scale=".09 .09 .09"
position=".5 1 -2"
rotation="0 270 0"
animation-mixer="loop : "
></a-gltf-model>
</a-scene>
</body>
</html>