Curved Grid

p5.js Tutorials
Tutorials
/
p5.js Tutorials
/
Using Variables
/
Curved Grid
Previous:
Using Variables

Curved Grid

January 16, 2021

example p5.js javascript using-variables

This sketch uses the width and height variables to draw a retro-futuristic curved grid.

curved grid red curved grid rainbow curved grid

Remix Ideas

  • Add colors to your lines.
  • Add more lines. What would 20 lines look like?
  • Add curved grids in all 4 corners.
  • Draw two perpendicular lines that intersect in the middle of the screen. (It might look like a big plus sign.) Now draw a curved grid between all 4 quadrants!
Previous:
Using Variables

Using Variables Examples

Curved Grid Curved Grid

Draw a retro-futuristic curved grid.

Spider 🕷 Spider 🕷

Draw a friendly spider.

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!