这套方案适合什么项目
- 文化展览、艺术项目和数字人文专题
- 希望用物理交互表达汉字或诗词的页面
- 需要兼顾声音、画布和文本内容的实验网站
SITES · 教育与内容
中国水墨文化互动 Hero 提示词
文化互动页面需要让技术服务于主题。这个方案把悬挂汉字、屋檐和拨动反馈组合成一个水墨首屏，适合展览、文化内容或艺术实验。互动不是唯一入口，标题、说明和导航仍应以真实文本存在。
实现工具与技术边界
- React 与 TypeScript
- Vite 与 Tailwind CSS
- Canvas 物理模拟
- Web Audio
DESIGN DECISIONS
真正决定结果的设计取舍
- 01
画布交互放在语义内容之后
- 02
声音默认由用户操作触发
- 03
提供减少动效和静音路径
- 04
手机端降低物理对象数量以保持流畅
PUBLIC PROMPT EXCERPT
公开提示词片段
这段内容只公开核心方向，足够判断提示词是否具体。组件清单、细节参数、响应式规则与完整验收要求继续由会员权限保护。
Build a one-screen Chinese ink hero with hanging character strings beneath a temple roof. Use React, TypeScript and a dedicated physics component. Keep the title and cultural explanation as semantic text, and make sound opt-in.完成后应该得到什么
结果应是一页能够表达文化主题的互动首屏。支持交互的设备可以拨动字符并听到反馈，不支持 Canvas 或声音的环境仍能阅读内容。
生成后不要跳过这些检查
- 声音只在用户操作后启动
- 减少动效时停止持续物理动画
- Canvas 旁有等价文字说明
RELATED ASSETS
相关构建方案
围绕同一任务继续比较，不必退回搜索起点。
