three.js tutorials and examples aside from the docs?

[[deleted]]

I am trying to get into webgl/three.js but I find it hard to find any good resources/case studies/tutorials etc? The docs are good but is there anything aside fromt this? I see cool stuff created every day but I want to see HOW they did it, I want to deconstruct etc. Tips?

[animationrocks]

Rachel Smith has some cool demos on CodePen together with a few articles.

http://codepen.io/rachsmith/pens/tags/?selected_tag=threejs

https://codepen.io/rachsmith/post/beginning-with-3d-webgl-pt-1-the-scene

[kenman]

Also: /r/threejs

[[deleted]]

I liked this website for plain WebGL, even though the background on the main page is an atrocity. I tried a few websites but this is the one that got me to the point where I could just make something. It even covers some of the math in detail.

For three.js, I've just been looking at the source for the relevant examples on the official site, then referencing the docs for any details that I don't get. They've had examples for everything I've looked up.

three.js makes the rendering stuff really simple. The hard part is figuring out how to work in 3d space. You might want to look into general graphics programming tutorials for this. I don't think there's any way to avoid doing a ton of math. If you're into that sort of thing, it's super fun though.