JavaScript模擬自由落體

el09xccxy 發布于2019-08-23 11:33 / 2552人閱讀

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

1.效果圖

2.實現分析

利用Canvas畫圓球、地面；

1.下落過程

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

重力勢能 Ep = mgh

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

速度右0增加至gt

此間需要計算瀏覽器每次渲染的圓球y坐標

y = (1/2)gt^2

2.反彈過程

動能轉化成重力勢能

速度是逐漸減少直至為0

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

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

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

3.代碼實現




    
    Title

4.結語

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

主要開始的思路一直關注在

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

y = (1/2)gt^2

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

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

有興趣的同學可以試試看看效果

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

GPU云服務器云服務器自由落體自由落體運動自由落體的小球自由

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/97117.html

簡單理解JavaScript中的閉包

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

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

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

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

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

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

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

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

摘要：當前細胞為存活狀態時，當周圍有個以上的存活細胞時，該細胞變成死亡狀態。康威生命游戲的自由有了核心的算法游戲規則，康威生命就是一個具有生命的自由游戲。文件導出導入當然加了擴展功能，保存自己喜歡的細胞自動機成文件。細胞自動機備注：文末有自己用Javascript簡單實現的網頁版細胞自動機（還挺好玩）什么是細胞自動機 showImg(https://segmentfault.com/i...

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