使用 threejs 完成 bottle 压缩弹起动画的开发

编程类型： JavaScript

技能点：threejs、物理运动分析

题目描述：

根据课程所学知识，完成 bottle 压缩弹起动画的开发。在完成任务的过程中，希望同学能自行分析 bottle 压缩弹起的物理过程，并基于物理过程计算过程中出 bottle 的旋转角度和物理位置的变化。然后将上述的物理过程，转换为 js 代码将该动画实现出来。

效果图:

暂无，预计之后会录制一段一分钟的短视频展示

任务要求：

1、基于课程的内容分别完成压缩、旋转、弹起等多个物理过程的分析。

2、实现基本的动画库，支持基本的动画函数。

3、基于课程的内容使用 threejs 实现上述物理过程，最终完成bottle 压缩弹起动画的开发。

辅助资料：

https://git.imooc.com/coding-282/complete-version 中对应的源码可以参考

任务提示/思路分析：

任务提示：

1. 优先完成物理过程的理解和推导，这个过程中是核心，这部分正确理解后续的开发就不会走错方向；
2. 动画库可以是一个和业务完全解耦的纯函数，输入是预期的动画效果和时间范围，输出是某个时间点基于某个动画效果得到的位置坐标；
3. 合理使用 threejs 中 Object 的 position 和 rotation 等属性以及一些核心方法， 完成 bottle 位置和角度的更新。

参考答案：

暂无，预计之后提供针对该任务题独立的代码和图文答案。