Coding Challenge #50.2: Animated Circle Packing - Part 2 (Kitten Addendum)

Channel:
United States The Coding Train
Subscribers:
1,750,000
Published on ● Video Link: https://www.youtube.com/watch?v=ERQcYaaZ6F0


Category:
Tutorial
Duration: 5:07
74,094 views
1,490

In this multi-part coding challenge, I demonstrate how to use a circle packing algorithm. Code: https://thecodingtrain.com/challenges/50-animated-circle-packing

p5.js Web Editor Sketches:
πŸ•ΉοΈ Animated Circle Packing - Text: https://editor.p5js.org/codingtrain/sketches/wxGRAd4I-
πŸ•ΉοΈ Animated Circle Packing - Image: https://editor.p5js.org/codingtrain/sketches/tRpryH_um

πŸŽ₯ Previous video: https://youtu.be/nnlAH1zDBDE?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
πŸŽ₯ Next video: https://youtu.be/aKYlikFAV4k?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
πŸŽ₯ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
πŸ’» Various Circle Packing Tutorials: http://julienleonard.com/tutorials.html
πŸ—„ Circle Packing on Wikipedia: https://en.wikipedia.org/wiki/Circle_packing

Videos:
πŸŽ₯ Part 1: https://youtu.be/QHEQuoIKgNE
πŸŽ₯ Livestream Archive: https://youtu.be/pF0cadg2mg0

Related Coding Challenges:
πŸš‚ #47 Pixel Sorting in Processing: https://youtu.be/JUDYkxU6J0o

Timestamps:
0:00 Introduction
1:10 Pull the color value from the image
1:55 Add color variable to Circle class
2:35 Look up pixel color
3:58 Possible refinements

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

πŸš‚ Website: http://thecodingtrain.com/
πŸ‘Ύ Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box
πŸ’‘ GitHub: https://github.com/CodingTrain
πŸ’¬ Discord: https://discord.gg/hPuGy2g
πŸ’– Membership: http://youtube.com/thecodingtrain/join
πŸ›’ Store: https://standard.tv/codingtrain
πŸ–‹οΈ Twitter: https://twitter.com/thecodingtrain
πŸ“Έ Instagram: https://www.instagram.com/the.coding.train/

πŸŽ₯ Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
πŸŽ₯ Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

πŸ”— p5.js: https://p5js.org
πŸ”— p5.js Web Editor: https://editor.p5js.org/
πŸ”— Processing: https://processing.org

πŸ“„ Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct

This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new

#loadpixels #circlepacking #processingpixels #processing



Other Videos By The Coding Train


2017-02-01Coding Challenge #54.1: Islamic Star Patterns
2017-02-01Coding Train Live 75: Islamic Star Patterns
2017-01-31Coding Challenge #53: Random Walker with Vectors and LΓ©vy Flight
2017-01-30Live Stream #74: Processing, p5.js and more Random Walks
2017-01-27Coding Challenge #52: Random Walker
2017-01-26Live Stream #73: Random Walk
2017-01-18Coding Challenge 51.3: A* Pathfinding Algorithm - Part 3
2017-01-17Coding Challenge 51.2: A* Pathfinding Algorithm - Part 2
2017-01-16Coding Challenge 51.1: A* Pathfinding Algorithm - Part 1
2017-01-13Live Stream #72: A* Pathfinding Algorithm
2017-01-10Coding Challenge #50.2: Animated Circle Packing - Part 2 (Kitten Addendum)
2017-01-09Coding Challenge #50.1: Animated Circle Packing - Part 1
2017-01-06Coding Challenge #49: Photo Mosaic with White House Social Media Images
2017-01-06Coding Challenge #48: White House Social Media Data Visualization
2017-01-05Coding Train Live 71: Coding Challenges: Circle Packing and White House Data Visualization
2016-12-23ITP Winter Show 2016
2016-12-21Coding Challenge #47: Pixel Sorting in Processing
2016-12-20Guest Tutorial #3: Spring Animations and p5.js with Val Head
2016-12-19Guest Tutorial #2: Web Animations and Mo.js with Sarah Drasner
2016-12-16Coding Challenge #46.2: Asteroids with p5.js - Part 2
2016-12-15Coding Challenge #46.1: Asteroids with p5.js - Part 1


Tags:
live
programming
daniel shiffman
creative coding
p5.js
coding challenge
p5.js tutorial
p5js
javascript (programming language)
tutorial
javascript
algorithms
processing load pixels
coding
challenges
circle packing
processing pixel
processing loadPixels()
circle packed letters
circle packing words
circle words
processing pixel analysis
processing java circle packing
java pixel analysis
kitten drawing pixels
processing kitten