原來js還可以和數學公式勾股定理結合,而且他們結合後並沒有變得枯燥無味,反而可以製作出更好的動畫。
這面將乙個js動態畫圓的demo,在這之前需要普及一下數學知識,雖然這些知識初中就學過,估計也都還給老師了。哈哈
勾股定理 直角三角形的兩個直角邊的平方和等於第三邊的平方和,a^2+b^2=c^2
sin30=1/2 cos60=1/2 (因為根號不會打 所以sin60 cos30就不普及拉)
sin=對邊/斜邊 cos=鄰邊/斜邊
r是半徑 pi是圓周率 一弧度=r 周長:2pir 那麼乙個圓的弧度是多少? 2pir/r=2pi => 360度=2pi
pi=180度 => 1度=pi/180
math.sin(弧度(度數*pi/180 轉弧度))=對邊/斜邊
math.cos(度數*pi/180)=鄰邊/斜邊
以上**就是乙個小矩形做圓周運動的demo
JS模擬圓周運動
math.sin x x 的正玄值。返回值在 1.0 到 1.0 之間 math.cos x x 的余弦值。返回的是 1.0 到 1.0 之間的數 這兩個函式中的x 都是指的 弧度 而非 角度 弧度的計算公式為 2 pi 360 角度 30 角度 的弧度 2 pi 360 30 如何得到圓上每個點的...
HTML5實現簡單圓周運動示例
一 使用js實現圓周運動 根據指定圓心 半徑,在定時器中移動固定的弧度,重繪圓圈的位置 源 doctype html html lang en head meta charset utf 8 title document title style circle rectangle style head...
勾股定理與平面上求兩點距離方法
勾股定理是小學六年級奧數或八年級的內容相信大多數的oier都學過 對乙個直角三角形 abc 來說 三條邊之間有這樣的關係 ab 2 bc 2 ac 2 就是兩條直角邊的平方和等於斜邊的平方和 比如說我們如果已經知道 ab 3,bc 4 那麼就可以算出來 ac 2 ab 2 bc 2 3 3 4 4 ...