Ghost 👻

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

Ghost 👻

October 26, 2021

example p5.js javascript random animation 🎃

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.

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!