00:00 / 00:55
连播
清屏
智能
倍速
点赞352
00:00 / 07:13
连播
清屏
智能
倍速
点赞1447
00:00 / 02:17
连播
清屏
智能
倍速
点赞142
00:00 / 00:29
连播
清屏
智能
倍速
点赞1280
00:00 / 01:44
连播
清屏
智能
倍速
点赞504
00:00 / 01:16
连播
清屏
智能
倍速
点赞3
baibaixi5天前
Gemini搓出一个照片圣诞树。 (附教程 1.科学上网 2.用的是谷歌浏览器的(Google ai studio,直接用Gemini会不能浏览) 3.提示词如下 角色设定: 你是一位精通 React 19、TypeScript 和 Three.js (R3F) 的 3D 创意开发专家。 任务目标: 构建一个名为“豪华互动圣诞树 (Grand Luxury Interactive Christmas Tree)”的高保真 3D Web 应用。视觉风格需呈现“特朗普式”的奢华感,主色调为深祖母绿和高光金色,并伴有电影级的辉光效果。 技术栈: React 19, TypeScript, React Three Fiber, Drei, Postprocessing, Tailwind CSS。 核心逻辑与架构: 状态机: 包含 CHAOS(混沌散落)和 FORMED(聚合成树)两种状态,并在两者间动态变形。 双坐标系统 (Dual-Position System): 所有元素(针叶、装饰物)初始化时需分配两个坐标: ChaosPosition:球形空间内的随机坐标。 TargetPosition:构成树木圆锥形状的目标坐标。 TargetPosition:构成树木圆锥形状的目标坐标。 在 useFrame 中根据进度 在两者间进行插值 (Lerp)。具体实现细节: 针叶系统 (Foliage): 使用 THREE.Points 和自定义 ShaderMaterial 渲染大量粒子。 装饰物 (Ornaments): 使用 InstancedMesh 优化渲染。分为各种颜色的礼物盒(重)、各种颜色的彩球(轻)、各种点缀灯光(极轻),赋予不同的物理推力权重。使用 Lerp 实现丝滑的归位动画。 后期处理: 启用 Bloom 效果(阈值 0.8,强度 1.2),营造“金色光晕”。 场景配置: 摄像机位置 [0, 4, 20],使用 Lobby HDRI 环境光。 在里面加上很多拍立得样式的照片的装饰。 使用摄像头图像检测手势,手势张开代表 unleash,闭上就变回圣诞树。通过手的移动可以调整视角。 5.根据提示词微调#Gemini #圣诞树
00:00 / 00:20
连播
清屏
智能
倍速
点赞212
00:00 / 01:09
连播
清屏
智能
倍速
点赞34
00:00 / 02:33
连播
清屏
智能
倍速
点赞463