Ghosts 👻👻👻

p5.js Tutorials
Tutorials
/
p5.js Tutorials
/
Creating Classes
/
Ghosts 👻👻👻
Previous:
Creating Classes

Ghosts 👻👻👻

October 27, 2021

example p5.js javascript creating-classes 🎃

This sketch fills the screen with ghosts! It uses the cos() function to make the ghosts go left and right, and it uses an array to hold previous values to make the tail.

Click here to view this code in the p5 editor.

ghosts

This is part of p5 spooky sketches printout I made for CC Fest in 2019. That printout contains a bunch of Halloween-themed examples of drawing and image manipulation. Feel free to use it on your own or in a classroom!

Remix Ideas

  • Add more ghosts.
  • Make all the ghosts different shades of the same color.
  • Use HSB colors for the ghosts.
Previous:
Creating Classes

Creating Classes Examples

Fireworks Fireworks

Ooh! Aah!

Bonsai Tree Bonsai Tree

Use recursion to create a digital bonsai tree.

Loopers Loopers

Draw lines that loop around the screen.

Recursive Lines Recursive Lines

Draw lines that draw other lines.

Isometric Cubes Isometric Cubes

Create an isometric grid of cubes.

Ant Colony Ant Colony

Create an ant colony simulation.

Popping Circles Popping Circles

Fill circles with your mouse that pop if they touch.

Campfire Campfire

Remember those quiet evenings.

Parallax Dots Parallax Dots

Show three layers of dots.

Ghosts 👻👻👻 Ghosts 👻👻👻

Boo!

Planets Planets

Show planets orbiting a sun

Circle Packing Circle Packing

Fill the screen with circles without overlapping.

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!