实现 bottle 周围的粒子效果
编程类型: JavaScript
技能点:threejs,物理过程分析
题目描述:
根据课程所学知识,完成 bottle 周围的粒子效果的开发。在完成任务的过程中,同学们需要自行分析按下的过程中粒子聚集以及放开跳跃的过程中粒子散开效果的物理过程。然后将上述的物理过程,转换为 js 代码将该动画实现出来。并且总结相关类似效果的实现方法能够举一反三。
效果图:
暂无,预计之后会录制一段一分钟的短视频展示
任务要求:
1、基于课程的内容分别完成粒子聚集和粒子散开的物理过程的分析。
2、基于课程的内容使用 threejs 实现上述物理过程,最终完成 bottle 周围的粒子效果的开发。
3、总结相关物理特效实现的关键点,输出一篇 markdown 文档。
辅助资料:
任务提示/思路分析:
任务提示:
- 需要注意粒子效果的一些细节并在物理分析的过程中分析出来,比如随着按压时间边长,粒子聚集的速度越来越快等;
- 总结物理特效实现的关键点时,可以调研一下常用经典的物理特效,如 halo shader;