SHIP WORKS

作品展示

面向评委、案主与家长的成果页。Day1 舰队投票拆成两个子作品并行推进 —— 每一版都是一次真实的落地尝试。

DAY 3 · 参赛主项目 · 官方 DEMO 录屏

两条参赛主线 · 一镜到底演示

展位与路演现场使用的成品 Demo 录屏。防溺水《无浪之夏》+ 环保《生态守护者》v0.3 收口版。

《无浪之夏》· 官方 Demo

防溺水参赛项目官方 demo 录屏 —— 覆盖前测 / 场景选择 / 小屋奖励全流程。

《生态守护者》· 官方 Demo

环保参赛项目官方 demo 录屏 —— 从首页到共生玩法一镜到底。

WORK 01 · 已交付

无浪之夏 · 防溺水教育游戏

把「安全是别人的要求」翻译成「我自己要活着回家」—— 通过五大水域场景闯关,让孩子在游戏里替自己做出正确判断。

面向案主:安全教育(原消防线,Day2 收敛为防溺水)

在线体验 →

版本演进

7/9
访谈

消防案主访谈,确认「材料多 / 人手少 / 讲不明白」三大痛点。

7/10
主题 pivot

评估后从消防收敛到防溺水,贴近暑期本地高发风险与孩子的代入门槛。

7/10
v0.1

五大水域场景 + 危险识别 + 错题本主循环跑通,公开链接已可访问。10 张 v1 版本截图已归档到《作品档案 · 防溺水 v1》。

7/11
v0.3

Coding 官张根圣按全员试玩反馈完成收口:扩充到 6 大真实场景(新增暴雨积水、工地水坑)、前测绿框即时反馈、本机现场数据看板、玩家小屋通关贴纸、路演讲解词桌面版+移动版双端。

7/12
终稿

路演版本,含家长卡与讲解稿。

问题陈述

Day1 舰员围绕消防安全做了访谈,痛点确认为「材料多、人手少、讲不明白」。Day2 复盘时发现:消防素材虽多,但对小学阶段孩子的代入门槛偏高;而暑期本地风险最集中的其实是防溺水(河、湖、水库、泳池、家庭浴缸)。舰队据此完成主题 pivot —— 保留「安全教育」母题,把落地场景收敛到防溺水,让评委和小观众都能在展位上立刻共情。

案主原话(脱敏)

「材料太多,处理起来很麻烦,因为人手不够;怎么讲解那些材料,是最难的。」—— Day1 消防案主原话。 「防溺水不是一件小事,而是人人都要注意的事情。」—— Day2 张根锐(案主官)口述。

解决方案

五大水域场景(河 / 湖 / 水库 / 泳池 / 家庭)× 危险识别互动 × 错题本 × 家长卡。玩家在每个场景里识别隐患、选择正确应对,答错会进入错题本二次学习;家长卡把关键要点带回家,形成「孩子玩一遍 → 家长带一张」的闭环。v0.1 已上线,可扫码或点开链接直接体验。

技术栈
LovableTanStack StartLovable CloudLovable AI
DAY 4 · 作品复盘

做对了什么 · 做错了什么 · 下次怎么做

✓ 做对了

沉住气 + 敢重来:Day2 案主校准后 v0.1 重跑通,Day3 收口到 6 大真实场景(新增暴雨积水、工地水坑),路演讲解词做了桌面+移动双端。张根圣作为 Coding 官从只听不说,到敢上手、敢发言、敢在评委面前解说,最终获案组奖。

△ 做错了

Day1 上午被舰队内部选题假设带偏,先入为主、急于求成,没有先看官方链接里案主写清楚的真实需求,导致 Day2 才把主题从消防校准到防溺水,损失半天时间。

→ 下次怎么做

选题前先看官方需求、再内部讨论;案主官要学会追问「到底要帮谁解决什么问题」;Coding 官在拿到确认过的需求前不下手,先想清楚再动手。

WORK 02 · 已交付

生态守护者 · 前海湾生态游戏(姊妹舰)

把生物推到「对的家」,才能守住它 —— 用游戏让路过前海湾的人第一次真正认识红树林、湿地、雨林、海边。

面向案主:环保自然(前海湾生态圈) · 姊妹舰独立线

在线体验 →

版本演进

7/9
草图

舰员手绘:情境切换 + 排行榜 + 物种详情页。

7/10
v0.1

麦天宇独立完成生物 × 生境匹配主循环;过程中克服了 AI 语言约束与提示词卡点。2 张 v1 截图 + 4 段游戏实录视频已归档到《作品档案 · 生态 v1》。

7/11
v0.3

