Coding Challenge #76: 10PRINT in p5.js

Channel:

The Coding Train

Subscribers:

1,740,000

Published on September 26, 2017 12:41:50 PM ● Video Link: https://www.youtube.com/watch?v=bEyTZ5ZZxZs

Duration: 9:08

91,703 views

2,980

In this coding challenge, I attempt to create a version of the classic one-line Commodore 64 BASIC program in JavaScript using p5.js. This coding challenge is inspired by the book 10 PRINT. Code: https://thecodingtrain.com/challenges/76-10Print

🤖🤖🤖
10 PRINT CHR$(205.5+RND(1)); : GOTO 10
Fun Fact: The C64 character set is called PETSCII, from the prior Commodore Pet. It’s interesting because unlike ASCII, it’s full of graphics!

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

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

References:
📑 10PRINT: http://10print.org/
📕 The 10Print Book: http://amzn.to/2wJlRVx
🎨 Sol LeWitt's Wall Drawings: http://massmoca.org/sol-lewitt/
🗄 PETSCII: https://en.wikipedia.org/wiki/PETSCII

Live Stream Archive:
🔴 Coding Train Live 101: https://youtu.be/PQwfop4bewM?t=3316s

Related Coding Challenges:
🚂 #108 Barnsley Fern: https://youtu.be/JFugGF1URNo

Timestamps:
0:00 What is 10Print?
2:23 Let's code it in p5.js!
2:56 How do you draw a forward/backward slash?
3:31 Applying probability
5:00 Implementing spacing and finishing touches
5:38 Inventing your own 10Print design
6:56 Generating a design with "rules"
7:26 More things you can do
8:12 Important correction!
8:39 Goodbye!

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://thecodingtrain.com/discord
💖 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

#generativeart #javascript #p5js