The course teaches you how to build a fun game in HTML canvas using nothing but JavaScript.

Created by Rosheen Naeem

HTML Canvas Game Using JavaScript

It's better to set the animation frames of the game before creating or moving the character. 
Our character object will move and update its position, so we need to update frames constantly. 

## Model Object
Let's first define a model object which will be containing some standard values like
* `gravity`.
* `force`.
* `groundforce`.
* `ground`.

It will be accessed whenever those values would be needed. 

// define model
const model = {
  gravity: 0.2, 
  force: 0.999, 
  groundforce: 0.9, 
  ground: 400,
}


## Setting frames
Let's define a function `mainLoop()` that will call `drawGround()` and will update the components. 

It's better to set the animation frames of the game before creating or moving the character. 
Our character object will move and update its position, so we need to update frames constantly. 

# Model Object
Let's first define a model object which will be containing some standard values like
* `gravity`.
* `force`.
* `groundforce`.
* `ground`.

It will be accessed whenever those values would be needed. 


# Setting frames
Let's define a function `mainLoop()` that will call `drawGround()` and will update the components. 

Get to know how animation frames are set for games. 

__default

JS: Animation Frame

Model Object

Setting frames