Coding Challenge #76: 10PRINT in p5.js
2,980In 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