Skip to content

ZayanMuhammed/cool-dvd-animation

Repository files navigation

Loop Bounce GIF by Meg Lewis

DVD Animation Project

HTML CSS JavaScript MIT License

A fun and interactive web project that simulates the classic bouncing DVD logo animation. Users can add multiple DVD logos, remove them, and watch them bounce dynamically. The project also supports customizing logos and colors for a lively experience. Multipaper mode enable

Features

  • Animated DVD logos that bounce inside a container.
  • Add multiple DVD logos dynamically using the Add button.
  • Remove DVD logos individually using the Bin button.
  • Customizable logos with transparent background.
  • Supports multiple colors for logos.
  • Clean and responsive design.
  • multiplayer support

Installation

  1. Clone the repository:

    git clone https://github.com/ZayanMuhammed/cool-dvd-animation
  2. install packages

    npm install
  1. Run server.js
    node server.js

Customization

  1. Add a image (185, 115) in the dvds folder

  2. Change this line:

function changeDvdImage(el) {
    el.src = `dvds/${getRandomInt(8)}.png`; //example 0 to 8
}

authors

About

A fun and interactive web project that simulates the classic bouncing DVD logo animation. Users can add multiple DVD logos, remove them, and watch them bounce dynamically. The project also supports customizing logos and colors for a lively experience.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors