Skip to content

Latest commit

 

History

History
86 lines (61 loc) · 1.74 KB

README.md

File metadata and controls

86 lines (61 loc) · 1.74 KB
Raw

Bouncing Balls WebSite

This is a Website which uses HTML, CSS, Javascript and Canvas API to generate a Ball Bouncing Frame Animation.

Dependences

This is dependences to run the program:

Name Download Link
NodeJS https://nodejs.org/en/download/package-manager

Installing

NodeJS

  1. Open the terminal

    • Windows
    Windows + R : "cmd" or "powershell"
    • Linux
    Ctrl + Alt + T

  2. Insert the following command

    cd <program-file-path>

  3. Then

    npm init -y

How to run

  1. Download Index.html, Style.css and Script.js

  2. Create a folder called bouncing-balls

    • In the folder location, insert the following command
    mkdir bouncing-balls

  3. Move Index.html, Style.css and Script.js files to bouncing-balls folder

    • In the terminal
    move <file-path> <target-folder-path>

  4. Open the bouncing-balls folder

    • In the terminal
    cd <folder-path>

  5. Copy the Index.html path and paste in browser

    file:\\\<file-path>
    • PS.: Remove the Quotation marks from

  6. Wait until the site load completelly

    OR

  7. Open the bouncing-balls folder in File Explorer

  8. Click with the Right Mouse Button on Index.html file

  9. Select the Open with option and select a Browser

  10. Wait until the site load completelly

    OR Acess it with the following URL:

    https://jonaxplanta.github.io/BouncingBalls/

⠀