Coding Train Live 109: WebGL with p5.js

Timestamps:
36:05 - 3D Geometry
50:55 - Lights and Material
1:51:36 - Coding Challenge: Bees and Bombs

References:

Videos:

Help us caption & translate this video!

Best tutorial ever. So human and honest, not just like reading a book how it should work. Everybody can read books. But it's interesting to see the topic being discovered :)

[artania]

Awesome videos and a lot of energy and fun ! Keep it up :)

[larss]

I have been struggling to make 3D graphs in three.js, and found it very confusing to plot data with appropriate axis. P5.js seems like a much more beginner-friendly environment, and I would therefore love a coding challenge were you visualized some data. Thanks for a great channel ! :D

[DarkoAqua]

The oscillating gif from a coding challenge at 1:52:10 reminds me of a 3d sin function f(x, y)=sin(x^2+y^2), or in simple animate form f(x, y)=sin(sin(t)*x^2 + sin(t)*y^2), when you let t increment from 0 in small 0.01 steps, and limit drawing range from say -3 to +3, you instantly get a very similar shape. Then you can use it as a base function to map boxes, i dunno that part :-) Now, back to watching till the end...

[taba]

You can use nohup, disown or bg to keep the server running after closing the terminal

[imtrying]

Awesome job Dan really loved the video!

[SimonTiger]

31:20 It's not because of lighting! Because you changed the rendering context, the stroke changed as well. Instead of being _around_ the whole shape, it was a _mesh_ for the shape. Your shape was just so small that the stroke kind of "took over" the fill, and that's why the shape was black.

[SoniaAnastasiaaa]

Hello, do you happen to have any Processing coding exams ??? My exam is next Tuesday and I want to get as much practice as I can. I appreciate it !!!

[Dhakshith]

Live Stream #110: TODAY, NOW !!!
Where ???

[bastifmbh]

I'm not sure if at some point i installed a package like you, but i can go to a directory and type "atom ." and open it too.. running ubuntu..so maybe that's something they implemented..

[Sworn]

Would be awesome if you were using the same jacket hahahahaha

[AncientPixel_AP]

i found myself screaming in my head: Nooo!, just make the second light less bright!! ^^

[juliannicholls]

I'm screaming that no Red light will reflect off a Blue surface, hence Black

[ethanhermsey]

invest en learn three.js.... way better performance and super easy