JavaScript模擬自由落體

el09xccxy 發(fā)布于2019-08-23 11:33 / 2578人閱讀

摘要：效果圖實現(xiàn)分析利用畫圓球地面下落過程物理知識回顧，物體下落過程不計損耗由重力勢能轉(zhuǎn)換成動能重力勢能動能速度右增加至此間需要計算瀏覽器每次渲染的圓球坐標(biāo)反彈過程動能轉(zhuǎn)化成重力勢能速度是逐漸減少直至為本打算設(shè)置，為下落或者反彈消耗的時長但是實

1.效果圖

2.實現(xiàn)分析

利用Canvas畫圓球、地面；

1.下落過程

物理知識回顧，物體下落過程（不計損耗）由重力勢能轉(zhuǎn)換成動能

重力勢能 Ep = mgh

動能　　Ek = (1/2)mv^2

速度右0增加至gt

此間需要計算瀏覽器每次渲染的圓球y坐標(biāo)

y = (1/2)gt^2

2.反彈過程

動能轉(zhuǎn)化成重力勢能

速度是逐漸減少直至為0

本打算設(shè)置 y = (1/2)g(t-t1)^2，t1為下落或者反彈消耗的時長

但是實際呈現(xiàn)的效果卻不盡人意，應(yīng)該是反彈位移計算有誤，經(jīng)反復(fù)思考無果（若哪位大拿有更好的實現(xiàn)方式歡迎評論告知）

所以決定將下落過程的位移保存在一個數(shù)組里，待反彈時再逐一取出賦值

3.代碼實現(xiàn)




    
    Title

4.結(jié)語

雖然只是一個簡單的下落和彈起，但是為了彈起位移的實現(xiàn)整整花費本人6天的時間（主要是每天都思考怎么計算彈起位移）

主要開始的思路一直關(guān)注在

下落位移（開口線上拋物線方程）

y = (1/2)gt^2

思考反彈的位移應(yīng)該改是將拋物線沿x軸右移t1，得出

y = (1/2)g(t-t1)^2

有興趣的同學(xué)可以試試看看效果

瀏覽器渲染反彈的效果不盡人意，所以一直沒想出計算的位移方法，故使用數(shù)組實現(xiàn)

云服務(wù)器 GPU云服務(wù)器自由落體自由落體運動自由落體的小球自由

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/97117.html

相關(guān)文章

簡單理解JavaScript中的閉包

摘要：閉包在我理解是一種比較抽象的東西。所以我寫了一篇博文來方便自己理解閉包。那么現(xiàn)在我們可以解釋一下閉包的第一個定義在計算機科學(xué)中，閉包是引用了自由變量的函數(shù)。循環(huán)中創(chuàng)建閉包在我們使用的關(guān)鍵字之前，閉包的一個常見問題就出現(xiàn)在循環(huán)中創(chuàng)建閉包。零. 前言從我開始接觸前端時就聽說過閉包，但是一直不理解閉包究竟是什么。上網(wǎng)看了各種博客，大家對閉包的說法不一。閉包在我理解是一種比較抽象的東西。所...

sihai 2019-08-20 11:27 評論0 收藏0
javasscript - 收藏集 - 掘金

摘要：跨域請求詳解從繁至簡前端掘金什么是為什么要用是的一種使用模式，可用于解決主流瀏覽器的跨域數(shù)據(jù)訪問的問題。異步編程入門道典型的面試題前端掘金在界中，開發(fā)人員的需求量一直居高不下。 jsonp 跨域請求詳解——從繁至簡 - 前端 - 掘金什么是jsonp？為什么要用jsonp?JSONP(JSON with Padding)是JSON的一種使用模式，可用于解決主流瀏覽器的跨域數(shù)據(jù)訪問的問題...

Rango 2019-08-20 17:15 評論0 收藏0
js 閉包的使用技巧

摘要：閉包的學(xué)術(shù)定義先來參考下各大權(quán)威對閉包的學(xué)術(shù)定義百科閉包，又稱詞法閉包或函數(shù)閉包，是引用了自由變量的函數(shù)。所以，有另一種說法認(rèn)為閉包是由函數(shù)和與其相關(guān)的引用環(huán)境組合而成的實體。前言上一章講解了閉包的底層實現(xiàn)細(xì)節(jié)，我想大家對閉包的概念應(yīng)該也有了個大概印象，但是真要用簡短的幾句話來說清楚，這還真不是件容易的事。這里我們就來總結(jié)提煉下閉包的概念，以應(yīng)付那些非專人士的心血來潮。閉包的學(xué)術(shù)...

dendoink 2019-08-21 11:17 評論0 收藏0
javascript中關(guān)于作用域和閉包

摘要：在代碼執(zhí)行時，對應(yīng)的作用域鏈常常是保持靜態(tài)的。當(dāng)語句執(zhí)行完畢后，會把作用域鏈恢復(fù)到原始狀態(tài)。在全局作用域中創(chuàng)建的函數(shù)，其作用域鏈會自動成為全局作用域中的一員。列表項目前言學(xué)習(xí)了javascript已經(jīng)很久了，關(guān)于這個語言中的這兩個特性也是早已耳熟能詳，但是在實際的使用的過程中或者是遇到相關(guān)的問題的時候，還是不能很好的解決。因此我覺得很有必要深入的學(xué)習(xí)并且記錄這個問題，以便在今后的...

zacklee 2019-08-21 17:10 評論0 收藏0
【簡單好玩】細(xì)胞自動機小游戲

摘要：當(dāng)前細(xì)胞為存活狀態(tài)時，當(dāng)周圍有個以上的存活細(xì)胞時，該細(xì)胞變成死亡狀態(tài)?？低螒虻淖杂捎辛撕诵牡乃惴ㄓ螒蛞?guī)則，康威生命就是一個具有生命的自由游戲。文件導(dǎo)出導(dǎo)入當(dāng)然加了擴(kuò)展功能，保存自己喜歡的細(xì)胞自動機成文件。細(xì)胞自動機備注：文末有自己用Javascript簡單實現(xiàn)的網(wǎng)頁版細(xì)胞自動機（還挺好玩）什么是細(xì)胞自動機 showImg(https://segmentfault.com/i...

yagami 2019-08-20 14:02 評論0 收藏0