Published On Apr 12, 2016
This is the first in a new series of videos. In this video I attempt to program a "star field" or "warp speed" visualization in Processing. Code: https://thecodingtrain.com/challenges...
š¹ļø p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/s...
š„ Next video: Ā Ā Ā ā¢Ā CodingĀ ChallengeĀ #2:Ā MengerĀ SpongeĀ Fr...Ā Ā
š„ All videos: Ā Ā Ā ā¢Ā CodingĀ ChallengesĀ Ā
š“ Coding Train Live 30: Ā Ā Ā ā¢Ā CodeĀ TrainĀ LiveĀ 30:Ā CreatingĀ Real-Tim...Ā Ā
References:
š Inspiration: https://cs.brynmawr.edu/gxk2013/examp...
Related Coding Challenges:
š #27 Fireworks: Ā Ā Ā ā¢Ā CodingĀ ChallengeĀ #27:Ā Fireworks!Ā Ā
š #46 Asteroids: Ā Ā Ā ā¢Ā CodingĀ ChallengeĀ #46.1:Ā AsteroidsĀ wit...Ā Ā
Timestamps:
0:00 Welcome to a 10 minute coding challenge
0:59 Let's create a star class
2:10 Make an array of stars
3:17 Write the update() and show() functions
3:43 Make the stars move!
5:37 Translate to the middle of the canvas
6:17 Add more stars
7:40 Start to tweak size and speed of stars
9:02 Add trails to stars
10:31 Bonus two minutes!
Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound
š Website: http://thecodingtrain.com/
š¾ Share Your Creation! https://thecodingtrain.com/guides/pas...
š© Suggest Topics: https://github.com/CodingTrain/Sugges...
š” GitHub: https://github.com/CodingTrain
š¬ Discord: Ā Ā /Ā discordĀ Ā
š Membership: http://youtube.com/thecodingtrain/join
š Store: https://standard.tv/codingtrain
šļø Twitter: Ā Ā /Ā thecodingtrainĀ Ā
šø Instagram: Ā Ā /Ā the.coding.trainĀ Ā
š„ Coding Challenges: Ā Ā Ā ā¢Ā CodingĀ ChallengesĀ Ā
š„ Intro to Programming: Ā Ā Ā ā¢Ā StartĀ learningĀ here!Ā Ā
š 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-o...
This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecod...
#space #processing