Insights, articles and perspectives shared by our team
Understanding 3D Rotation in Three.js: Euler Angles, Quaternions, and Gimbal Lock ExplainedRotation looks simple until cameras, animations and physics get involved. Learn when to use Euler angles, when to switch to quaternions, and why gimbal lock happens.
Understanding three-mesh-bvh: How Three.js Handles Massive 3D Models FasterDo you really need to test every triangle when the user clicks? How a Bounding Volume Hierarchy keeps raycasting, collisions and spatial queries fast on huge models.
Thinking in React Three Fiber: The Mental Shift Every Three.js Developer NeedsWhere is scene.add()? React Three Fiber does not replace Three.js — it changes how you think about building a scene. Here is the mental model that makes it click.
Does Your Base Color Texture Already Contain an Opacity Map? 🤔If your Base Color is a PNG, do you still need an Opacity Map? A short, practical guide to RGBA channels, alphaMap in Three.js and transparency in glTF.19
Rotation looks simple until cameras, animations and physics get involved. Learn when to use Euler angles, when to switch to quaternions, and why gimbal lock happens.
Do you really need to test every triangle when the user clicks? How a Bounding Volume Hierarchy keeps raycasting, collisions and spatial queries fast on huge models.
Where is scene.add()? React Three Fiber does not replace Three.js — it changes how you think about building a scene. Here is the mental model that makes it click.
If your Base Color is a PNG, do you still need an Opacity Map? A short, practical guide to RGBA channels, alphaMap in Three.js and transparency in glTF.
Blurry textures, flickering distant objects, noisy patterns? A practical guide to texture sampling, nearest vs linear filtering and mipmaps for 3D front-end developers.
React Hooks are the bridge between UI logic and the rendering engine. A step-by-step map of useRef, useState, useMemo, useCallback and useEffect in a real Three.js app.
Imperative Three.js inside React or declarative React Three Fiber? Working examples, architecture, real-world trade-offs and a recommendation for scroll-based cinematic websites.
Higher-Order Components, Render Props and Hooks compared: when to use each, code examples, pros and cons, and why Hooks became the foundation of modern React.
dispatch is the messenger, the action is the letter, the reducer is the manager. A clear mental model for useReducer with typed actions, payloads and generics.
Not everything in the UI should be state. When to use state, when a ref is enough, and when plain CSS is the best tool — with a real delete-button example.
Data down, actions up. Why the parent owns the state, why we pass functions as props, and how children can still run their own UI logic first.
Promise, async/await, fetch, axios and Promise.all — explained through loading models, textures and HDR files in real Three.js projects.
