返回

AnBoo's World

作者送给女儿 AnBoo 的网页 3D 小家:日记本通向家庭回忆,抽屉里收着纪念物,帐篷里藏着可以探索的小世界,拨玩具电话的不同号码就去往不同场景,陪她一起长大。

作者: AnBoo‘s World
在线体验
AnBoo's World在线体验

描述

《AnBoo's World》是作者为女儿 AnBoo 做的互动网站。比起一份一次性的礼物,作者想送她更长久的东西:一个保存家庭回忆、陪她一起长大、随着时间不断揭晓新惊喜的数字世界,在她遇到难过的时候给她陪伴和安慰。

体验从一间精心布置的 3D 房间开始。这里没有常规的菜单,入口都是熟悉的物件:日记本通向回忆,菜谱翻开家里的食谱,抽屉里收着纪念物,玩具、冰箱、八音盒、摇摇马和积木也各有各的互动。轻柔的提示为访客引路,又不打断「身处一间真实房间」的感觉;镜头移动、物件反馈、转场和持续播放的动画彼此衔接,每一个动作都属于这间房。

房间连着回忆、食谱、纪念物和冒险故事几个页面。帐篷不只是摆设,钻进去是一个可以玩的世界,女儿可以在里面探索、采集、发现新东西。一部玩具电话是另一套导航:拨不同的号码就去往不同的场景和内容,它的收件箱、信件、语言切换和预留的号码组合,为将来的秘密、小游戏和彩蛋留好了位置。家庭影片在一台定制的电视里播放,画面嵌在屏幕之中,用仿实体的按钮和旋钮控制播放、进度和音量。

这件作品既是礼物,也是一个面向未来的框架:物件、电话号码、隐藏入口和可以扩展的世界,都能随着她长大装进更多回忆和好玩的点子。作者希望女儿每次回来,看到的不只是做出来的东西,还有想留给她的心意、想象和时间。

作者没有建模和渲染经验:网站开发、WebGL 交互、游戏逻辑和动画借助 Codex 完成,插画用 Image2.5 生成,动画故事和视频用 LibTV 制作。

Tripo 用在哪里

从家里的场景到帐篷里的小游戏,作品中的每一个 3D 模型都来自 Tripo,其中包括按 AnBoo 真实物品复刻的模型。作者没有建模和渲染经验,是 Tripo 让这个送给女儿的 WebGL 世界成为可能。

  • 家和帐篷世界:全部 3D 模型由 Tripo 生成,包括女儿日常物品的复刻,把她身边的东西变成一个会生长、可以玩的世界。
  • 接入网站:作者先测试出一套 Blender 材质节点流程,Codex 可以复用这套流程处理 Tripo 模型、导出适合网页的模型,再加进网站。

宣传视频