Three.js Resource List

by Miro Leon Bucher

This is a list of resources I've used to learn and teach Web Design. Helpful suggestions came from our Discord Server, which you are invited to join and contribute to this list that way. You can find more helpful Web Design tutorials and more on my YouTube Channel if you are interested.

Remember: If I can do this with an MA in Philosophy and Social- and Cultural Anthropology, you can do this too!

[Video] Basic Three.js Setup

[Codepen] Link to the Code

[Video] Surface Imperfections in Three.js for More Realistic Materials

[Codepen] Link to the Code

[Video] Gradient HDRs in Three.js for Stylised Scenes

[Video] Multi-layer Parallax Three.js + Typography Website

[Codepen] Link to the Code

[Video] Three.js Animation Based ond User Scroll

[Codepen] Link to the Code

[Video] Kinetic Typography in Three.js
[Codepen] Amazing 3D Room made in Three.js
[Codepen] Three.js Audio Visualiser
[Codepen] Three.js ASCII Render Effect
[Text/Codepen] Three.js Glass Material (with refraction)
[Medium] Better Fog in Three.js
[Medium/Codepen] Creating Stars/Space with Three.js
Make suggestions for the list on Discord!
...more to come...

The other resource lists include Web Design, 3D Rendering, and AI Resources.