3d WebGL
WebGL Engineer & 3D Artist Innovating Quality 3D since 2011
New to Contra
3d is ready for their next project!
Working on new interactive 3d configurator concept for automotive interiors. Revisiting old project from 2017 and bringing new level of quality. It will be great to explore it in WebGL.
5
185
Tesla Model 3 Configurator — WebGL / Three.js Interactive (2017)
Built a 3D configurator for the Tesla Model 3, published on the car’s premiere day, before Tesla released an official tool.
Highlights:
Real-time 3D exploration of the car with color and option selection
Achieved 23,000+ visitors on the first day
Featured in tech and automotive publications (Observador (https://observador.pt/2017/08/07/quer-configurar-o-model-3-ja-pode-mais-ou-menos/?utm_source=chatgpt.com), InsideEVs (https://insideevs.com/news/332552/interactive-tesla-model-3-configurator-render-is-truly-amazing/))
Demonstrated the market and community impact of browser-based 3D experiences
Creative Resonance:
Filled a market gap, showing the potential of WebGL/Three.js for product visualization
Inspired early browser 3D configurators and interactive experiences
21
334
Early WebGL / Three.js Showcase (2014)
One of the first high-quality WebGL/Three.js projects, demonstrating that realistic and aesthetically compelling 3D visuals could be delivered in the browser.
Key achievements:
- High-quality geometry and 3D compression for efficient web performance,
- Custom metallic shader with image-based lighting (IBL),
-Tri-planar UV generation and microtextures for detailed surfaces,
- Pioneered WebGL standards at a time when best practices were still being defined,
- Showcased the potential of browser-based 3D to the market, influencing early adopters and other companies.
Creative Resonance:
- Served as a proof-of-concept to convince both the public and industry of WebGL’s utility,
- Inspired other developers and companies to explore high-fidelity interactive 3D in the browser.
28
521
This project showcases sub-continental scale 3D map animations built from GIS data, designed to balance visual clarity, realism, and a controlled stylistic approach. The workflow focuses on transforming large-scale geospatial datasets into clean, readable animated visualizations while maintaining geographic accuracy. A key constraint of the project was achieving 4K frame renders under 30 seconds.
24
358
Vintage Automotive Photography — Multi-Angle Form Study
Studied pre-CAD automotive design using 50mm, 85mm, 100mm, and 135mm full-frame lenses. Captured vehicles whose multidimensional forms appear to merge into a single, cohesive shape, yet reveal distinct impressions from each angle and focal length.
Tech/Tools: Full-frame DSLR, prime lens 100mm, RAW post-processing, color checker
23
331
Developed an immersive Virtual Museum for Valentino Garavan (2011), enabling users to explore his fashion legacy in a digital 3D/VR environment. The project is widely recognized as pioneering a new medium for virtual fashion heritage, cited in multiple academic publications:
The Luxury Economy and Intellectual Property: Critical Reflections (Oxford University Press, 2015)
Studies on virtual museum interface design and user experience (Padaratz et al., 2019)
Research on extended reality for cultural heritage and tourism (De Ascaniis & Cantoni, 2022; Pillai & Guazzaroni, 2022)
Featured in The New York Times and other media outlets
Creative Resonance:
Pioneered a new immersive medium
Served as a reference in academia and museum UX guidelines
Demonstrated the power of XR to preserve and present cultural and creative heritage
22
303
Modular 3D Fashion — From Marvelous Designer to Web-Based Experience.
This project showcases a modular 3D fashion workflow, starting with garment creation in Marvelous Designer and progressing to an interactive 3D experience in the browser. The focus was on translating physically based garments into a modular while preserving visual fidelity. The project highlights asset modularity, optimization, and WebGL delivery for interactive fashion visualization.
1
21
396
Having fun with terrain 3d scans in Blender. Little artistic flavor added to geospatial data presentation. I just like these as all sources are color calibrated and go well with any lighting.
0
74
17th-Century Fortress – UAV 3D Scanning & Web-Based Virtual Experience
A historic fortress from the Napoleonic Wars era was captured using UAV-based photogrammetry and reconstructed into a detailed 3D model, including the full terrain and surrounding landscape to preserve historical context.
The interactive virtual experience is delivered directly in a web browser and is built using open-source technologies from NASA’s AMMOS (Advanced Multimission Operations System), adapted for real-time exploration of cultural heritage sites.
15
258
Product renderings of aluminium window systems, created end-to-end with custom 3D modeling and HDRI lighting.
0
81
Acura NSX 2017 — Interactive 3D Showcase and Automotive Configurator
This project served as a main test bed for both creative and technical exploration of interactive automotive 3D configurators. I went through countless iterations and concepts and here is one of them from 2017.
0
65
My first WebGL automotive configurator and interactive 3D showcase, created for Mitsubishi in 2016. This early exploration of WebGL-based configurators influenced much of my later work in interactive 3D applications.
0
81
Alternative version of a Tesla Model 3 interactive 3D configurator, created as part of ongoing exploration of WebGL-based configurators across different contexts back in 2017.
Highlights:
Real-time 3D exploration of the car with color and option selection
Achieved 23,000+ visitors on the first day
Featured in tech and automotive publications (Observador (https://observador.pt/2017/08/07/quer-configurar-o-model-3-ja-pode-mais-ou-menos/?utm_source=chatgpt.com), InsideEVs (https://insideevs.com/news/332552/interactive-tesla-model-3-configurator-render-is-truly-amazing/))
14
203
Tesla Model 3 interactive 3D configurator in a white-plane environment, designed to match the style of typical Tesla configurators back in 2017.
Highlights:
Real-time 3D exploration of the car with color and option selection
Achieved 23,000+ visitors on the first day
Featured in tech and automotive publications (Observador (https://observador.pt/2017/08/07/quer-configurar-o-model-3-ja-pode-mais-ou-menos/?utm_source=chatgpt.com), InsideEVs (https://insideevs.com/news/332552/interactive-tesla-model-3-configurator-render-is-truly-amazing/))
27
291
Comparison of generic environment reflections vs custom one tailored to particular automotive design
0
55
Earth animation from 2013
0
81
This project presents an academically accurate 3D simulation of the human spine, demonstrating various spinal conditions and novel medical treatments. Each vertebra is modeled and animated to behave according to real spinal mechanics, ensuring faithful representation of physiological motion and deformation under different conditions. The project highlights precision modeling, vertebral mechanics, and biomechanical simulation techniques for research and educational purposes.
22
245
This project showcases a dynamic 3D human anatomy model optimized to work seamlessly with medical 3D body scanners. The skeleton, muscles, and tissues adapt automatically to the scanner’s real-time output, reflecting individual body builds and tissue composition. Designed for high-fidelity visualization and interactive simulations, the model highlights advanced rigging, topology design, and interactive deformation techniques for complex 3D anatomical models.
20
316
WebGL powered interactive 3d product configurator - modular shirts designed in Marvelous Designer and Blender. 3d App initialization requires just 10MB and entire library goes up to 50MB. Instant customization without additional delays for great user experience.
1
109
Small 3D proof-of-concept demonstrating object scanning and photogrammetry using cross-polarized lighting. Focused on achieving sub-millimeter detail and high-quality surface reconstruction for Web-based 3D applications. This time without configuration or interactivity.
0
51