Triangle Inset

p5.js Tutorials
Tutorials
/
p5.js Tutorials
/
Creating Variables
/
Triangle Inset
Previous:
Creating Variables

Triangle Inset

January 12, 2021

example p5.js javascript input

This sketch draws a triangle inside a triangle inside a triangle inside a triangle inside a triangle.

mouse ripple

Remix Ideas

  • Try alternating shapes: draw a square inside a triangle inside a circle.
  • Give each individual section of each triangle a different color (3 sections per triangle).
  • Instead of using the midpoint of each line, try moving the next point closer to one of the previous points.
Previous:
Creating Variables

Creating Variables Examples

Triangle Inset Triangle Inset▶

Draw triangles inside triangles inside triangles.

Pumpkin (with Variables) Pumpkin (with Variables)

Use variables to draw a pumpkin.

Random Pumpkin Random Pumpkin

Use the random() function to draw a random pumpkin.

Random Skull Random Skull

Use the random() function to draw a random skull.

Typography Typography

Style your text with custom fonts.

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!