Emilian Kasemidev-quixote.hashnode.dev·Jan 12, 2025Understanding 3D Cameras: A Developer's Guide with Three.js ExamplesLet me try to explain how cameras work in 3D graphics systems. In Three.js, for example (but the knowledge is transferable to any 3D graphics system, except the canvas which is specific to the browser) we have the scene that holds all the 3D objects,...3d development
Emilian Kasemidev-quixote.hashnode.dev·Jan 4, 2025Understanding Level of Detail (LOD) in Three.jsImagine you're looking at a cityscape from a mountaintop. The distant skyscrapers might seem like mere silhouettes, but as you parachute down, you start noticing windows, doors, and even people. You don't need to see every window from the mountaintop...1 likeemilian kasemi
Emilian Kasemidev-quixote.hashnode.dev·Jan 3, 2025Making 3D Worlds Come Alive with Real-time Reflections in Three.jsImagine standing beside a pristine lake on a calm day. The water mirrors the sky, trees, and mountains so perfectly that you feel as though you're experiencing two worlds at once - the real one and its ethereal reflection. This vivid reflection isn't...1 likeThreeJS
The3Guynormalmeshinthreejs.hashnode.dev·Nov 9, 2024Understanding MeshNormalMaterial in THREE.JS💡what you will learn What is MeshNormalMaterial About Normal Vector Why Normals are Important How to Create a Normal THREE Normal Helpers When to Use 💡Normal Vector In 3D normal is a vector that is perpendicular to the surface or a face of ...1 likeThreeJS
Soulisozzy98.hashnode.dev·Sep 9, 20246 Simple (But Effective) Pieces Of Advice I’d Give Anyone Starting In 3D Web DevelopmentI have been studying 3D Web for 3 years. These are the 6 simple (but effective) pieces of advice I’d give anyone starting out (or who wants to get started). When I first started learning this topic I made a lot of mistakes and wasted precious time be...ThreeJS
Soulisozzy98.hashnode.dev·Sep 9, 2024The 1 Software Tool/App I Can’t Live Without For Doing 3D Web DevelopmentWhat if I told you that mastering 3D web development hinges on just one essential tool? Today, there is an app, website, or software platform for just about anything (including finding someone to walk your dog). But when it comes to 3D Web Developmen...ThreeJS
Beau CarnesforfreeCodeCampfreecodecamp.org·Mar 7, 2024Build a 3D Art Gallery with Three.js3D web experiences can provide engaging and interactive user interfaces. And one of the best JavaScript libraries to create these experiences is Three.js. We just posed a comprehensive Three.js course on the freeCodeCamp.org YouTube channel. This cou...three.js
Matthes B.forfreeCodeCampfreecodecamp.org·Aug 17, 2023How to Implement a Blender Model in a React.js Application using Three.jsIn this step-by-step guide, you'll learn how to build a basic Blender file with incorporated fundamental animations. After that, you'll learn how to integrate Three.js with your React apps using React Three Fiber. Getting familiar with these concept...animations
Beau CarnesforfreeCodeCampfreecodecamp.org·Nov 9, 2021Create a Squid Game JavaScript Game with Three.jsWould you survive the TV show Squid Game? Would you survive coding the TV show Squid Game? Time to find out. We just published a JavaScript course on the freeCodeCamp.org YouTube channel that will teach you how to create the Red Light / Green Light g...JavaScript
Hunor Márton BorbélyforfreeCodeCampfreecodecamp.org·Mar 22, 2021Three.js Tutorial - How to Build a Simple Car with Texture in 3DPutting together a 3D scene in the browser with Three.js is like playing with Legos. We put together some boxes, add lights, define a camera, and Three.js renders the 3D image. In this tutorial, we're going to put together a minimalistic car from box...Game Development
