ben
April 18, 2018, 4:34am
1
Feel free to add more resources/books to help the three.js community!
Community Portals
Resources
Tutorials
Books
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.
Examples
Physics Libraries
AI
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.
27 Likes
ben
May 22, 2018, 3:59pm
3
WebGL
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
Books
4.3 out of 5 stars,
ISBN: 978-0321902924,
Addison-Wesley Professional,
July 19, 2013,
$42.10
4.2 out of 5 stars,
ISBN: 978-1449362966,
O'Reilly Media,
March 6, 2014,
$35.58
Brandon Jones, Diego Cantor
4.0 out of 5 stars,
ASIN: B008CEMBPI,
Packt Publishing,
June 15, 2012,
$16.54
3.3 out of 5 stars,
ISBN: 978-1449323578,
O'Reilly Media,
August 30, 2012,
$26.21
Videos
Presentations
1 Like
ben
May 22, 2018, 4:00pm
4
Shaders Sites
Books
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
$48.99
Three.js Example
Hi community!
Here is a picture:
[BoxesOfVisibility]
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
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:
1 Like
ben
May 22, 2018, 4:01pm
6
Other Resources File Formats
You can preview your glTF export with this tool: https://gltf-viewer.donmccurdy.com/
Compression
Videos
This course will teach you the principles of 3D computer graphics: meshes, transforms, lighting, animation, and making interactive 3D applications run in a browser.
Camera
Curves
Character Rigging
Inverse Kinematics = IK
2 Likes
ben
May 22, 2018, 4:03pm
9
3D Viewer – Ruku
Other Libraries/Frameworks
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...
WebVR
1 Like
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
3 Likes
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.
ben
May 23, 2018, 2:56pm
16
@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
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
https://www.amazon.com/Computational-Geometry-Cambridge-Theoretical-Paperback/dp/0521649765
4 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
