ballanim-ball-class-starter.js

// properties and initial velocity
const defaultProps = {
  bounce: 0.75,
  radius: 30,
  color: 'red',

  // starting velocity
  startVelX: (Math.random() * 15 + 5) * (Math.floor(Math.random() * 2) || -1),
  startVelY: (Math.random() * 15 + 5) * (Math.floor(Math.random() * 2) || -1)
}

export class Ball {
  constructor (x = 0, y = 0, sceneProps, props) {
    this.props = {
      ...defaultProps,
      ...props
    }
    this.sceneProps = sceneProps

    this.x = x
    this.y = y
    this.velX = this.props.startVelX
    this.velY = this.props.startVelY
  }

  draw (ctx) {

  }

  update () {

  }
}

export default Ball