返回首页精选项目
Family Story · 奶爸手记70% Milestone · 原型演进中Three.js · WebGL · PWA · Safe Interaction

伊伊的四岁生日冒险:一个关于爱、代码与陪伴的数字礼物

为四岁女儿量身打造的家庭 3D 跑酷与寻宝互动网页。在这个世界里,没有碰撞惩罚,只有家人的祝福、三块生日蛋糕与通向真实礼物的寻宝线索。

伊伊的四岁生日冒险 Three.js 3D 浮空花园与寻宝跑酷概念图

隐私与脱敏说明:本项目为纯家庭私有项目,为保护家人隐私,本页面展示的截图与演示图均已替换为艺术化概念插画与 3D Low-poly 场景,所有真实家庭照片、姓名与私人音视频素材均已进行严格物理隔离。

儿童交互与产品设计哲学

1. “永不失败”的正向激励设计

为适应四岁幼童认知,游戏摒弃了任何“扣分、Game Over 或惩罚机制”。点击屏幕跳跃,左右滑屏变道;漏掉的蛋糕会在前方再次循环浮现,只有不断的鼓励与欢呼。

2. 纯原生 Three.js 浮空舞台

基于原生 ES Modules 和固定的 Three.js 核心库搭建,完全零构建、零打包、零第三方外链依赖,实现开箱即跑与毫秒级即时加载体验。

3. PWA 纯离线安装体验

配置完整的 Web Manifest 与 Service Worker 离线包策略,首次载入后即可作为独立 App 固化在 iPad / 手机桌面,无论是在户外露营还是在无网环境下都能流畅玩耍。

4. 线上通关与现实寻宝联动

在收集齐 3 块蛋糕并点亮 4 根蜡烛后,游戏会触发一个寻宝解密环节,展示真实家中的藏宝地点线索照片,引导孩子离开屏幕,在现实房间中亲手找到真正的生日礼物。

奶爸的业余构建思考

作为一名全职在外企 IT 团队做业务分析的二娃奶爸,白天我把精力投入在企业级系统的需求梳理、流程拆解与架构规整中;而到了夜晚,我更愿意用代码和 AI 为自己的家庭创造一些充满温度的东西。

商业软件追求 ROI、留存率和点击率;但这个生日小项目追求的唯一指标,是四岁女儿在按响跳跃音效、看见小动物为她跳舞、并最终在沙发背后找到礼物时,脸上那抹毫无防备的纯真笑容。

目前这个项目完成了约 70% 的核心体验,虽然尚未完全定版,但它已经陪伴我们度过了一个难忘的生日。它是我个人“用技术让生活更有温度”的最真实注脚。

想为家人打造类似的数字互动体验?

如果你也是一名奶爸或创作者,想了解如何用 Three.js 与 PWA 快速为家人定制属于你们的互动网页、纪念礼物或启蒙小工具,欢迎随时与我加微信交流心得。

返回首页浏览项目