Skip to content

A simple DVD Screensaver Simulator website using HTML canvas in JavaScript with purposes of learning.

License

Notifications You must be signed in to change notification settings

JonaxPlanta/DVDScreensaver

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DVD Screen Saver Simulator WebSite

This is a DVD screensaver simulator website. It uses HTML, Javascript and Canvas API to generate a Website with a DVD screensaver classic 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, Script.js and assets

  2. Create a folder called dvd-screensaver

    • In the folder location, insert the following command
    mkdir dvd-screensaver
    
  3. Move Index.html, Style.css, Script.js and assets to dvd-screensaver folder

    • In the terminal
    move <file-path> <target-folder-path>
    
  4. Open the dvd-screensaver 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 dvd-screensaver 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/DVDScreensaver/
    

Image Reference

  • The Vectorized Logo Image can be found in the following link:
    https://pt.m.wikipedia.org/wiki/Ficheiro:DVD_logo.svg
    

About

A simple DVD Screensaver Simulator website using HTML canvas in JavaScript with purposes of learning.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published