亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

JavaScript模擬自由落體

el09xccxy / 2623人閱讀

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

1.效果圖

2.實(shí)現(xiàn)分析

利用Canvas畫圓球、地面;

1.下落過(guò)程

物理知識(shí)回顧,物體下落過(guò)程(不計(jì)損耗)由重力勢(shì)能轉(zhuǎn)換成動(dòng)能

重力勢(shì)能 Ep = mgh

動(dòng)能   Ek = (1/2)mv^2

速度右0增加至gt

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

y = (1/2)gt^2

2.反彈過(guò)程

動(dòng)能轉(zhuǎn)化成重力勢(shì)能

速度是逐漸減少直至為0

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

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

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

3.代碼實(shí)現(xiàn)



    
    Title
    


your browser is not support canvas


4.結(jié)語(yǔ)

雖然只是一個(gè)簡(jiǎn)單的下落和彈起,但是為了彈起位移的實(shí)現(xiàn)整整花費(fèi)本人6天的時(shí)間(主要是每天都思考怎么計(jì)算彈起位移)

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

下落位移 (開(kāi)口線上拋物線方程)

y = (1/2)gt^2

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

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

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/97117.html

相關(guān)文章

  • 簡(jiǎn)單理解JavaScript中的閉包

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

    sihai 評(píng)論0 收藏0
  • javasscript - 收藏集 - 掘金

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

    Rango 評(píng)論0 收藏0
  • js 閉包的使用技巧

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

    dendoink 評(píng)論0 收藏0
  • javascript中關(guān)于作用域和閉包

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

    zacklee 評(píng)論0 收藏0
  • 【簡(jiǎn)單好玩】細(xì)胞自動(dòng)機(jī)小游戲

    摘要:當(dāng)前細(xì)胞為存活狀態(tài)時(shí),當(dāng)周圍有個(gè)以上的存活細(xì)胞時(shí),該細(xì)胞變成死亡狀態(tài)。康威生命游戲的自由有了核心的算法游戲規(guī)則,康威生命就是一個(gè)具有生命的自由游戲。文件導(dǎo)出導(dǎo)入當(dāng)然加了擴(kuò)展功能,保存自己喜歡的細(xì)胞自動(dòng)機(jī)成文件。 細(xì)胞自動(dòng)機(jī) 備注:文末有自己用Javascript簡(jiǎn)單實(shí)現(xiàn)的網(wǎng)頁(yè)版細(xì)胞自動(dòng)機(jī)(還挺好玩) 什么是細(xì)胞自動(dòng)機(jī) showImg(https://segmentfault.com/i...

    yagami 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<