📕 Three.js Bookshelf

resources
books

#1

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


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

https://www.amazon.com/HOW-DESIGN-GAMES-WEB-TECHNOLOGY/dp/1520547455/ref=sr_1_7?s=books&ie=UTF8&qid=1524024734&sr=1-7&keywords=three.js

https://www.amazon.com/Learning-Three-js-JavaScript-Library-Second-ebook/dp/B00VIBPW5I/ref=sr_1_15?s=books&ie=UTF8&qid=1524024797&sr=1-15&keywords=three.js

https://www.amazon.com/Three-js-Cookbook-Jos-Dirksen-ebook/dp/B00T0C8EMA/ref=sr_1_16?s=books&ie=UTF8&qid=1524024797&sr=1-16&keywords=three.js

https://www.amazon.com/Three-js-Essentials-Jos-Dirksen/dp/1783980869/ref=sr_1_17?s=books&ie=UTF8&qid=1524024797&sr=1-17&keywords=three.js

https://www.amazon.com/Game-Development-Three-js-Isaac-Sukin-ebook/dp/B00G58JD4K/ref=sr_1_19?s=books&ie=UTF8&qid=1524024797&sr=1-19&keywords=three.js


Videos


https://www.udemy.com/threejs-programming/


Presentations


VR/AR/MR



Games


💡 Three.js Learning Paths …
🌲 Let’s try to leave our park better than we found it
Does three.js has some "scene debug mode" or plugin? (like babylon.js DebugLayer)
Where can I get the latest min version of THREE.js?
Dynamic creation of a logo
Book on Three.js
Collection of examples from discourse.threejs.org
Online game with vehicles
Display 3D Model in web using Three.js
How to remove a face of a cube
How to remove a face of a cube
How could I (better) contribute to three.js
#2

WebAssembly


#3

WebGL

Resources

Sites



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


WebGL 2

WebGL 2 Libraries

WebGL 2 Videos

Books

Videos

Presentations

Rendering


#4

Shaders

Sites

Books


Three.js Example

GLSL = OpenGL Shading Language


#5

Math


SDF = Signed Distance Functions


#6

Other Resources

File Formats

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

Compression


Videos


Camera

Curves


#7

Tools



#8

3D Editor

Three.js Alternatives


#9

3D Viewer

Other Libraries/Frameworks


WebVR


#10

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:


pinned #11

#12

Done! :smile:


#13

What’s New?


#14

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.


#15

More Math :


#16

@Atul_Mourya thanks for sharing, bookshelf updated!


#18

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:


#20

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:


#21

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


#22

PBR & Lights
A really good learning resource.

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