{"repo":"hexianWeb/CrossRoad","free":true,"listed":false,"github":"https://github.com/hexianWeb/CrossRoad","clone":"git clone https://github.com/hexianWeb/CrossRoad.git","description":"Threejs version 🐔 Chicken Crossing the Road 🚦 （3D 风格小鸡过马路）","language":"JavaScript","stars":95,"topics":["game","gamedev","javascript","threejs","threejs-example"],"license":"MIT","category":"game-templates","readme_excerpt":"2.5D 小鸡过马路 Demo 一款基于 Three.js 的 2.5D 视角休闲小游戏 Demo。玩家操控一只小鸡不断穿越马路，躲避来往小车，并在过程中收集道具以获取分数和单次可用的特殊能力。 🎮 游戏特色 - 2.5D 视角的休闲玩法 - 丰富的道具系统 - 流畅的操控体验 - 精美的视觉效果 🎯 主要功能 - 主角操控 : 通过键盘/触屏控制小鸡移动 - 障碍系统 : 躲避不断移动的车辆 - 道具系统 : - 加速鞋: 10秒内移动速度提升 - 无敌盾: 10秒内碰撞车辆不失败 - 时停表: 5秒内所有车辆减速 - 随机箱: 随机触发以上效果 - UI系统 : 道具状态、能力状态、结算界面等 🔧 技术栈 - Three.js - 3D渲染引擎 - Vite - 构建工具 - TailwindCSS - UI样式 - GSAP - 动画系统 🎯 目标用户 - Three.js/前端开发者 - 图形学学习者 - 休闲游戏玩家 - 需要2.5D案例的教育场景 当前开发进度 - ✅ 主角操控已完成 - ✅ 障碍与挑战已完成 - ⚡ 道具功能已完成（Three.js部分） - ✅ 加速鞋：获得后10秒内移动速度提升 - ✅ 无敌盾：获得后10秒内碰撞车辆不失败 - ✅ 时停表：获得后5秒内所有车辆减速至0.1倍速 - ✅ 随机箱：随机触发上述任意一种道具效果 - ✅ UI系统开发中 - ✅ 道具状态显示 - ✅ 特殊能力状态栏 - ✅ 游戏结束界面 一、项目概述与目标 本项目为一款基于 Three.js 的 2.5D 视角休闲小游戏 Demo。玩家操控一只小鸡不断穿越马路，躲避来往小车，并在过程中收集道具以获取分数和单次可用的特殊能力。项目旨在展示 Three.js 在 2.5D 场景下的交互、动画与资源管理能力，适合作为图形学教学、Three.js 框架实践或小游戏原型开发参考。 --- 二、目标用户 - Three.js/前端开发者、图形学学习者 - 喜欢休闲小游戏的玩家 - 需要 2.5D 交互案例的教育/演示场景 --- 三、核心功能与玩法 1. 主角操控 - 玩家通过键盘（或触屏）控制小鸡上下左右移动。 - 小鸡只能沿固定路径（马路格子）移动，具备基础动画。 2. 障碍与挑战 - 马路上有不断移动的小车，碰撞即失败。 - 小车速度、数量可随关卡进度递增。 3. 道具与分数 - 马路上随机生成可收集道具。 - 收集道具可获得分数，部分道具可赋予特殊能力。 - 已实现道具类型及功能： - 无敌盾 ：获得后10秒内小鸡无敌，碰撞车辆不失败。 - 加速鞋 ：获得后10秒内小鸡移动速度提升。 - 时停表 ：获得后5秒内所有车辆减速至0.1倍速。 - 随机箱 ：获得后随机触发上述任意一种道具效果。 - 每种道具均以不同颜色/形状表现。 - 待实现：道具状态栏显示剩余时间。 4. 特殊能力 - 玩家每局可通过收集道具获得一次特殊能力（如无敌、瞬移等），使用后消耗。 5. 分数与结算 - 记录本局分数，支持最高分展示。 - 游戏失败后展示得分与重开选项。 6. 基础 UI - 分数、道具、特殊能力状态实时显示。 - 简单的开始、暂停、重开按钮。 --- 四、技术栈推荐 - 核心引擎 ：Three.js（2.5D 场景渲染与动画） - 开发框架 ：Vite + ES6/JS 类组件结构 - 资源管理 ：统一通过 Experience 单例管理（见项目架构） - UI ：TailwindCSS - 动画 ：GSAP（GreenSock Animatio","default_branch":null,"files":null,"tree":[],"storefront":"/r/hexianWeb","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/hexianWeb/CrossRoad/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}