https://github.com/prinorange/firework-canvas

This project provides two script files and a Canvas component, and gives examples. When inserted into HTML, the dynamic effect of fireworks exploding will pop up when the page is clicked.
https://github.com/prinorange/firework-canvas

canvas canvas2d canvasjs html html5 javascript

Last synced: about 11 hours ago
JSON representation

This project provides two script files and a Canvas component, and gives examples. When inserted into HTML, the dynamic effect of fireworks exploding will pop up when the page is clicked.

• Host: GitHub
• URL: https://github.com/prinorange/firework-canvas
• Owner: PrinOrange
• Created: 2022-05-12T16:49:42.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-12-27T11:36:44.000Z (11 months ago)
• Last Synced: 2023-12-27T12:34:39.763Z (11 months ago)
• Topics: canvas, canvas2d, canvasjs, html, html5, javascript
• Language: JavaScript
• Homepage:
• Size: 111 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.MD

Awesome Lists containing this project

README

        
# HTML Firework Explosion Animation

## Preview



    



This project provides two script files and a Canvas component, along with examples. By inserting them into your HTML, you can achieve a dynamic effect of fireworks exploding when clicking on the page.

## How to Test

Please place this directory under an **HTTP server environment**. Then, access the `index.html` file. Do not open `index.html` directly, as the browser cannot load JavaScript files in the file environment.

I recommend using the `http-server` tool. Here's how to do it:

First, install it:

```bash

npm install http-server -g

```

Then, execute the following command in this directory:

```bash

http-server

```

You can preview it in the link provided in the console.

> The project materials are from the internet, and the original information is somewhat chaotic, so I have made some preliminary organization.

> [The original material link is here.](https://blog.csdn.net/renjingzhaozhao/article/details/105795403)