Live Stream #70: Coding Challenges: Asteroids and Pixel Sorting

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


Duration: 2:38:57
64,778 views
2,397

In this Live Stream, I take on two Coding Challenges. First, I make a version of the classic Atari game Asteroids using JavaScript and HTML5 canvas with the p5.js library. I then implement "Pixel Sorting" in Processing (Java). I sort the pixels of an image by brightness and hue.

8:45 - Short Q&A
22:58 - Coding Challenge: Asteroids with p5.js
1:56:17 - Coding Challenge: Pixel Sorting in Processing
2:25:00 - Conclusion/Q&A

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:
Asteroids on Wikipedia: https://en.wikipedia.org/wiki/Asteroids_(video_game)
Mike Bostock's page on Visualizing Algorithms: https://bost.ocks.org/mike/algorithms/
My Trigonometry and Polar Coordinates video: https://youtu.be/znOBmOrtz_M
Sirajology's channel: https://www.youtube.com/channel/UCWN3xxRkmTPmbKwht9FuE5A
Kittens Song: https://soundcloud.com/lostghbear/lostghbear-podopleloff-kittens-feat-dan-shiffman
This Dot Song on Soundcloud: https://soundcloud.com/kristianpedersen/this-dot-feat-daniel-shiffman?in=kristianpedersen/sets/coding-rainbow-remixes

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

Asteroids Code: https://github.com/CodingTrain/Asteroids
Asteroids Game: https://codingrainbow.github.io/Asteroids/

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

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

Help us caption & translate this video!

http://amara.org/v/72pW/

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



Other Videos By The Coding Train


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
2016-12-08Live Stream #69.1: Session 9 - Programming from A to Z - Part 1
2016-12-038.7: "Build Your Own API" Conclusion with HTTP POST - Programming with Text
2016-12-02Coding Challenge #44: AFINN-111 Sentiment Analysis - Part 2
2016-12-01Coding Challenge #44: AFINN-111 Sentiment Analysis - Part 1
2016-12-01Coding Train Live Stream #68: Session 8 - Programming from A to Z - Part 3


Tags:
JavaScript (Programming Language)
live
programming
daniel shiffman
creative coding
p5.js
coding challenge
p5.js tutorial
p5js
javascript (programming language)
tutorial
javascript
algorithms
asteroids
atari asteroids
asteroids p5js
asteroids javascript
asteroids game js
asteroids game javascript
pixel sorting
pixel sorting processing
processing load pixels
asteroids game atari js
coding
challenges
games done quick
html5 canvas game
game javascript