๐Ÿ“• Three.js Bookshelf

Feel free to add more resources/books to help the Three.js: community!

Three.js:


Latest
Locations for downloading the latest three.js build:


Github


Resources

Example Code


Sites


Basics

chamfer: Faceted box geometry
gears: https://molunerfinn.com/Gear-system/Gear-system/index.html


Libraries for use with three.js

polybool.js https://github.com/voidqk/polybooljs

example:
[Closed] How to split/separate a single ShapeGeometry into individual Geometries base on faces?
https://jsfiddle.net/prisoner849/g3qdz90r/
http://discourse.threejs.hofk.de/splitShape/splitShape.html

fabric.js http://fabricjs.com/ https://github.com/fabricjs/fabric.js

example:
Three.js + Fabric.js
https://jsfiddle.net/prisoner849/rr1bsfsj/
http://discourse.threejs.hofk.de/Fabricjs/Fabricjs.html


Books


Videos



Presentations


VR/AR/MR



Games

Play


Physics

Physic Libraries

AI

13 Likes

WebAssembly

WebGL

Resources

Sites



https://www.reddit.com/r/webgl/


WebGL 2

WebGL 2 Libraries

WebGL 2 Videos

Books

Videos

Presentations

Rendering

Shaders

Sites

Books


Three.js Example

GLSL = OpenGL Shading Language

Math


https://www.amazon.com/Math-Primer-Graphics-Game-Development/dp/1568817231

SDF = Signed Distance Functions
https://discourse.threejs.org/t/clipping-solids-sdf-functions/4444

1 Like

Other Resources

File Formats

You can preview your glTF export with this tool: https://gltf-viewer.donmccurdy.com/

Compression


Videos


Camera

Curves

Character Rigging

Inverse Kinematics = IK

1 Like

Tools


3D Editor

Three.js Alternatives

3D Viewer

Other Libraries/Frameworks


WebVR

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 :slight_smile:

3 Likes

Done! :smile:

3 Likes

Whatโ€™s New?

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.

More Math :

@Atul_Mourya thanks for sharing, bookshelf updated!

1 Like

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 :blush:

2 Likes

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 :blush:

3 Likes

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

https://natureofcode.com/book/
https://natureofcode.com/book/

use this playground if you want to edit some of the codes to do other cool stuffs:wink:

http://valentin.dasdeck.com/processing/index.php

5 Likes

PBR & Lights
A really good learning resource.

https://google.github.io/filament/Filament.md.html

4 Likes