Curved Grid

p5.js Tutorials

Which Processing should I use?

Welcome to Coding

Calling Functions
- Rainbow
- Blue Squares
- Circles
- Pig
- Arcs
- Pumpkin
- Jack-o'-Lantern
- Skull

Creating Variables
- Triangle Inset
- Pumpkin (with Variables)
- Random Pumpkin
- Random Skull
- Typography

Using Variables
- Curved Grid
- Spider 🕷

Creating Functions
- drawHouse
- drawTown
- Christmas Tree
- drawCity

If Statements
- Daily Greetings
- Fizz Buzz

Animation
- Falling Line
- Random Lines
- Square Fill
- Random Walker
- Bouncing Line
- Pumpkin Patch
- Ghost 👻
- Random Skulls
- Flickering Jack-o'-Lantern
- Square Lines

Input
- Clickable Text
- Mouse Ripple
- Grouchy Face
- Warmer / Colder

For Loops
- Lines Silhouette
- Wrong Lines
- Vertical Gradient
- Flower Grid
- Spooky Text
- Menorah
- Code Rocket
- Vera Molnár Squares

Arrays
- Falling Points
- Oscillating Lines
- Fading Grid
- Pi Visualization
- Earth Moon Emoji Orbit

Using Objects
- Accumulating Snow
- Year Percent
- Numbers Station

Creating Classes
- Fireworks
- Bonsai Tree
- Loopers
- Recursive Lines
- Isometric Cubes
- Ant Colony
- Popping Circles
- Campfire
- Parallax Dots
- Ghosts 👻👻👻
- Planets
- Circle Packing

Array Functions

Images
- Genuary 19
- Image Filter
- Image Palette
- Image Blender
- Image Tiles
- Pixel Painter
- Pixel Swapper
- Pixel Sorter
- Clovers
- Poorly Coded Cats
- Truchet Tiles

From p5.js to Web Dev

Debugging

What's Next?

Editors

Hello World

Review

Libraries
- Random Notes

Random

/ / /

Previous:

Using Variables

Curved Grid

This sketch uses the width and height variables to draw a retro-futuristic 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

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!