https://dubralex.com/blog Articles on WebGL, Three.js, 3D product experiences, and creative development. en Sat, 18 Jul 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/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/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/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/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/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/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 Manufacturing files make terrible web assets. A practical pipeline for turning STL exports into lightweight glTF models: cleanup, UVs, Draco and meshopt compression, and textures that will not melt phones. glTF Asset Optimization Blender Three.js 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