Skip to content

dengwb1991/bounce-ball

Repository files navigation

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