Vera Molnár Squares

p5.js Tutorials
Tutorials
/
p5.js Tutorials
/
For Loops
/
Vera Molnár Squares
Previous:
For Loops

Vera Molnár Squares

January 11, 2024

example p5.js javascript for-loops genuary

Genuary is an event that provides a different prompt every day through January, and creative coders make generative art based on the prompt each day. This year, Genuary 6th’s prompt was “In the style of Vera Molnár”.

Vera Molnár was an early digital artist, and she created really interesting artwork back before creative coding was really a thing!

This sketch creates a design similar to some of her artwork, by randomly drawing squares in a grid.

Click here to edit this code in the p5.js editor.

Randomly colored squares Blue and green squares Grayscale squares Animation of randomly colored squares appearing in a grid

Remix Ideas

  • Change the number of squares, or play with different colors.
  • Draw different shapes, like circles or polygons.
  • Check out other art by Vera Molnár for inspiration!
Previous:
For Loops

For Loops Examples

Lines Silhouette Lines Silhouette

Use a for loop to create a silhouette of lines.

Wrong Lines Wrong Lines

Draw lines the wrong way.

Vertical Gradient Vertical Gradient

Draw a gradient from one color to another.

Flower Grid Flower Grid

Draw a grid of random flowers.

Spooky Text Spooky Text

Use `sin()` to make spooky text.

Menorah Menorah

Code your own virtual menorah!

Code Rocket Code Rocket

Make a rocket from the whitespace in your code.

Vera Molnár Squares Vera Molnár Squares

Code a design inspired by Vera Molnár.

Add Your Own Example Add Your Own Example

Add your own example to Happy Coding.

Comments

Happy Coding is a community of folks just like you learning about coding.
Do you have a comment or question? Post it here!

Comments are powered by the Happy Coding forum. This page has a corresponding forum post, and replies to that post show up as comments here. Click the button above to go to the forum to post a comment!