CS4331Project1

Video

https://puu.sh/zrKOA/0a10dea100.mp4

Website

https://oliome.github.io/CS4331Project1.io/index.html

Report

Learning Outcome

• A-Frame, Three.js, HTML, Github, JavaScript
• .gltf
• A-frame Tag
• Front-end is enjoyable

Issues

• On click functions
• Starting position of camera
• Raycaster
• Uploading the report
• Movement on mobile devices
• A single gltf model not loading

Contributors

Olisa Omekam

Unique Features

• Starting the camera outside of the house, allowing them to view the also included enviroment.
• The ability to open and close double doors.
• The code that allowed the manipulation of the raycaster and the animation
• The light Switch that turned a blue light on -Link to gif of the full animation https://puu.sh/Ag5as/dc403243a0.gif

Sources

-House structure and most of interior made by myself using A-frames primitive shapes

Assets showing used models from outside sources

• The couch was not used and Desk model did not load into scene
• Window https://sketchfab.com/models/c5b84ddba72d436990d412a0519ecf91#
• Fridge https://sketchfab.com/models/2e6576fae0ea4034b09cd48722feb9a7#
• Bed https://sketchfab.com/models/a0c4e15f32954c7aba0fa4c632fc10f2#
• Shelf https://sketchfab.com/models/66f5914fdf074f29b34334d124156e62#download
• Desk https://sketchfab.com/models/8b5431e5455941969e1e23c79cd2885b#
• Couch https://sketchfab.com/models/3da5fdf7e59c466eba4a810240e3e12c

Grade