Feel free to add more resources/books to help the three.js community!
Note: this book is not finished yet but there’s an extensive free section which you can use as a beginner-friendly tutorial
Note: The following books are outdated but may still be useful.
Built with three.js
A web framework for building virtual reality experiences. Make WebVR with HTML and Entity-Component. Works on Vive, Rift, desktop, mobile platforms.
Explore the world of 3D
Five ways to build WebGL apps
WebGL is a cross-platform, royalty-free web standard for a low-level 3D graphics API based on OpenGL ES, exposed to ECMAScript via the HTML5 Canvas element. Developers familiar with OpenGL ES 2.0 will recognize WebGL as a Shader-based API…
https://www.reddit.com/r/webgl/ WebGL 2
WebGL 2 Videos
4.3 out of 5 stars,
July 19, 2013,
4.2 out of 5 stars,
March 6, 2014,
Brandon Jones, Diego Cantor
4.0 out of 5 stars,
June 15, 2012,
3.3 out of 5 stars,
August 30, 2012,
Amazon.com: OpenGL 4 Shading Language Cookbook: Build high-quality, real-time 3D graphics with OpenGL 4.6, GLSL 4.6 and C++17, 3rd Edition: 9781789342253: Wolff, David: Books
Here is a picture:
And here is a working example:
This topic is related to the other one:
The difference is that in this example I use a box for visibility. It has more parameters than a sphere, thus I use a structure (as I’ve never used it before, so I’ve gave it a try ), passing it to the shaders.
Just to clarify: points are static, only the box of visibility moves through them.
= GLSL OpenGL Shading Language
WIP but it has code, the idea is to explain the parts we can affect with GLSL while still keeping the webgl boilerplate automated. So it touches a bit on the geometry and slowly introduces shaders, not sure if this approach is right for explaining:
You can preview your glTF export with this tool:
This course will teach you the principles of 3D computer graphics: meshes, transforms, lighting, animation, and making interactive 3D applications run in a browser.
Inverse Kinematics = IK
Babylon.js is one of the world's leading WebGL-based graphics engines. From a new visual scene inspector, best-in-class physically-based rendering, countless performance optimizations, and much more, Babylon.js brings powerful, beautiful, simple, and...
Is it possible to pin this thread at the top of the list in the category? Would be more comfortable and helpful to have it there
There’s a whole lot more at
this link. Feel free to filter and add some of the relevant resources. In my view, they all looks relevant.
@Atul_Mourya thanks for sharing, bookshelf updated!
Hi Yuri, This is example is definitely very much impressive. I would encourage you to post this as a new resource where other people can find it easily. Let’s just keep this current resource only for books, tutorial and other learning materials. Cheers
I’d like to share a great book about the topic “Computational Geometry”. This area is necessary for all kinds of geometry related algorithms like triangulation, intersections tests, computing bounding volumes (e.g. convex hulls), path finding and many more. Although the examples in the book are written in C, I highly recommend to do the exercises
What makes this site awesome is that it’s totally free and covers most of the vector math. it uses processing.js for it’s demos
use this playground if you want to edit some of the codes to do other cool stuffs:wink: