00:00 / 00:48
连播
清屏
智能
倍速
点赞6
00:00 / 00:15
连播
清屏
智能
倍速
点赞4596
槲枳6天前
下午在工位摸鱼 看到很多uu在用google ai building做圣诞树&手势交互。试了一下真的让朋友去年画给我的圣诞树动起来了! 项目已g上开源,具体会放在plq~ 总用时大致1h,其中ai框架,大致30min。codex+手动略调细节大致30min。 完全不需要代码基础也能完成 大致教程如下 1、直接搜索Google ai,在页面内选择building,然后把plq的prompt复制给他,然后ai就会给你一个非常完整的可以直接跑的project。和ai略微对话几轮就可以得到一个很不错的类似效果了!如果没什么特殊需求,其实到这一步已经可以 2、微调的话,我下载到本地后,用vscode打开文件夹,在codex内提出想法和要求,调了最后的树木样貌/加了背景音乐/把朋友的圣诞树放了上来。全程几乎0手写代码! prompt如下: 角色设定:你是一位精通 React 19、TypeScript 和 Three.js (R3F) 的 3D 创意专家。 任务目标:构建一个名为「豪华互动圣诞树 (Grand Luxury Interactive Christmas Tree)」的高保真 3D Web 应用。视觉风格需呈现「特朗普式」的奢华感,主色调为蓝白色(高光纯白),并伴有电影级的辉光与星空效果。圣诞树整体需具有高端、精致的质感与丰富的细节(如精细材质、反射、折射与体积光)。 交互需求: • 必须支持基于手势的互动逻辑(可通过摄像头 + 手势识别库实现,如 MediaPipe Hands / WebXR hand tracking 等)。 • 当用户将手掌张开时,圣诞树会瞬间解构为漫天飞散的蓝白色星星粒子,形成类似星空/宇宙散射的效果,并在 3D 空间中带有一定的重力与缓慢漂浮感。 • 当用户收拢手掌或放下手时,这些星星粒子会逐渐回流、聚合,重新构建为完整的蓝白色圣诞树模型,过程需平滑、具有仪式感。 技术栈:React 19、TypeScript、React Three Fiber、Drei、Postprocessing、Tailwind CSS。需要合理运用 R3F 与后期处理(Bloom、Glitch、God Rays 等)来实现蓝白主色调下的高档、梦幻、互动式圣诞树 #圣诞节 #圣诞树 #圣诞节礼物 #ai
00:00 / 00:18
连播
清屏
智能
倍速
点赞29
00:00 / 02:16
连播
清屏
智能
倍速
点赞172