[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_28":-5,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"routes/_store+/_readers+/email_author.$slug/route",{"_9":10,"_11":-5},"book",{"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":23},"currentUser","id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvNzgyNTc","title","Three.js Book: Building 3D Worlds, From Fundamentals to Interactivity","state","published","contactAuthorMethod","email","aboutText","

Learning to program 3D graphics for the web is like acquiring a new superpower.

In this book, you won't just learn to display geometric shapes; you will learn to create immersive experiences. We will start with the foundations of WebGL and Three.js, move through the visual construction of scenes with advanced lights and materials, and finish by diving into the world of mathematical animations and interactivity. By the end, you will have built multiple functional 3D projects, you will understand how to control the camera, and you will know how to create dynamic universes in the browser. This is the solid foundation you need to become a 3D web experience developer.

Three.js Fundamentals: Practical Guide for the 3D Web The practical and updated guide for 2026 covering everything you need to know to create real three-dimensional applications, from absolute basics to lighting, spatial mathematics, and the use of AI for practice.

Why learning Three.js is an indispensable skill today?

The web is no longer flat. 3D development in the browser is revolutionizing e-commerce, education, video games, and interactive portfolios. It doesn't matter if you want to create a product visualizer or an artistic experience: knowing how to create 3D environments sets you apart from other developers.

But starting with WebGL from scratch is extremely difficult. The mathematics are complex and the syntax is very tedious. Outdated tutorials teach you old practices and official documentation can be overwhelming for beginners.

What will you learn in this book?

Chapter 1 - Getting Started with Three.js: Learn the fundamentals of Three.js: set up your environment with Node.js and create your first 3D scene with cameras, geometries, materials, and rendering

Chapter 2 - Garden Project: Build a 3D garden step by step in Three.js. Master object grouping, spatial positioning, and basic shadow projection.

Chapter 3 - General Aspects: Discover how to animate objects in Three.js using requestAnimationFrame and integrate the dat.GUI library to control your scene in real time.

Chapter 4 - Interact with the Scene: Learn how to manipulate the scene graph in Three.js. Create and delete geometries dynamically and use scene.traverse() to apply global logic.

Chapter 5 - Add Geometric Shapes On Demand: Learn how to manipulate the scene graph in Three.js. Create and delete geometries dynamically and use scene.traverse() to apply global logic.

Chapter 6 - Dynamic Scene Variations - Chaotic and Sine/Cosine: Create organic and chaotic animations in Three.js by applying trigonometric functions (sine and cosine) to the animation loop without extra dependencies.

Chapter 7 - Project Lights: Complete guide to lighting in Three.js: differences and practical applications of AmbientLight, SpotLight, DirectionalLight and PointLight.

Chapter 8 - Materials, Chambers and Geometries: Master Perspective and Orthographic cameras in Three.js, blend textures with MeshDepthMaterial, and explore the catalog of predefined 3D geometries.

","authors",[24],{"_12":25,"_26":27,"_28":29},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci84MzgzNQ","name","Andrés Cruz Yoris","user",{"_30":31},"avatar",{"_32":33,"_34":35,"_36":37},"url","https://d39qdlcrvnra4b.cloudfront.net/avatars/2508444/medium/vn2LgXaB_400x400.jpg?1646511308","styleName","medium","exists",true,"shoppingCartId","shoppingCart",{"_12":71,"_72":73,"_74":37,"_75":76,"_77":78,"_79":80,"_81":37},"locale","en","readerTheme","light","constants",{"_69":70},"publishers",{"_65":66,"_67":68},"learnerOrganizations",[],"needsLocaleCookieSync",false,"announcements",{"_59":60,"_61":-5},"sentryEnvironment","production","sentryRelease","8a3483f7d65cc28d824055b36d21331c15780f29","announcement_store",{"_62":52,"_63":64},"announcement_authors","flag","text","

Kick off your book project, get started with GhostAI, get better at marketing, or spend the day doing all three! Free live workshops on Zoom. Saturday, June 27, 2026.

\n","companies",[],"universities",[],"paypalClientId","AX53Cwz8jR6rVVzzZiZNWWXl0dGagi-GZrjG-S3Ua14E5nrKMn7DxDQ730O4R8LusLPp49ALn6aRVaEy","no-cart","count",0,"free","updatedAt","","paymentGateway","STRIPE","cartItems",[],"loading"]

Email the Author