Live Stream #50: Loading Animation, Metaballs and 2D Arrays in JS

Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=3xNv10FglGc



Category:
Tutorial
Duration: 2:51:37
4,451 views
55


50th Live Stream! In this session I cover how to create a loading animation in p5.js. Afterwards, I take on a new Coding Challenge: Meta-balls (Isosurfaces). Finally, I tackle subject of Two-Dimensional (or more!) Arrays in JavaScript.

16:00 - Presentation of today's topics
37:40 - Loading Animation in p5.js
1:24:58 - Meta-balls (Isosurfaces)
1:50:04 - Addendum to the Meta-balls video
1:59:38 - 2D Arrays in JavaScript
2:12:16 - Generalizing to N-Dimensions Arrays
2:43:00 - Q&A/Conclusion

Support this channel on Patreon: https://patreon.com/codingtrain

Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics

Contact: https://twitter.com/shiffman

Links discussed in this video:
Blob Detection video: https://youtu.be/1scFcY-xMrI
Exploring Meta-balls and Isosurfaces in 2D - http://www.gamedev.net/page/resources/_/technical/graphics-programming-and-theory/exploring-metaballs-and-isosurfaces-in-2d-r2556
Dan's 2D Array in Processing tutorial: https://www.processing.org/tutorials/2darray/
Song played during the intro: https://soundcloud.com/energy-awaken/abray-masterhood
this.dot song!:https://soundcloud.com/kristianpedersen/sets/coding-rainbow-remixes


Source Code for the Video Lessons: https://github.com/CodingTrain/Rainbow-Code

p5.js: https://p5js.org/
Processing: https://processing.org

For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

For More Computer Vision videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6aG2RJHErXKSWFDXU4qo_ro

Help us caption & translate this video!

http://amara.org/v/Qlou/

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct







Tags:
coding
rainbow
live
loading
metaballs
processing
p5.js
processing tutorial
daniel shiffman
creative coding
p5js
tutorial
coding challenge
p5.js tutorial
object oriented programming
computer vision
computer
vision
computer vision (field of study)
blob detection
isosurfaces