返回作品总览

网页游戏 / 交互原型 · 2026

小津的早点铺

一个可在网页端运行的轻量游戏原型:玩家化身海河边早点铺的小厨师小津,为动物街坊准备天津特色早点,在暖色像素风场景里完成订单与关卡目标。

小津的早点铺

项目视觉 / 视频待补充

项目信息

我的职责
游戏策划、角色与场景视觉设定、界面交互、前端原型开发
使用工具
HTMLCSSJavaScriptGame UIlocalStorage
查看完整简历

项目背景与目标

希望把天津早点、海河清晨与街坊烟火气转化成更轻松、可参与的数字体验。项目面向电脑端横版网页,既要保留地方生活感,也要让玩家能快速理解操作与目标。

创意概念

以“清晨第一份热乎早点”为情绪入口,把早点铺经营、动物顾客和食物收集交织成一段轻治愈的互动叙事。奶油色界面、焦糖棕边框与像素化细节共同建立温暖的天津早市氛围。

制作过程

  1. 1梳理天津早餐品类、海河场景与动物街坊角色,确定世界观、角色性格与画面关键词。
  2. 2规划开始界面、主游戏、角色介绍、图鉴与设置等页面结构,建立清晰的玩家路径。
  3. 3设计以顾客订单为目标的轻量交互循环,并加入食物收集、连线消除与关卡推进等原型玩法。
  4. 4使用 HTML、CSS 与 JavaScript 完成单文件网页原型,制作像素质感 UI、反馈动画与状态切换。
  5. 5接入 localStorage 保存基础进度,并整理为可继续迭代的游戏设计与开发文档。

成果展示

  1. 1完成一套 16:9 横版网页游戏原型,覆盖开始、游玩、角色介绍、图鉴和设置等核心界面。
  2. 2把天津煎饼果子、老豆腐、炸糕等地方饮食元素转化为游戏内的订单和收集内容。
  3. 3展示了从世界观、视觉设定、交互规则到前端实现的完整游戏原型能力。

项目总结 / 反思

做游戏原型让我更关注“好看”之外的反馈节奏:玩家是否能立刻理解目标、每一次操作是否有回应、地方文化元素能否自然地变成可参与的玩法。这些判断也会继续影响我做交互与影像叙事时的取舍。