<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Happy New Yearððð</title>
<style>
html,
body {
margin: 0;
height: 100%;
}
body {
background-color: #111;
overflow: hidden;
}
.fireworks-canvas,
.word-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.word-container {
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}
.word-canvas {
will-change: transform;
}
.star {
position: absolute;
width: 2px;
height: 2px;
background-color: #fff;
border-radius: 50%;
}
</style>
</head>
<body>
<embed src="./éç¿ - çç«.mp3" autostart="true" loop="true" hidden="true"></embed>
<canvas id="fireworks" class="fireworks-canvas"></canvas>
<div class="word-container">
<canvas id="word" class="word-canvas"></canvas>
</div>
<script src="./constants.js"></script>
<script src="./utils.js"></script>
<script src="./imageSrc.js"></script>
<script src="./tinycolor.js"></script>
<script src="./fireworks.js"></script>
<script src="./word.js"></script>
<script>
{
const dom = document.querySelector('#fireworks')
const options = {}
const fireworks = new Fireworks(dom, options)
fireworks.start()
dom.addEventListener('click', (event) => {
fireworks.createFirework(event.offsetX, event.offsetY)
})
}
{
const dom = document.querySelector('#word')
const image = imageSrc
const word = new Word(dom, image)
word.start()
}
function createStar() {
const star = document.createElement('div');
star.className = 'star';
star.style.left = `${Math.random() * 100}%`;
star.style.top = `${Math.random() * 100}%`;
document.body.appendChild(star);
return star;
}
function blinkStar(star) {
setInterval(() => {
star.style.visibility = star.style.visibility === 'hidden' ? 'visible' : 'hidden';
}, Math.random() * 1000 + 500);
}
function generateStars(numStars) {
for (let i = 0; i < numStars; i++) {
const star = createStar();
blinkStar(star);
}
}
generateStars(1000);
</script>
</body>
</html>
Happy-New-Year.rar （43个子文件） 
Happy-New-Year 
fireworks.js 7KB imageSrc.js 62KB 陈翔 - 烟火.mp3 9.06MB xingkong.js 2KB utils.js 492B tinycolor.js 36KB .git index 1KB HEAD 21B refs heads main 41B tags remotes origin HEAD 30B objects pack pack-a7803f7153eaac83158b6e1211a229cc9a54f923.pack 9.09MB pack-a7803f7153eaac83158b6e1211a229cc9a54f923.rev 128B pack-a7803f7153eaac83158b6e1211a229cc9a54f923.idx 2KB info description 73B packed-refs 112B info exclude 240B logs HEAD 192B refs heads main 192B remotes origin HEAD 192B hooks post-update.sample 189B sendemail-validate.sample 2KB prepare-commit-msg.sample 1KB commit-msg.sample 896B pre-receive.sample 544B update.sample 4KB pre-commit.sample 2KB pre-rebase.sample 5KB applypatch-msg.sample 478B fsmonitor-watchman.sample 5KB push-to-checkout.sample 3KB pre-applypatch.sample 424B pre-push.sample 1KB pre-merge-commit.sample 416B config 295B word.js 4KB constants.js 299B .idea .name 10B happy-new-year.iml 284B misc.xml 191B inspectionProfiles profiles_settings.xml 174B modules.xml 280B .gitignore 182B
index.html 2KB资源评论
