开发者日志

技术选型

前端框架选择了 React 19 配合 TypeScript，游戏渲染使用原生 HTML5 Canvas 2D API，构建工具使用 Vite。整个项目采用单文件组件设计，游戏核心逻辑集中在 engine.ts、renderer.ts 和 GameCanvas.tsx 三个文件中。

选择 Canvas 而非 WebGL 的原因是：这是一款 2D 像素风游戏，Canvas 2D 完全够用，且不需要引入 Three.js 等重型库。游戏地图尺寸为 2400×2400 像素，同时渲染的实体不超过 50 个，Canvas 2D 在主流设备上可以轻松保持 60fps。

游戏架构设计

游戏采用经典的「游戏循环 + 状态机」架构：

• engine.ts — 游戏逻辑引擎，负责状态更新、碰撞检测、昼夜循环、资源生成与消耗计算
• renderer.ts — Canvas 渲染器，负责画面绘制、粒子效果、浮动文字、UI 状态条
• config.ts — 10天难度配置表，每天独立配置饥饿/口渴消耗速度、树木刷新时间、黑夜占比等参数
• types.ts — TypeScript 类型定义，确保全链路类型安全

输入系统同时支持键盘事件（PC）和触摸事件（移动端虚拟摇杆），通过统一的 InputState 接口抽象，游戏逻辑层无需关心输入来源。

10天难度曲线设计

难度曲线是整个游戏设计的核心。我采用「渐进式压力递增」模型，从多个维度同时提升难度，而非单一维度（如只增加敌人血量）：

• 资源消耗加速：饥饿/口渴消耗从 0.4/s 递增至 1.8/s
• 资源供给减少：初始树木从 40 棵减至 15 棵，水池从 8 个减至 2 个
• 环境威胁加剧：夜间寒冷伤害从 2/s 递增至 15/s
• 时间压力增加：黑夜占比从 30% 递增至 55%
• 上限压缩：第6天起最大饥饿/口渴从 100 降至 80，降低容错空间

这套设计经过 20 多次内部测试调整，目标是让新手能活过第 3-4 天，有经验的玩家在第 8-9 天感受到真正的生存压力，只有精通资源管理的玩家才能通关。

AI 辅助披露

本项目的游戏代码（engine.ts、renderer.ts 等）由开发者手动编写，AI 工具仅用于生成部分 UI 组件代码和开发文档。游戏设计决策（难度曲线、数值平衡、美术风格）完全由人工制定并经过多次测试验证。