Usage no npm install needed!

<script type="module">
  import bounceBall from 'https://cdn.skypack.dev/bounce-ball';
</script>

README

Bounce Bal

We only provide JS logic, add the corresponding classname for DOM, css style is up to you.

Use

Yarn or NPM

$ yarn add -D bounce-ball

import BounceBall from 'bounce-ball'

const bounceBall = new BounceBall({
  id: 'main',
  text: 'Goodbye 2019 Hello 2020'
})

bounceBall.run()

// <div id="main"></div>

Example

$ git clone git@github.com:dengwb1991/bounce-ball.git

$ cd bounce-ball

$ yarn

$ yarn start

API

Attribute	Type	Default	Description
id	string	-	Element id
text	string	-	Displayed text
speed	number	6	Speed of the animation

Events

Attribute	Value	Description
run	-	The ball starts to move
reset	-	Reset all parameters

From

Ball Bouncing On Text