Poorly Coded Cats

p5.js Tutorials
Tutorials
/
p5.js Tutorials
/
Images
/
Poorly Coded Cats
Previous:
Images

Poorly Coded Cats

August 4, 2022

example p5.js javascript images

Inspired by this tweet:

This code takes the original cat image and uses it as a randomly colored stamp.

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

colorful cats filling the screen black and white cats filling the screen transparent cats filling the screen red and blue cats filling the screen

Remix Ideas

  • Change the color of the cats. What if every cat is a shade of green?
  • Rotate the cat before you stamp it
  • Fill a cat with a random walker
  • Use a different image as a stamp
Previous:
Images

Images Examples

Genuary 19 Genuary 19

Increase the randomness of an image along the Y-axis.

Image Filter Image Filter

Make your own image filter.

Image Palette Image Palette

Replace the colors in an image.

Image Blender Image Blender

Blend two images together.

Image Tiles Image Tiles

Rearrange an image into tiles.

Pixel Painter Pixel Painter

Turn an image into a digital painting.

Pixel Swapper Pixel Swapper

Rearrange the pixels in an image.

Pixel Sorter Pixel Sorter

Sort the pixels in an image.

Clovers Clovers

Find the 4-leaf clover 🍀

Poorly Coded Cats Poorly Coded Cats

Make a stamp out of a cat picture.

Truchet Tiles Truchet Tiles

Rotate interlocking images to create a pattern.

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!