Examples / p5.js Examples / / Code Rocket

---

Code Rocket

example p5.js javascript for-loops

---

Inspired by this tweet:

How to programmatically design a spacecraft:
1. Write awful code
2. Trace the indentation
3. Reflect horizontally pic.twitter.com/FPUgZgbKpV

— Daniel Linssen 🦊 (@managore) March 15, 2015

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!

---