Three.js Prerequisites: Learn This First!
Before diving into Three.js, it helps to know the essentials!
In this tutorial, we’ll cover the core web skills you’ll need — HTML, CSS, JavaScript basics, ES6 modules, async/await, and how to load assets like textures and models. These are the building blocks that make learning Three.js smoother and more fun.
Threejs.org guide:
Based on https://threejs.org/manual/#en/prereq...
MDN: https://developer.mozilla.org/
meta-cube: • Three.js Project: Meta Cube
00:51 HTML, CSS and the DOM
03:09 JavaScript - variables
scroll-animation: • Three.js Tutorial: Scroll Animation
03:26 JS - Arrays and Objects
04:00 Array.forEach()
dynamic-3d-art: • Three.js Tutorial: Dynamic 3D Art
04:38 Array.map()
spinning-neon-cubes: • Three.js Project: Spinning Neon Cubes
05:17 Array.filter()
simple-particle-system: • Learn Three.js: Simple Particle Effects
05:27 Destructuring
physics-with-dice: • Satisfying Physics with Three.js: Roll The...
06:01 Object Shortcut Syntax
earth-vertices: • Three.js Project: Vertex Earth
06:46 Rest and Spread ...
flythru-wireframe-wormhole: • Three.js Game Dev: Wormhole Blaster
07:27 async/await
load-a-gltf-model: • Three.js Tutorial: How to Load a Model
09:00 Template literal strings
solar-system: • Build the Solar System with Three.js
09:46 Functional Factoring
12:06 How Three.js Creates DOM Elements
Liquid Glass with Physics: • Liquid Glass Effect with Three.js
12:52 Closures
13:46 Avoid the "this" keyword
dynamic-3d-art: • Three.js Tutorial: Dynamic 3D Art
14:35 Visual Studio Code + Copilot
15:07 Douglas Crockford & Martin Fowler
Read more about Promises here: https://developer.mozilla.org/en-US/d...
and async/await: https://developer.mozilla.org/en-US/d...
Hit subscribe for more tutorials.
❤️ Support my work: / robotbobby
#threejs #javascript #creativecoding