Installs into .claude/skills of the current project.
Are you the author of 468 Index 2920f5bc?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/tools-only-468-index-2920f5bc)
---
title: Bouncing Ball
description: A MicroSim of a ball bouncing within the drawing region with a control for changing the speed.
image: /sims/bouncing-ball/bouncing-ball.png
og:image: /sims/bouncing-ball/bouncing-ball.png
twitter:image: /sims/bouncing-ball/bouncing-ball.png
social:
cards: false
---
# Bouncing Ball
<iframe src="main.html" height="432px" scrolling="no"></iframe>
[Run the Bouncing Ball MicroSim Fullscreen](./main.html){ .md-button .md-button--primary }
<br/>
[Edit the Bouncing Ball MicroSim with the p5.js editor](https://editor.p5js.org/dmccreary/sketches/icpiK4UjE)
Place the following line in your website to include this in your course.
```html
<iframe src="https://dmccreary.github.io/microsims/sims/bouncing-ball/main.html" height="432px" scrolling="no"></iframe>
```
The bouncing ball is the "Hello World!" of the Educational MicroSims.
It contains the key elements that shows the power of the width-responsive MicroSims
graphics with movement and user interaction. When we design MicroSims, we also
want clearly-visible user interface elements in the control area that can control
the running of our simulations. This version contains a slider to control the speed of the ball's movement.
## Lesson Plan
Here we would place the text for how the Bouncing Ball might be used in a classroom setting.
