SEA WORLD - Underwater

My final project is called SeaWorld which is an app that I’ve tried to give you an underwater AR experience. The inspiration process is from underwater environment  which is thought to be the place of the origin of life on Earth and it remains the natural habitat of most of the of living organisms. One of them is the sea jellies namely Jellyfishes.


INSTRUCTIONS: I don’t have any UI for instuctions about how to use the App. yet but basically if you look around you’ll see the jellyfishes, you can add sea plants on the floor or add a fish shoals.

DEMO

Demo link

This AR project works only on WebXR Browser

CODE

My code includes examples from WebXR-101 model_load_animation, shape-on-click , hit-testing-model, in_front_camera.

Link for project: Glitch

PROBLEMS

  • Gltf. and bin. files had to be in a folder and dragging them directly in to glitch was putting them in to glitch assets folder and I couldn’t use the URL inside the code. Uploading them on glitch by importing them from GitHub repository to use these highly large gilt files put me trouble, I was getting terminal error that the project I wanna push is very large but I tried to use as much as possible.

  • And the other one was, I wanted to have this blue sea environment which I couldn’t directly applied on camera view. So, finally I tried to put a blue semi-transparent cube very close to camera but than my models behind it wasn’t’ appearing.

    Link for this version: Glitch

FUTURE

My future plan about this project is to add a resonance audio when you get inside the water I want to you to hear underwater sound get out of the water like a normal environment sound. I come up with this idea after seeing a water wave model. And by adding the names of each jellyfish on top of them cuz all these jellyfishes has their own name and it was quite impressive that I’m into learning more about them when I was creating this project. They are beautiful.