Coding Challenge #47: Pixel Sorting in Processing

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


Duration: 20:31
196,895 views
3,820

In this coding challenge, I implement “Pixel Sorting” in Processing (Java). Using a “selection sort” algorithm, I sort the pixels of an image by brightness and hue. Code: https://thecodingtrain.com/challenges/47-pixel-sorting-in-processing

🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/zxruKuft9

🎥 Previous video: https://youtu.be/hacZU523FyM?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 Next video: https://youtu.be/UrznYJltZrU?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
🔖 Sorting Algorithms Visualized: https://bost.ocks.org/mike/algorithms/

Videos:
🎥 Livestream Archive: https://youtu.be/VFnF87-JNtY

Related Coding Challenges:
🚂 #114 Bubble Sort Visualization: https://youtu.be/67k3I2GxTH8

Timestamps:
0:00 Introduction to Pixel Sorting!
0:38 You can download image and code from the code examples
1:00 Starting to Code!
1:27 Creating a blank image
1:50 Manually adding each pixel to a blank image
4:20 Discussing sorting algorithms!
5:18 Implementing the selection sort algorithm to sort the pixels by their brightness
12:23 Sorting by hue
13:12 Things you could do!
13:45 Animating the sorting process!
15:32 Testing and refactoring!
19:36 Conclusion!

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

#pixelsorting #selectionsort #processing #java



Other Videos By The Coding Train


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
2016-12-14Live Stream #70: Coding Challenges: Asteroids and Pixel Sorting
2016-12-11Coding Challenge #45: Saving p5.js Drawings to Firebase
2016-12-109.3: Firebase: Retrieving Data - Programming with Text
2016-12-099.2: Firebase: Saving Data - Programming with Text
2016-12-089.1: What is Firebase? (Database as a Service) - Programming with Text
2016-12-08Live Stream #69.2: Session 9 - Programming from A to Z - Part 2


Tags:
JavaScript (Programming Language)
live
programming
daniel shiffman
creative coding
p5.js
coding challenge
p5.js tutorial
p5js
javascript (programming language)
tutorial
javascript
algorithms
pixel sorting
pixel sorting processing
processing load pixels
coding
challenges
pixel array
pixel sorting brightness
pixel sorting hue
processing
challenge
sorting
programming challenge
processing tutorial
selection sort
bubble sort
sorting algorithm
pixel sort