cocktails 光线追踪效果怎么实现的？源码下载与使用教程

最近在 X 上刷到一个叫 cocktails 的小项目，作者 Ann Nguyen 用 AI 在 three.js 里做了一组「真玻璃杯里的光线追踪鸡尾酒」——酒液会晃进杯子、自动加上装饰，最后还能被一口喝掉。推文发出后拿到上千点赞，作者干脆把完整源代码放上了 GitHub，还鼓励大家拿去混搭自己喜欢的鸡尾酒。我的总体评价是：它不是一个能帮你干活的工具，而是一件用 AI 做出来的数字玩具，但恰恰是这种「没用但好看」的东西，最能让人看清 AI 写代码现在到了什么水平。

它到底解决了什么问题

严格说，cocktails 没有解决任何现实痛点。它属于作者所说的 vibe coding（指不逐行手写代码，而是用自然语言描述想要的效果，让 AI 把代码写出来）实验合集，同仓库里还有一个把 3D 花瓶散成二维码的项目。它的价值在于演示：你告诉 AI「做一杯光线追踪的鸡尾酒」，它真的能交出可运行的网页效果。对普通读者来说，这比任何参数榜单都直观——AI 已经能处理玻璃折射、液体晃动这类过去要专业图形工程师才能搞定的细节。

实际用起来怎么样

打开就能看，不用装东西

它跑在浏览器里，基于 three.js（一个让网页显示 3D 画面的开源代码库）和 Next.js，打开链接就能看到效果，无需注册或安装。

好看，但别当工具用

倒酒、加柠檬片、一饮而尽都有动画，可它没有配方管理，也没有交互玩法，本质是一段视觉演示。

低配设备会有点吃力

3D 场景对老电脑和手机不太友好，网络慢时还要等加载，想流畅体验最好用较新的设备。

社区口碑与争议

从公开反馈看，这类 AI 生成视觉 demo 在 X 和 Hacker News 上通常有两种声音：一边惊叹「AI 居然能写图形代码了」，一边质疑「好看但没实用价值」。cocktails 的推文数据说明前者占多数，作者开放源码、只要求署名（credit）的做法也收获不少好感。争议点在于，vibe coding 产出的代码往往结构随意、注释稀少，想二次开发的人需要自己啃一遍。这不影响它作为演示的价值，但别指望直接拿去做商业产品。

值不值得现在上手

如果你是对 AI 好奇的普通用户，值得花两分钟打开看看，感受一下「一句话生成 3D 效果」是什么体验；如果你是前端或创意开发者，这份源码是很好的学习样本，可以照着改出咖啡、奶茶甚至啤酒版本。它免费、开源、无需注册，门槛几乎为零。唯一要提醒的是：把它当玩具和教材，而不是工具。想清楚这一点，cocktails 会给你超出预期的小惊喜。