Back to projects
Jul 01, 2024
2 min read

Under The Sea

A ThreeJS-Journey monthly challenge entry

A few months ago, I created a scene and character in Blender, complete with materials. Motivated by a desire to make it interactive, I embarked on this challenge.

This project marks my first foray into cross-platform development using Three.js and Electron/Tauri. My goal is to create distributable apps and games leveraging Three.js technology. The development was progressing smoothly until yesterday, when the app encountered an issue. I am actively working on resolving it and will provide updates accordingly.

The app is built with Tauri.js, Three.js (specifically for the ocean), and React Three Fiber for other elements. Eccctrl is utilized for the player controller, and I drew inspiration from an R3F 360 tour example for the 360-degree tour feature. Despite this being only my second attempt at baking, I have gained a much better understanding of the workflow. The project uses three baked textures and two Three.js materials (metal and standard PBR).

Additionally, AI tools were employed to help generate the text for the about page.