Canvas 深空飞船加力飞行动画
原生Canvas粒子动画,含尾焰、马赫环、镜头震动、星空视差。
使用的prompt
Note
✈️ 点击展开完整战机动画开发需求
创建一个 HTML 文件,用来呈现一架高速、充满攻击性的战斗机在全力加速状态下的飞行动画。画面背景为纯黑深空,镜头始终锁定在战机中心位置。请使用 CSS 和 JavaScript(优先使用 Canvas 或WebGL)来实现整体动画效果。重点表现以下视觉细节:
- 极其写实的运动模糊效果
- 亮度强烈的加力燃烧尾焰(afterburner)发光效果
- 发动机周围的热浪扭曲(heat distortion)
- 轻微但可见的尾迹(contrails)
- 电影级光影与环境照明
- 机身金属表面的高光反射与镜面质感
附加交互/镜头效果:
- 细微的镜头抖动,增强速度与冲击力
- 一定的景深层次,让画面更具空间感与压迫感
开发约束条件
- 要求不依赖任何外部库或资源文件,不使用第三方依赖。
- 性能优化不必优先考虑,可以尽可能追求视觉表现力。
- 战机必须始终向左侧(西方)高速飞行。
此外
后续更改了宇宙飞船的形态、配色,加入了爱弥斯和达尼娅
允许的操作
您可以通过键盘的数字键 1(降低)和 2(增强)来实时调整镜头抖动的强度,按 0 键恢复默认
