跳到正文
AI 创作AI-Native Builds · AI 协作与开源实践

把好奇,
做成可以体验的作品。

从没有编程基础开始,借助 AI 和开源工具,把自然、诗歌、游戏与互动的念头做成可体验作品,记录创作起因与实际不足。

过去,我主要负责产品流程中的设计环节。有了 AI,我开始亲自把构想、设计、实现、调试连接起来,做一些工作之外也很想做的东西:一片可以走进去的雨林,一首能听见和参与的诗,还有同事们分享创意的地方。

开始时我没有编程基础。Codex、Gemini 和其他 AI 工具帮助我实现想法,开源项目提供了可以继续改造的基础。我则要决定为什么做、希望带来怎样的体验,并一遍遍看结果、找问题。有些已经可以玩,有些离想象还很远。这些尝试都留在这里。

01 / 山野漫游 · 国家公园体验探索

走进雨林之前,先被一个愿望打动。

请假去公园项目封面:雨林漫游界面、自然影像与项目标题
进入海南体验 ↗
项目受吕孝波发起「国家公园」的初心启发,以其提供的内容与影像素材为基础开展个人体验探索。

与纪录片导演吕孝波的一次聊天,是这个项目的起点。他发起「国家公园」项目,希望忙碌的城市人有机会走进山野,也希望孩子们能亲近真实的自然。很多美好的地方,未必被身边的人看见。这让我想做一个可以自由探索的线上空间。

海南热带雨林是其中最想实现的一段:像第一人称游戏那样走进林间,听见脚步和风吹树叶的声音,突然转头,发现一只小动物。屏幕里的体验,要让人产生去真实山野看一看的念头。

借助 AI 搭场景和交互,遇到的全是想象之外的问题:最初的质感像塑料;后来树干和树叶脱了节,天空像一块假的黑布;走路与风声没配合好,偶遇动物的惊喜也没做出来。

目前可以进入海南场景漫游、观看影像,但离自然可信的雨林还有明显距离。这些不够好的地方,我如实留下来——它们也是这次创作的一部分。

02 / 将进酒 · 古诗声画实验

如果古诗能听见、看见,也能参与。

《将进酒》四幕诗境、朗读控制与诗文交互进入诗境 ↗
四幕可体验的古诗声画阅读实验。

看到身边有孩子的技术同事用 AI 做教辅小工具,我起了新的兴趣:难理解的知识,可以换一种有趣的方式呈现。我想试试古诗——画面、声音和情绪,能不能变成一次可以参与的阅读。

我选了《将进酒》,与 Codex 讨论诗句怎样分幕、每一幕如何展开,再用画面生成、视频和语音工具,把朗读与诗文交互组织起来。做着做着,要考虑的事情越来越具体:画面怎样回应诗意,声音和文字怎样配合,互动会不会打断阅读。

这次,我不再只把设计稿交给流程里的下一位同事,而是跟着想法走到可以打开的作品。AI 帮我跨过了不少实现门槛,也让我能亲自检查从构想到成品之间的衔接。

现在的作品是一段四幕诗境,仍有可以打磨的地方。它让人愿意靠近古诗、多停留一会儿;还没有经过课堂和学习效果验证。

03 / Allsome · 创作交流空间

同事做的小东西,值得被更多人看见。

Allsome 中英文首页、同事创作人物与产品演示界面打开交互演示 ↗
演示使用示例内容,用于呈现产品方向;目前尚未正式上线。

大家开始使用 AI 后,身边的同事陆续做出了各种小“东西”:插件、Bot、Skill、应用、本地工具,很难用一个名字概括。有的解决工作问题,有的纯粹出于兴趣。中秋发了月饼礼盒,大家在群里买卖礼盒、玩偶、双肩包和月饼,就有同事做了一个「饼交所」,方便出价和交易。

这些作品不少,作者却常常缺少展示的地方。我发起一个公司里的民间创作组织,让作品有地方展示,也让有想法的人找到彼此——Allsome 由此开始。

我借助 AI 推进产品结构和交互演示,把包括自己在内、来自不同岗位的同事形象变成卡通人物,围坐在一起做创意。人物会转过头来打招呼。画面里特意空了一把椅子,留给正在看的人。

目前完成的是可体验的交互原型,项目没有正式上线,演示内容用于呈现构想。那把空椅子,是我对这个空间将来能做到的事。

04 / 卷了个卷 · 开源三消改造

喜欢玩消除游戏,也想做一个自己的版本。

我平时很喜欢玩《开心消消乐》。找到一个开源三消项目后,我开始想:能不能借助 AI,把它改成带有自己风格的游戏?《卷了个卷》就是这样做起来的。

我用 Codex 在开源项目上重新设计美术、玩法和规则,加入办公室与“摸鱼”的趣味。基础项目让我不必从零搭起一切,也让我能把精力放在自己想改变的体验上,再通过实际试玩检查效果。

过程中,我第一次接触微信小游戏的开发环境。在 Codex 的指引下,我逐步了解小游戏与小程序的区别,学习在微信开发者工具的模拟器里运行、调试,再拿到手机上玩。从开发准备到发布上架该怎么做,都是边做边学。

下面的录像是我的个人版本手机实玩。对我来说,有意思的地方也在于这段过程:以前只是游戏里的玩家,现在可以把自己的想法做出来,再亲手玩一遍。

《卷了个卷》个人版本手机实玩。

先熟悉新的开发环境

在微信开发者工具中运行小游戏并检查实际画面。

微信开发者工具

微信开发者工具中运行《卷了个卷》小游戏的界面
第一次使用微信开发者工具,边熟悉环境边验证玩法。

微信开发者工具

左右滑动查看完整图

微信开发者工具中运行《卷了个卷》小游戏的界面
第一次使用微信开发者工具,边熟悉环境边验证玩法。

05 / 手势粒子星球 · 视觉与手势交互实验

伸出手,试着转动一颗星球。

视频保留了真实的手部操作与屏幕效果。

这次实验从一个画面开始:一颗由橙色发光粒子组成的星球,外面环绕两层白色星环。伸出手就能转动它、拉近和拉远——这个念头值得做出来试试。

我用 Gemini 3 网页版的 Canvas 模式推进实现,描述视觉效果,也把交互规则写进去:手掌旋转时改变观察角度,握拳并远离镜头时拉远,张开手掌并靠近时拉近。移动要有速度变化和缓动,还要留出安全距离,避免镜头穿进星球。

Three.js 提供三维渲染基础,MediaPipe 帮助识别手部关键点,应用再把这些信息映射成视角变化。以前觉得需要专门技术背景才能尝试的交互,因为 AI 和这些开源工具,开始变得可以亲手摸索。

成品可以在浏览器中运行。这里放的是实际操作录像,能直接看到手势与画面的对应。这次实验也让我确认一件事:很多复杂能力已经有人做好了,我可以接着做的是自己的想法。

AI 创作 / END回到开头