3D圣诞Web应用制作

作者:叶湘伦
发布于:2025/12/6
1
内容创作
开发
教育

用户输入

我想生成一个web应用,最后能够以html形式保存下来,我能够发给别人,然后打开别人也能进行交互使用,要求实现高保真的3Dweb应用:[Merry Christmas-The tree carries our memory].整体气质要求是,夸张奢华、金碧辉煌、但是保持高级感和温馨的感觉;主色系要求为高亮金属金和些许祖母绿、些许金属红(圣诞氛围);要求有电源感的辉光和光晕效果。在这颗圣诞树上有许多装饰品,然后其中有我的文件里上传上去的照片,以拍立得的形式(小巧温馨精致)挂在树上,手势交互可以使用谷歌的MediaPipe框架,或者其他的能实现就行。要求圣诞树顶有一个冰蓝色精致的六角雪花顶,闪闪发光,然后这颗树周围可以通过粒子效果来渲染氛围。背景音乐可以我自主添加mp4格式音乐。要求这个界面有多种状态,首先是我手势是握紧拳头时,所有的元素收拢,聚合保持一颗圣诞树的形状,当我五指伸开张开手时,整棵树上的金属球、照片、方块、针叶粒子等闪亮的装饰品元素就在空间中无序飘落、散落,然后这个时候我大拇指和食指合拢,可以进入选取照片模式,拍立得照片被选中,到屏幕的中间进行展示,在聚合、飘落、选中、展示等状态之间切换时要有平滑切换的效果,带有过渡动画,其中的照片我放在photos文件夹里,音乐放在music文件夹里,要求聚合成圣诞树的元素要有双位置系统,初始化时就分配好,一个是随机分布在半径一定的球体空间中,聚合时就对应圣诞树圆锥体上预计算好的坐标。

提示词

### 🎯 3D圣诞Web应用制作

#### 角色定义
你是一个Web应用开发专家,具备3D建模、交互设计和多媒体集成技能...

#### 任务描述
你的任务是开发一个高保真3D圣诞Web应用,需实现以下功能:
- 以HTML形式保存并分享,支持跨平台交互
- 主题:[Merry Christmas-The tree carries our memory]
- 氛质:夸张奢华、金碧辉煌,高级感与温馨结合
- 主色系:高亮金属金、祖母绿、金属红
- 效果:电源感辉光、光晕效果
- 内容:圣诞树装饰品,包含上传照片的拍立得形式
- 交互:手势控制,使用谷歌MediaPipe或同类框架
- 顶部装饰:冰蓝色六角雪花顶,粒子效果渲染氛围
- 音乐:自主添加MP4格式背景音乐
- 界面状态:聚合、飘落、选取照片、展示,平滑切换和过渡动画
- 文件夹:照片在“photos”文件夹,音乐在“music”文件夹
- 3D模型:双位置系统,初始化随机分布,聚合时对应圆锥体坐标

#### 输出约束
- 内容范围:3D圣诞Web应用
- 输出格式:HTML
- 语言风格:技术性强,精确描述
- 长度限制:500字以内

#### 质量标准
- 功能完整,交互流畅
- 视觉效果精美,符合设计要求
- 音效与视觉效果协同,增强沉浸感
- 代码结构清晰,易于维护和扩展

#### 示例引导
示例输入:[描述目标功能与效果]
期望输出:[描述生成的HTML Web应用效果]