Code Rocket
example p5.js javascript for-loopsInspired by this tweet:
How to programmatically design a spacecraft:
— Daniel Linssen 🦊 (@managore) March 15, 2015
1. Write awful code
2. Trace the indentation
3. Reflect horizontally pic.twitter.com/FPUgZgbKpV
This sketch creates a “code rocket” using p5.js:
Click here to edit this code in the p5.js editor.
Remix Ideas
- Add colors and other details
- Make a rocket based on the line length rather than whitespace
- Would this type of visualization work for other types of text, like poetry or song lyrics?
Comments and Questions
Happy Coding is a community of folks just like you learning about coding.
Do you have a comment or question? Post it here!