网页游戏 / 交互原型 · 2026
小津的早点铺
一个可在网页端运行的轻量游戏原型:玩家化身海河边早点铺的小厨师小津,为动物街坊准备天津特色早点,在暖色像素风场景里完成订单与关卡目标。
小津的早点铺
项目视觉 / 视频待补充
项目背景与目标
希望把天津早点、海河清晨与街坊烟火气转化成更轻松、可参与的数字体验。项目面向电脑端横版网页,既要保留地方生活感,也要让玩家能快速理解操作与目标。
创意概念
以“清晨第一份热乎早点”为情绪入口,把早点铺经营、动物顾客和食物收集交织成一段轻治愈的互动叙事。奶油色界面、焦糖棕边框与像素化细节共同建立温暖的天津早市氛围。
制作过程
- 1梳理天津早餐品类、海河场景与动物街坊角色,确定世界观、角色性格与画面关键词。
- 2规划开始界面、主游戏、角色介绍、图鉴与设置等页面结构,建立清晰的玩家路径。
- 3设计以顾客订单为目标的轻量交互循环,并加入食物收集、连线消除与关卡推进等原型玩法。
- 4使用 HTML、CSS 与 JavaScript 完成单文件网页原型,制作像素质感 UI、反馈动画与状态切换。
- 5接入 localStorage 保存基础进度,并整理为可继续迭代的游戏设计与开发文档。
成果展示
- 1完成一套 16:9 横版网页游戏原型,覆盖开始、游玩、角色介绍、图鉴和设置等核心界面。
- 2把天津煎饼果子、老豆腐、炸糕等地方饮食元素转化为游戏内的订单和收集内容。
- 3展示了从世界观、视觉设定、交互规则到前端实现的完整游戏原型能力。
项目总结 / 反思
做游戏原型让我更关注“好看”之外的反馈节奏:玩家是否能立刻理解目标、每一次操作是否有回应、地方文化元素能否自然地变成可参与的玩法。这些判断也会继续影响我做交互与影像叙事时的取舍。