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
360° Product Showcase: Surfboard Performance Test (France)
Project Overview:
I produced an immersive "product-in-action" video for a French surfboard manufacturer. The project focused on showcasing the board's performance and maneuverability in the Atlantic waves. By using 360° technology, we provided potential customers with a first-person perspective of the ride, highlighting the board’s stability and design.
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
Created this 3d animation for 360ofme.
The 4 C's of 360ofme - Consent, Control, Collaboration, Context
Stunning
🌊 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.
I edited this video for a client for real estate finance
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?