日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
JS異步編程五:Jscex制作憤怒的小鳥

Jscex真的能制作憤怒的小鳥?在我沒有接觸Jscex之前,我也不相信!但是只要解決了重力場運(yùn)動(dòng)和碰撞的兩大物理問題,Jscex版的憤怒小鳥,那就是囊中之物。

阿克陶網(wǎng)站制作公司哪家好,找成都創(chuàng)新互聯(lián)公司!從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作,到程序開發(fā),運(yùn)營維護(hù)。成都創(chuàng)新互聯(lián)公司從2013年成立到現(xiàn)在10年的時(shí)間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。

如果關(guān)注這個(gè)系列的話,在JS異步編程二:自由落體中,模擬了蘋果在重力場下的自由落體運(yùn)動(dòng)。

那么我們可以輕松的幫它擴(kuò)展一個(gè)水平方向上的速度.

 
 
 
 
  1.  
  2.  
  3.  
  4.  
 

可以看得出來,有點(diǎn)生硬,而且位移有點(diǎn)偏差,比如啟始的top:1000,終止的top:1100!主要原因是在結(jié)束while (Math.abs(speed_Y) <= speed_YTemp)的之前那***一次

循環(huán)帶來的誤差!那么就完善一下while里面的條件,讓它不執(zhí)行***一次循環(huán)。

 
 
 
 
  1. var flyAsync = eval(Jscex.compile("async", function (e, startPos, speed_X, speed_Y) {  
  2. e.style.left = startPos.x;  
  3. e.style.top = startPos.y;  
  4. //vt=v0+at  
  5. //重力加速度  
  6. var a_y = 40;  
  7. var speed_YTemp = speed_Y;  
  8. var time = 0;  
  9. var maxY = startPos.y  
  10. while (speed_Y > 0 ? (Math.abs(speed_Y) <= speed_YTemp) : (e.offsetTop - (speed_Y - a_y) * 0.05 <= maxY)) {  
  11. $await(Jscex.Async.sleep(50));  
  12. time = time + 50;  
  13. speed_Y = speed_Y - a_y;  
  14. startPos.y -= (speed_Y * 0.05);  
  15. e.style.top = startPos.y;  
  16. startPos.x += speed_X * 0.05;  
  17. e.style.left = startPos.x;  
  18. }  
  19. })); 

***讓小鳥撞擊地面彈起,然后又撞擊地面彈起···一直循環(huán)下去

 
 
 
 
  1. var flyAsync = eval(Jscex.compile("async", function (e, startPos, speed_X, speed_Y) {  
  2. e.style.left = startPos.x;  
  3. e.style.top = startPos.y;  
  4. var maxY = startPos.y;  
  5. //所用公式?:vt=v0+at  
  6. //重力加速度  
  7. var a_y = 40;  
  8. var speed_YTemp = speed_Y;  
  9. var time = 0;  
  10. while (true) {  
  11. $await(Jscex.Async.sleep(1));  
  12. while (speed_Y > 0 ? (Math.abs(speed_Y) <= speed_YTemp) : (e.offsetTop - (speed_Y - a_y) * 0.05 <= maxY)) {  
  13. $await(Jscex.Async.sleep(50));  
  14. time = time + 50;  
  15. speed_Y = speed_Y - a_y;  
  16. startPos.y -= (speed_Y * 0.05);  
  17. e.style.top = startPos.y;  
  18. startPos.x += speed_X * 0.05;  
  19. e.style.left = startPos.x;  
  20. }  
  21. //與地面撞擊,X軸損失一部分速度,Y軸損失一部分速度并且被彈起 
 
 
 
 
  1. speed_X = speed_X / 2;  
  2. speed_Y = -speed_Y / 3;  
  3. if (speed_X < 6) break;  
  4. }  
  5. })); 

因?yàn)樽矒舻倪^程當(dāng)中,X軸損失一部分速度,Y軸損失一部分速度并且被彈起,當(dāng)speed_X小于6的時(shí)候退出循環(huán)。

未完待續(xù)啊·····················要去上班了啊······

ps:感興趣的小盆友可以利用CSS3,讓小鳥在空中運(yùn)動(dòng)的過程中受到了一定的空氣阻力,導(dǎo)致小鳥旋轉(zhuǎn)一定角度,小鳥在落地之后,導(dǎo)致小鳥在地上滾動(dòng)前進(jìn),這樣更加逼真的體現(xiàn)了現(xiàn)實(shí)中的物體運(yùn)動(dòng)。

代碼下載

效果觀看:http://www.cnblogs.com/iamzhanglei/archive/2011/08/24/2151473.html


分享標(biāo)題:JS異步編程五:Jscex制作憤怒的小鳥
文章轉(zhuǎn)載:http://www.dlmjj.cn/article/cdpspoh.html