3D交互式小票UI提示词

创建日期: 2026-03-10

提示词

请创建一个基于 Three.js + WebGL 的交互式 receipt UI，小票应模拟真实纸张物理，而不是普通平面动画。
必须满足以下约束：
- 使用 Verlet integration 或粒子约束系统实现纸张模拟
- 小票可被鼠标左键抓取、拖拽、弯曲、折叠，并产生自然摆动、褶皱，回弹
- 顶部边缘必须整条固定或整条约束，始终保持笔直水平
- 严禁只固定顶部 3 个点（左/中/右）
- 严禁顶部中间出现凹陷、悬挂，下垂或"晾衣绳"效果
- 小票主体下半部分必须仍然保持柔软纸张形变
- 材质表现应像热敏纸，而不是布料、塑料或金属
- 小票表面要有搞笑的 3D 图形术语购物清单
- 背景为白色，带轻微阴影和高光，整体有真实重量感
- 输出完整 HTML + CSS + JS，可直接浏览器运行
- 同时进行性能优化，保证桌面浏览器流畅运行

文件位置

• 代码: /home/hong/飞书/receipt-3d.html
• 提示词: /home/hong/飞书/3D小票提示词.md

使用方法

直接在浏览器中打开 receipt-3d.html 文件即可体验。