Ghost 👻

p5.js Tutorials
Tutorials
/
p5.js Tutorials
/
Animation
/
Ghost 👻
Previous:
Animation

Ghost 👻

This sketch animates a ghost! It uses the cos() function to make the ghost go left and right, and it uses an array to hold previous values to make the tail.

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

ghost

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

  • Change the variables at the top to make the ghost move differently.
  • Make the ghost a different color.
  • Add a flying bat or a moon in the background.
Previous:
Animation

Animation Examples

Falling Line Falling Line

Show a falling line that fills the screen.

Random Lines Random Lines

Fill the screen with random lines.

Square Fill Square Fill

Create a border of squares.

Random Walker Random Walker

Show a scribble that randomly moves around.

Bouncing Line Bouncing Line

Draw a line, pick a new color, move a bit.

Pumpkin Patch Pumpkin Patch

Fill the screen with random pumpkins.

Ghost 👻 Ghost 👻

Boo!

Random Skulls Random Skulls

Fill the screen with random skulls.

Flickering Jack-o'-Lantern Flickering Jack-o'-Lantern

Animate a flickering Jack-o'-lantern.

Square Lines Square Lines

Fill a square with lines.

Add Your Own Example Add Your Own Example

Add your own example to Happy Coding.