Warmer / Colder

p5.js Tutorials
Tutorials
/
p5.js Tutorials
/
Input
/
Warmer / Colder
Previous:
Input

Warmer / Colder

December 30, 2021

example p5.js javascript input

This sketch hides a circle, and tells you whether your mouse is getting warmer (closer) or colder (further away).

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

Remix Ideas

  • Add other hints like “move left” or “move right”
  • Show a trail of red or blue dots based on whether the user was warmer or colder
  • Move the shape over time
Previous:
Input

Input Examples

Clickable Text Clickable Text

Create text that opens a link when you click it.

Mouse Ripple Mouse Ripple

Show a ripple when you click the mouse.

Grouchy Face Grouchy Face

Make your computer mad when you click the mouse.

Warmer / Colder Warmer / Colder

Play a game of warmer / colder with your computer.

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!