The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
An Interactive 3D harbor environment ⚓️
L-shaped piers, animated water, and boats gently bobbing at their moorings bring this scene to life. From a lighthouse with a pulsing beacon to circling seagulls and waving flags, every detail is built for immersive, real-time interaction.
Harbor-side buildings, rocky cliffs with palm trees, and authentic port props complete the atmosphere.
Try it out 👉 3D Harbor Environment
Demo
#GameArt #EnvironmentDesign #RealTimeRendering #3DEnvironment
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
🎬 I Built Merrsion —a 3d experience hub. All in Omma.
So I rebuilt it.
Result: near-instant load + smooth playback.
🧪 Added a custom Vanilla JS engine with requestAnimationFrame + lerp smoothing
→ scroll controls the video timeline, but feels fluid—not robotic.
✨ Designed a cyberpunk-style UI:
Glassmorphism HUD, dynamic frame counter, scroll-reactive elements, adaptive typography.
🛠 Stack: Vanilla JS, HTML/CSS, GPU acceleration tricks. No heavy libraries.
Try: https://omma.build/p/futuristic-ai-product-website-a2c052
💡 Takeaway: You don’t need bloated frameworks to build cinematic experiences—just smart engineering.
🌊 The Bioluminescent Abyss: Building a 3D World with ZERO Assets
What if I told you I built a fully playable, visually stunning 3D underwater exploration game... without using a single image, 3D model, or audio file? Welcome to the Bioluminescent Abyss.
I wanted to push the absolute limits of the modern browser. The challenge? Build an entire ecosystem, complete with post-processing, physics, and a playable submarine, packed entirely into a single, self-contained HTML file using pure code, math, and WebGL.
Play🚀 : https://omma.build/p/webgl-threejs-graphics-programming-exper-8oss00
Here’s how I brought this neon-drenched deep-sea world to life using Three.js, GLSL, and the Web Audio API.
🥊 The Technical Punches (How it works under the hood)
⚡ 15,000 GPU-Accelerated Particles: Animating 15k bioluminescent plankton on the CPU would tank the frame rate. Instead, I injected custom GLSL into the onBeforeCompile hook, offloading the mathematical drift, sway, and wrap-around logic entirely to the GPU. Zero performance drops.
🐍 Custom Vertex Shaders for Organic Life: The "Phantom Ribbon Eels" aren't rigged models. They are simple 2D planes driven by a custom vertex shader that uses sine waves to physically undulate their geometry, making them slither organically through the water.
🔊 100% Synthesized Audio: No MP3s or WAVs here. I built a procedural audio synthesizer using the Web Audio API. It passes a sawtooth oscillator through a 120Hz Biquad lowpass filter, dynamically scaling pitch and volume based on your submarine's throttle to create a muffled, deep-sea engine rumble.
🕹️ Custom Vehicle Controller & Physics: Built a fully responsive 3D submarine with a smooth 3rd-person chase camera. It features mouse-driven steering, dynamic FOV stretching for speed effects, buoyancy bobbing, and a procedural bubble trail system.
🌍 Infinite Procedural Terrain: The 500x500 ocean floor is carved using inline Simplex Noise octaves, generating sprawling dunes and valleys entirely from math.
🧠 Extreme Optimization: Populated the seabed with over 700 coral clusters and 35 glowing jellyfish by aggressively caching shared geometries and MeshStandardMaterials, keeping the VRAM footprint incredibly light while bathed in Unreal Bloom post-processing.
🎬 The Polish
Great tech needs great UX. I wrapped the experience in a 5-second cinematic sweeping camera intro that seamlessly interpolates down to the player's submarine, coupled with a sleek, high-tech HUD that fades in to teach the controls.
💡 The Takeaway
This project is a testament to what's possible when you combine creative coding with deep technical optimization. You don't always need massive asset libraries to build an immersive world—sometimes, all you need is a blank canvas and some math.
Thankyou.
🏎️ Infinite synthwave arcade game — in a single HTML file.
No models. No textures. No audio.
Just pure procedural math ⚡
Neon city, laser combat, and music — all generated in real-time.
The world pulses with a custom audio-reactive engine 💥
Play it. Survive the grid.
Drop your high score 👇
looks fine.
Trending
FLORA
Reusable workflows are replacing one-off prompts in creative AI. Share what you're building in FLORA.
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?