请设计并生成一个现代化、高保真的互动网站,主题为“可交互汽车引擎拆解展示”。网站必须满足以下精确要求: 视觉与动画核心 ...
Prompt
请设计并生成一个现代化、高保真的互动网站,主题为“可交互汽车引擎拆解展示”。网站必须满足以下精确要求: 视觉与动画核心 页面中央放置一个高度写实的汽车内燃机(V6 或 V8 引擎)三维模型或高精度渲染图。 引擎处于持续运转状态:活塞上下运动、曲轴旋转、气门开合、皮带传动、冷却液流动等动态效果需流畅呈现,帧率稳定,视觉真实。 背景为简洁的深色工业风格(深灰或黑色),带有轻微金属质感与柔和的环境光,突出引擎主体。 一键拆解交互功能 在引擎旁或页面显著位置设置一个清晰的“一键拆解”按钮(按钮文字为中文“一键拆解”或英文“Disassemble”)。 点击按钮后,引擎所有主要部件(气缸盖、活塞、连杆、曲轴、凸轮轴、气门、正时皮带、油底壳等)以平滑、有序的动画方式向外分离,呈现爆炸视图(exploded view)。 拆解过程需在 1–2 秒内完成,动画自然且具有物理感。 拆解完成后,每个部件旁出现简洁的中文标注(部件名称与简要功能说明)。 提供“重新组装”按钮,点击后部件以相反动画迅速复位至运转状态。 用户体验与界面设计 界面简洁专业,采用响应式布局,适配桌面与移动端。 顶部导航栏包含网站标题(例如“实时引擎拆解实验室”)、语言切换(中/英)及帮助说明。 左侧或右侧可提供可选控制面板:调整引擎转速、切换透明模式、高亮特定部件等。 整体风格为现代科技感,配色以深蓝、银灰、白色为主,文字清晰易读。 技术与呈现要求 若生成图像:呈现网站完整界面截图,包含运转中的引擎与“一键拆解”按钮,风格写实、光影准确。 若生成代码或网页描述:优先使用 WebGL、Three.js 或类似技术实现 3D 交互,并说明核心交互逻辑。 确保拆解动画与运转动画切换流畅,无卡顿感。 避免任何多余装饰元素,保持专业工程展示氛围。 请严格按照以上要求输出完整、可直接使用的网站设计方案或高保真视觉效果。
A system prompt was added to support web rendering
Response not available