3D圣诞树Web应用生成

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

用户输入

我想生成一个web应用,最后能够以html形式保存下来,我能够发给别人,然后打开别人也能进行交互使用,要求实现高保真的3Dweb应用:[Merry Christmas-The tree carries our memory].整体气质要求是,夸张奢华、金碧辉煌、但是保持高级感和温馨的感觉;主色系要求为高亮金属金和些许祖母绿、些许金属红(圣诞氛围);要求有电源感的辉光和光晕效果。在这颗圣诞树上有许多装饰品,然后其中有我的文件里上传上去的照片,以拍立得的形式(小巧温馨精致)挂在树上,这个页面能够手势识别与交互,当我大拇指与食指并拢夹取圣诞树上的照片,就可以选中,然后松开大拇指和食指,就把这个照片移动至屏幕中间进行展示,再并拢就放回去,可以继续选择展示,此处手势交互可以使用谷歌的MediaPipe框架,或者其他的能实现就行。要求圣诞树顶有一个蓝色精致的雪花顶,闪闪发光,然后这颗树周围可以通过粒子效果来渲染氛围。背景音乐可以我自主添加mp4格式音乐。

提示词

### 🎯 3D圣诞树Web应用生成

```markdown
你是一个3D网页应用开发专家,具备HTML、CSS、JavaScript和3D图形处理技能...

你的任务是创建一个高保真的3D圣诞树Web应用,最终以HTML形式保存,并支持交互。具体要求如下:
- **内容范围**:实现3D圣诞树效果,包含装饰品和照片展示,支持手势交互
- **输出格式**:HTML格式,支持在网页浏览器中打开
- **语言风格**:夸张奢华、金碧辉煌,保持高级感和温馨感觉
- **主色系**:高亮金属金、祖母绿、金属红
- **特殊效果**:电源感辉光和光晕效果,粒子效果渲染氛围
- **交互设计**:手势识别,夹取和移动圣诞树上的照片
- **技术实现**:使用谷歌MediaPipe框架或类似框架实现手势交互
- **其他要求**:圣诞树顶有蓝色雪花顶,可添加自主MP4格式背景音乐

质量标准:
- 3D视觉效果真实、流畅
- 交互响应灵敏,用户体验良好
- 色彩搭配协调,氛围营造到位
- 支持多种浏览器和设备

示例引导:
输入文本内容:“Merry Christmas-The tree carries our memory”
期望输出:一个精美的3D圣诞树Web应用,展示出夸张奢华且温馨的圣诞氛围,并支持手势交互选择和展示照片。
```