Thalassophobia

The persistent and intense fear of deep bodies of water

About

This project was my attempt at making a realistic stormy sea simulation using the three.js JavaScript library. It includes GLSL shaders for the wave texture and color, as well as some post-processing to create a realistic look. The buoy geometry and texture was created by me in Blender, which was then imported into three.js

Code Credits

Inspiration from NrZero's Thalassophobia render using Blender

GLSL shaders based on various projects using the threejs-journey.com tutorial

Audio Credits

Rain background sound by Franco Gonzalez on Pixabay

Wave background sound by Mind Mist on Pixabay

Thunder sounds by DRAGON-STUDIO on Pixabay

Creaking sounds by DRAGON-STUDIO on Pixabay

Settings

Tint #555a5f
Water #141a20
Buoy #141a20
Amp Freq Speed
Wave 1
0.60
0.50
0.25
Wave 2
0.12
1.00
0.20
Wave 3
0.12
1.00
0.20
Wave 4
0.12
1.00
0.20