Coding 官麦天宇完成 AI 游戏 + 项目简介;沉淀《AI 协同方法论》:先给 AI 约束框架,再让它自我完善与总结。自评 4 分。

7/12
终稿

路演版本 · 参赛项目 `Glimmer Hackathon Two`。

问题陈述

案主想让更多人认识生态、主动保护环境。舰员共识:单靠讲解板 / 展板讲不进心里,需要一款轻量互动方式,让每一个走过展位的人在几分钟内玩懂「谁属于哪种生态、错配会发生什么、共生长什么样」。

案主原话(脱敏)

「我们盖了楼,但需要让人真正看到旁边的红树林。它是海岸卫士,防风固浪。」—— 环保案主 · 前海湾生态圈访谈脱敏原话。 「学会了如何使用 AI 生成游戏。」—— Day2 麦天宇(Coding 官 · 环保线)口述。

解决方案

情境切换生态推动小游戏:场景在红树林湿地、热带雨林、干燥地方、海边之间切换;玩家把生物推到错误情境会扣金币并封印那个生物,答对可加金币;通关解锁新物种。含排行榜、每种生态特点 / 习惯说明、深度了解 / 我的金币 / 回到主页等入口。

技术栈
LovableTanStack StartLovable CloudLovable AI
DAY 4 · 作品复盘

做对了什么 · 做错了什么 · 下次怎么做

✓ 做对了

麦天宇独立完成 v0.1→v0.3 全流程,沉淀出可复用的《AI 协同方法论》:先给 AI 约束框架,再让它自我完善、由人拍板;纯前端 + 本地榜单,48 只物种教育口径人工写死,无 AI 幻觉。录 demo 视频拼到嗓子沙哑。

△ 做错了

体育馆路演时展位电脑播放 PPT/视频出小状况,靠现场沉着切换稳住,但暴露了「展位技术兜底」这一环节的准备不足。

→ 下次怎么做

下次路演展位要列一张「技术兜底清单」:备用播放机、离线 PPT、视频本地拷贝、备用 HDMI 线,提前 30 分钟做一次全链路走查。

WORK 03 · 已交付

展位主视觉海报 · 智慧之光

让路过展位的人在 3 秒之内记住舰队名字 —— 手绘 + 马克笔的现场感,比印刷更有温度。

面向:路演现场展位主视觉

POSTER · 海报成品

《智慧之光》展位主视觉终稿

海报终稿 · 《智慧之光》舰队展位主视觉(Day3 收口版)

智慧之光海报终稿
PROCESS · 现场创作过程
主字「智慧之光」+ 灯泡主视觉起稿。
主字「智慧之光」+ 灯泡主视觉起稿。
视觉线舰员现场趴地作画 —— 蓝色马克笔勾主字轮廓。
视觉线舰员现场趴地作画 —— 蓝色马克笔勾主字轮廓。
四人协作补色 · 灯泡与主字同步推进。
四人协作补色 · 灯泡与主字同步推进。
助理视觉官接力上色 —— 现场协作的温度。
助理视觉官接力上色 —— 现场协作的温度。

版本演进

7/10
草稿

谢晨曦起稿「智慧之光」主字与主视觉框架。

7/11
收口

视觉官谢晨曦当日画完 —— 原话:「我今天把海报画完了」。助理视觉官麦铭珊 / 梁恺琪 / 廖梓琪协作补色配字。

7/12
终稿

张贴到路演展位。

问题陈述

展位需要一张能撑住场面的主视觉。舰队达成共识:与其请设计工具生成,不如让视觉线四位舰员现场手绘 —— 现场感、参与感、可讲述的故事,比精致印刷更打动人。

案主原话(脱敏)

「今天开始画展位海报『智慧之光』。」—— Day2 谢晨曦(视觉官)口述。 「和视觉官一起画海报,虽然还没画完。」—— Day2 麦铭珊(助理视觉官)口述。

解决方案

海报由视觉官谢晨曦执笔,助理视觉官麦铭珊 / 梁恺琪 / 廖梓琪协作补色与配字。Day2 完成起稿,Day3 四人合力收口,Day4 张贴到路演展位。

技术栈
手绘马克笔现场四人协作
DAY 4 · 作品复盘

做对了什么 · 做错了什么 · 下次怎么做

✓ 做对了

视觉线四人现场手绘协作,参与感强、可讲述;比印刷更有温度,路演展位主视觉稳。视觉官谢晨曦从腼腆到能调动助理视觉官,肉眼可见地打开。

△ 做错了

起稿到收口时间紧,部分配色是临时定的,收口阶段返工过一次。

→ 下次怎么做

早半天把主色卡定死,让助理视觉官能同步铺色,不用等视觉官逐块示范。