https://dubralex.com/blog Articles on WebGL, Three.js, 3D product experiences, and creative development. en Fri, 23 Oct 2026 00:00:00 GMT https://dubralex.com/blog/react-three-fiber-vs-vanilla-threejs https://dubralex.com/blog/react-three-fiber-vs-vanilla-threejs Sat, 18 Jul 2026 00:00:00 GMT I ship client work in both. What React Three Fiber actually is, where it genuinely wins, where vanilla Three.js stays the right call, and the decision rule I use at the start of every project. React Three Fiber Three.js Architecture Developer Guide https://dubralex.com/blog/recreating-unity-vfx-graph-effects-in-threejs https://dubralex.com/blog/recreating-unity-vfx-graph-effects-in-threejs Sat, 18 Jul 2026 00:00:00 GMT What happens when you take Unity VFX Graph effects, fire, plasma, particle suns, and rebuild them for the browser. The pipeline differences, the two papers that changed my flames, and what WebGL still cannot fake. Particles VFX Three.js GLSL https://dubralex.com/blog/shadowexport-baking-shadows-for-web-scenes https://dubralex.com/blog/shadowexport-baking-shadows-for-web-scenes Sat, 18 Jul 2026 00:00:00 GMT Real-time shadows cost frame budget, and baking them usually means a Blender roundtrip. So I built a browser tool that renders a model, lets you aim the light, and exports the shadow as a texture: PNG, WebP, AVIF, or KTX2, with placement data included. Tools Shadows Three.js KTX2 https://dubralex.com/blog/lighting-3d-products-for-the-web https://dubralex.com/blog/lighting-3d-products-for-the-web Mon, 13 Jul 2026 00:00:00 GMT The same glb file can look like a phone screenshot or a studio photograph, and the difference is lighting. Environment maps, tone mapping, shadows, and a copy-paste starting recipe for three.js product scenes. Lighting Three.js HDRI Product Visualization https://dubralex.com/blog/add-3d-product-viewer-to-your-website https://dubralex.com/blog/add-3d-product-viewer-to-your-website Mon, 13 Jul 2026 00:00:00 GMT You do not need a new site to show products in 3D. The three levels of adding 3D to an existing store, from a single HTML tag with built-in AR to a custom viewer, and how to pick the right one. 3D E-commerce model-viewer AR Client Guide https://dubralex.com/blog/3d-room-planners-for-furniture-businesses https://dubralex.com/blog/3d-room-planners-for-furniture-businesses Mon, 13 Jul 2026 00:00:00 GMT What a 3D room planner actually is, how one connects to a live product catalog, and what it changes for a furniture or rug business. Built from a real project: a browser-based planner wired directly into a rug retailer's shop. Room Planner 3D Configurator E-commerce Client Guide https://dubralex.com/blog/scroll-driven-3d-storytelling https://dubralex.com/blog/scroll-driven-3d-storytelling Sun, 12 Jul 2026 00:00:00 GMT Scroll is the only rich interaction every visitor already knows. How scroll-driven 3D storytelling works, the GSAP, Lenis, and Theatre.js toolkit behind it, and the craft rules that separate cinematic from carsick. Scroll Animation Three.js GSAP Interaction Design https://dubralex.com/blog/why-your-threejs-site-is-slow-on-phones https://dubralex.com/blog/why-your-threejs-site-is-slow-on-phones Sun, 12 Jul 2026 00:00:00 GMT It is almost never the framework. The five real reasons WebGL sites struggle on mobile, how to diagnose each one, and the free tools that fix them: glTF Report, gltf-transform, Squoosh, KTX2, and a phone from a drawer. Performance Three.js Mobile Optimization https://dubralex.com/blog/how-much-does-a-3d-website-cost https://dubralex.com/blog/how-much-does-a-3d-website-cost Sun, 12 Jul 2026 00:00:00 GMT Real numbers for 3D and WebGL web projects: what a 3D hero section, a product configurator, and a full immersive site cost, what moves the price, and where budgets quietly die. 3D Websites Pricing Client Guide WebGL https://dubralex.com/blog/lighting-materials-browser-3d-configurators https://dubralex.com/blog/lighting-materials-browser-3d-configurators Fri, 23 Oct 2026 00:00:00 GMT How I approach PBR surfaces, environment lighting, interiors, reflections, baked light, texture detail, and rendering budgets across the VariState projects. 3D Materials Real-Time Lighting Three.js Product Visualization VariState https://dubralex.com/blog/3d-configurator-ux-product-choices https://dubralex.com/blog/3d-configurator-ux-product-choices Fri, 23 Oct 2026 00:00:00 GMT Practical interface decisions from my VariState configurators: clear option groups, useful cameras, reversible edits, input handling, loading, and honest feedback. 3D Configurator UX Product Configuration Interaction Design VariState Three.js https://dubralex.com/blog/building-varistate-marine-yacht-configurator https://dubralex.com/blog/building-varistate-marine-yacht-configurator Fri, 23 Oct 2026 00:00:00 GMT Inside my Three.js yacht configurator: finish choices, FFT ocean rendering, dry cabins, guided cameras, driving, and the practical limits of browser realism. Yacht Configurator Three.js WebGPU Water Rendering Product Visualization https://dubralex.com/blog/varistate-space-lounge-interior-finishes-baked-lighting https://dubralex.com/blog/varistate-space-lounge-interior-finishes-baked-lighting Fri, 23 Oct 2026 00:00:00 GMT How I built the VariState SPACE lounge experience around material choices, coordinated day and night lighting, constrained walking, local reflections, and a carefully defined scope. VariState Interior Visualization 3D Configurator Lighting Three.js https://dubralex.com/blog/building-varistate-space-browser-room-planner https://dubralex.com/blog/building-varistate-space-browser-room-planner Fri, 23 Oct 2026 00:00:00 GMT Inside my VariState SPACE room planner: direct room editing, windows, floors, furniture, camera modes, honest lighting, and the practical work behind a usable 3D interior tool. VariState 3D Room Planner Interior Design Three.js Web Development https://dubralex.com/blog/rebuilding-varistate-auto-interactive-suv-configurator https://dubralex.com/blog/rebuilding-varistate-auto-interactive-suv-configurator Fri, 23 Oct 2026 00:00:00 GMT A closer look at the updated VariState SUV configurator: authored finishes, cabin customization, day and night lighting, walking, driving and responsive controls. Automotive Configurator ThreePipe Three.js React 3D Development https://dubralex.com/blog/building-varistate-aero-private-jet-configurator https://dubralex.com/blog/building-varistate-aero-private-jet-configurator Fri, 23 Oct 2026 00:00:00 GMT How I connected a private jet showroom, walkable cabin and interactive flight in Three.js, with material choices, natural daylight and careful camera handoffs. Aircraft Configurator Three.js WebGPU 3D Development Configurator UX https://dubralex.com/blog/building-a-realistic-mercedes-amg-configurator-for-the-web https://dubralex.com/blog/building-a-realistic-mercedes-amg-configurator-for-the-web Wed, 02 Sep 2026 00:00:00 GMT A practical look at the lighting, materials, camera work, performance, and interface decisions behind a browser-based SLS AMG showroom. 3D Configurator Automotive Three.js Real-Time Rendering https://dubralex.com/blog/stl-to-gltf-optimizing-3d-models-for-the-web https://dubralex.com/blog/stl-to-gltf-optimizing-3d-models-for-the-web Sun, 12 Jul 2026 00:00:00 GMT A practical Blender workflow for turning STL and CAD-style product models into clean, lightweight GLB assets for Three.js and WebGL. glTF Asset Optimization Blender Three.js https://dubralex.com/blog/how-to-build-a-3d-product-configurator https://dubralex.com/blog/how-to-build-a-3d-product-configurator Fri, 10 Jul 2026 00:00:00 GMT A configurator is a decision-making tool, not just a visual feature. How I approach client configurator projects: understand the decision first, separate logic from visuals, keep it light, and stay honest about which direction serves the project. 3D Configurator Client Work Three.js Product Experience https://dubralex.com/blog/webgpu-vs-webgl-2026 https://dubralex.com/blog/webgpu-vs-webgl-2026 Sun, 12 Jul 2026 00:00:00 GMT WebGPU is finally in every major browser, and WebGL refuses to die. What the new API actually changes, what it does not, and the fallback pattern I use in production client work. WebGPU WebGL Three.js Performance https://dubralex.com/blog/bahai-temple-3d-modeling https://dubralex.com/blog/bahai-temple-3d-modeling Sun, 12 Jul 2026 00:00:00 GMT A 3D modeling collaboration for a temple design competition. Translating hand-drawn architectural sketches into a digital model, iteration by iteration. 3D Modeling Architecture Client Work https://dubralex.com/blog/making-a-threejs-portfolio-indexable https://dubralex.com/blog/making-a-threejs-portfolio-indexable Tue, 07 Jul 2026 00:00:00 GMT Canvas-first sites are invisible to most crawlers. A practical walkthrough of the build-time prerendering setup that makes a fully WebGL portfolio readable to Google, Bing, and AI crawlers, without giving up any of the creative side. Three.js WebGL SEO Creative Development https://dubralex.com/blog/semiotics-of-digital-space https://dubralex.com/blog/semiotics-of-digital-space Tue, 23 Dec 2025 00:00:00 GMT Design is never just aesthetic, it is communication. On how lighting, spatial depth, and motion timing work as a language that shapes what a brand means before a single word is read. Design Theory Immersive Web Brand https://dubralex.com/blog/economic-value-of-immersive-web-experiences https://dubralex.com/blog/economic-value-of-immersive-web-experiences Fri, 19 Dec 2025 00:00:00 GMT Does immersion actually pay? What research across tourism, fashion, and retail says about 3D and interactive web experiences, engagement, conversion, and brand memory. Immersive Web Strategy Research