工程机器人玩滑梯游戏

document.addEventListener('DOMContentLoaded', => {

const robot = document.getElementById('robot');

const btnArm = document.getElementById('btnArm');

const btnSlide = document.getElementById('btnSlide');

const btnTransform = document.getElementById('btnTransform');

const btnStart = document.getElementById('btnStart');

const energyDisplay = document.getElementById('energy');

const partsDisplay = document.getElementById('parts');

let energy = 100;

let parts = 0;

let isPlaying = false;

// 机械臂功能

btnArm.addEventListener('click', => {

if(!isPlaying) return;

robotnerHTML = `

机械臂模式

`;

energy -= 5;

updateStats;

});

// 滑梯控制

btnSlide.addEventListener('click', => {

if(!isPlaying) return;

const gameCanvas = document.getElementById('gameCanvas');

gameCanvas.style.backgroundImage = 'url';

energy -= 3;

updateStats;

});

// 变形功能

btnTransform.addEventListener('click', => {

if(!isPlaying) return;

robotnerHTML = `

工程车模式

`;

parts += Math.floor(Math.random 3) + 1;

updateStats;

});

// 开始游戏

btnStart.addEventListener('click', => {

isPlaying = true;

btnStart.disabled = true;

btnStart.classList.add('opacity-50');

// 初始化机器人

robotnerHTML = `

极速狼牙X

`;

// 游戏循环

const gameLoop = setInterval( => {

if(energy <= 0) {

clearInterval(gameLoop);

alert(`任务完成！收集零件: ${parts}个`);

resetGame;

}, 1000);

});

function updateStats {

energyDisplay.textContent = Math.max(0, energy);

partsDisplay.textContent = parts;

function resetGame {

isPlaying = false;

energy = 100;

parts = 0;

updateStats;

btnStart.disabled = false;

btnStart.classList.remove('opacity-50');

});

网页应用无需额外依赖