项目简介
本项目是互动游戏Cyclone,灵感源于Youtuber Viral Science的Arduino项目。玩家需在黄色LED灯经过绿色得分标记时按下按钮得分,按早或按晚则失败。随着游戏推进,难度指数级增长,速度加快且需触碰的LED数量减少,玩家得分会实时显示在网页上。
项目的主要特性和功能
- 互动游戏玩法:玩家按按钮与黄色LED灯移动互动,考验反应速度与精准度。
- 难度递增机制:每轮游戏速度增加,需触碰的LED数量减少,难度逐步提升。
- 实时得分显示:利用Web技术(HTML、JavaScript和SASS),在网页实时显示玩家得分。
- 游戏暂停功能:按下按钮可暂停游戏,停止LED灯转动。
安装使用步骤
前提条件
已下载本项目源码文件,且电脑安装以下工具: - Arduino IDE - Max软件 - 支持Vite.js的开发环境
安装步骤
- 硬件连接:按项目提供的电子电路图(
schema_plan.png
)连接按钮和LED灯等硬件设备。 - Arduino编程:用Arduino IDE打开项目中与Arduino相关的代码文件,上传代码到Arduino开发板。
- Max配置:打开Max软件,导入项目中与Max相关的文件并进行配置调试。
- Web项目部署:在项目的Web目录下,用命令行工具运行
npm install
安装依赖,再运行npm run dev
启动Vite开发服务器。
使用步骤
- 启动Arduino开发板和Max软件,确保软硬件正常运行。
- 打开浏览器,访问Vite开发服务器提供的地址,查看游戏网页界面。
- 开始游戏,在黄色LED灯经过绿色得分标记时按按钮争取高分。
- 按按钮可暂停游戏,停止LED灯转动。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】