Interactive 3D Product
A browser-based real-time 3D representation makes the Wave Breaker system easier to inspect, understand and present without requiring specialist desktop software.
Commercial 3D / Maritime Technology
Wavebreaker 3D product support for real-world maintenance.
A browser-based interactive 3D application built around Jeltom’s Wave Breaker coastal protection system, connecting product visualization with component data, technical documentation and practical maintenance guidance.
business_center
Commercial project developed in the AlphaWave environment for Jeltom • 3D visualization supported by ViaKornel
Overview
Product visualization connected to technical support and maintenance.
Wavebreaker turns a technically specific maritime product into an interactive support experience. The 3D model is not treated as a standalone presentation asset: systems and components are connected with manuals, schematics and visual guidance so users can move from product exploration directly into the information needed for operation and service.
Features
Built around the bridge between 3D visualization and technical support.
Component Navigation
Product systems and structural components are organized so users can move from the complete Wave Breaker assembly toward individual parts and relevant technical context.
Technical Documentation
Manuals, schematics and supporting PDF documentation are connected to the product experience instead of remaining isolated from the visual model.
Maintenance Guidance
Assembly and disassembly material, video or animation can be surfaced alongside relevant systems to reduce friction during maintenance and service work.
Architecture
A real-time 3D application structured around product understanding.
Three.js Scene
The browser scene manages real-time water, product rendering, camera behavior and the visual environment around the Wave Breaker model.
GLB / Draco Assets
Optimized 3D assets and Draco decoding keep detailed maritime models practical for browser delivery while preserving interactive component behavior.
Interaction Layer
UI controls, component interaction, camera navigation and technical-content entry points connect the model with the wider support experience.
Environment & Runtime
Runtime quality controls, post-processing, environment management and current weather or location-aware scene work keep the marine visualization responsive and adaptable.
Technology
Built with a practical real-time web 3D stack.
Three.js
TypeScript
WebGL
Vite
GLB / glTF
Draco
Post-processing
Open-Meteo
PDF Documentation
Responsive UI
Performance Policies
FAQ
Product and engineering context behind Wavebreaker.
Wavebreaker is an interactive 3D application centered on Jeltom’s Wave Breaker coastal protection product. It combines browser-based product visualization with component information and technical-support content.
The goal is to let users move directly from the visible product or component to the relevant manuals, schematics and maintenance guidance instead of searching through disconnected documentation.
The application can connect technical manuals, schematics and assembly or disassembly guidance, including video or animation, with the appropriate parts of the system.
The demo uses an interactive Three.js water and marine scene with dedicated camera, scene and runtime systems. Recent environment work also supports weather-driven conditions and location-aware maritime panoramas.
Wavebreaker combines a detailed 3D product, water rendering, environmental assets and interactive UI in one browser experience, so asset loading and runtime quality policies are important for keeping the application usable across different devices.
Commercial Project
Technical visualization with a real maintenance purpose.
Wavebreaker demonstrates how browser-based 3D can move beyond presentation and become part of a practical technical-support workflow for a physical engineering product.
Marine 3D Scene
Real-time product visualization is presented in a maritime environment rather than an isolated technical canvas.
Technical Support Layer
Documentation and maintenance materials are integrated as part of the application experience around the product model.
Runtime Optimization
Quality and performance systems help balance water rendering, 3D assets and scene effects across different hardware.
Location-Aware Environment
Current environment work extends the demo with weather-driven scene behavior and maritime panorama context for selected coastal locations.