js"],""] 17:I[629047,["/_next/static/chunks/4c8da73b86696217.js","/_next/static/chunks/909aed5e462659b8.js","/_next/static/chunks/8c0e2ca65cdb4668.js","/_next/static/chunks/c9d148c2d438c107.js","/_next/static/chunks/f9e423a8f29493f9.js","/_next/static/chunks/a55387a8026430bd.js"],"default"] 18:T14c1,export default class DragonFightMinigame { constructor() { this.score = 0; this.gameActive = false; this.hp = 100; } init(container, variables) { this.container = container; this.container.innerHTML = `

HP: 100
SCORE: 0
TIME: 45

拖动或点击来移动

`; this.canvas = this.container.querySelector('#dragon-canvas'); this.ctx = this.canvas.getContext('2d'); this.hpDisplay = this.container.querySelector('#hp'); this.scoreDisplay = this.container.querySelector('#score'); this.timeDisplay = this.container.querySelector('#time'); // Resize handling this.resize(); window.addEventListener('resize', () => this.resize()); // Input handling this.inputX = this.canvas.width / 2; this.canvas.addEventListener('mousemove', (e) => (this.inputX = e.offsetX)); this.canvas.addEventListener( 'touchmove', (e) => { e.preventDefault(); const rect = this.canvas.getBoundingClientRect(); this.inputX = e.touches[0].clientX - rect.left; }, { passive: false }, ); this.canvas.addEventListener( 'touchstart', (e) => { e.preventDefault(); const rect = this.canvas.getBoundingClientRect(); this.inputX = e.touches[0].clientX - rect.left; }, { passive: false }, ); // Game State this.player = { x: this.canvas.width / 2, y: this.canvas.height - 50, radius: 15, speed: 10 }; this.fireballs = []; this.timeLeft = 45; this.lastTime = performance.now(); this.spawnTimer = 0; this.gameActive = true; this.loop(); } resize() { this.canvas.width = this.container.clientWidth; this.canvas.height = this.container.clientHeight; if (this.player) this.player.y = this.canvas.height - 50; } loop(timestamp = performance.now()) { if (!this.gameActive) return; const dt = (timestamp - this.lastTime) / 1000; this.lastTime = timestamp; this.update(dt); this.draw(); requestAnimationFrame((t) => this.loop(t)); } update(dt) { // Timer this.timeLeft -= dt; if (this.timeLeft <= 0) { this.timeLeft = 0; this.endGame(); return; } this.timeDisplay.textContent = Math.ceil(this.timeLeft); // Player Movement (Interpolate towards input) this.player.x += (this.inputX - this.player.x) * 10 * dt; // Boundary if (this.player.x < this.player.radius) this.player.x = this.player.radius; if (this.player.x > this.canvas.width - this.player.radius) this.player.x = this.canvas.width - this.player.radius; // Spawn Fireballs this.spawnTimer += dt; if (this.spawnTimer > 0.3) { // Spawn every 0.3s this.spawnTimer = 0; this.fireballs.push({ x: Math.random() * this.canvas.width, y: -20, radius: Math.random() * 10 + 10, speed: Math.random() * 200 + 150, }); } // Update Fireballs for (let i = this.fireballs.length - 1; i >= 0; i--) { const fb = this.fireballs[i]; fb.y += fb.speed * dt; // Collision const dx = fb.x - this.player.x; const dy = fb.y - this.player.y; const dist = Math.sqrt(dx * dx + dy * dy); if (dist < fb.radius

dragon_fight_minigame