javascript与三角函数之二：圆周运动

咱们看下咱们经过三角函数要作出来的效果

sin、cos、tan概念

为了直观，咱们引入一个三角形

概念以下：

sinα = b / c

cosα = a / c

tanα = b / a

javascript中的表示方法

π ---> Math.PI

sinα ---> Math.sin(α)

cosα ---> Math.cos(α)

tanα ---> Math.tan(α)

咱们已经角度α和其中c边的长度，咱们如何求出a边和b边的长度呢？
聪明的你已经想到了：b = sinα * c，其余的边依此类推。

圆周运动分析

圆周运动最终要找的仍是那个灰三角形的left和top值，咱们已经的条件有角度（随时间变大，初始为0）和c边（圆的半径），那根据上面的公式，a边和b边也就能够求得，那么，瞬时的left和top也就能够取得。

角度与弧度

咱们现实生活中使用的大都是角度，好比：30度、60度，但在计算机中的语言中，使用的都是弧度。啥是弧度呢，咱们先看个图

当α对着的扇形的周长和圆的半径相等时，那么α就等于1弧度。咋推导出来的呢，咱们知道圆的周长为：2πr，一周为360度，因此2πr = 360，根据上面的定义，一个半径的长度为一弧度，因此1弧度 = 180 / π 度，反过来1度= π / 180 弧度。
咱们在程序中，每次加的都是角度，因此须要转化成弧度才能让js中三角函数中使用，代码以下：

var ang = 60

var a = Math.cos(ang * (Math.PI / 180)) * r

源码及实现，请移步GitHub