https://github.com/jonaxplanta/dvdscreensaver
A simple DVD Screensaver Simulator website using HTML canvas in JavaScript with purposes of learning.
https://github.com/jonaxplanta/dvdscreensaver
canvas2d csss3 dvd-screensaver html5 javascript training website
Last synced: 15 days ago
JSON representation
A simple DVD Screensaver Simulator website using HTML canvas in JavaScript with purposes of learning.
- Host: GitHub
- URL: https://github.com/jonaxplanta/dvdscreensaver
- Owner: JonaxPlanta
- License: mit
- Created: 2024-09-10T00:29:32.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-23T07:54:28.000Z (over 1 year ago)
- Last Synced: 2025-08-11T23:34:38.585Z (10 months ago)
- Topics: canvas2d, csss3, dvd-screensaver, html5, javascript, training, website
- Language: JavaScript
- Homepage: https://jonaxplanta.github.io/DVDScreensaver/
- Size: 11.7 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
### 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
```
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
```
4. Open the **dvd-screensaver** folder
- In the **terminal**
```
cd
```
5. Copy the *Index.html* path and paste in browser
```
file:\\\
```
- PS.: Remove the Quotation marks from **
7. Wait until the site load completelly
##### OR
4. Open the **dvd-screensaver** folder in **File Explorer**
5. Click with the *Right Mouse Button* on *Index.html* file
6. Select the *Open with* option and select a **Browser**
7. 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
```