Poppy

Hi there! This poppy is made entirely with code — four bold petals, a dark centre, even those tiny stamens, all drawn by a p5.js sketch. Edit the code and watch the poppy transform.

For ideas to try scroll down the code and look for the ▶ icon or the highlighted '//try' sections. For example you can:

Add more petals.
Change the centre colour of the flower.
Increase the length of the stamen.

or anything else that you so choose!

Simply make the change to the code and press Run.

Want to go back to the original code? Easy, just press Reset.

Thanks to the p5.js community for the p5.js library (p5js.org) that runs the sketch in this editor. Note: The code in this editor is provided 'as is' for educational use only.

Learn more about the code editor and setup() here >>>