日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

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

新聞中心

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

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

網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作,成都做網(wǎng)站公司-創(chuàng)新互聯(lián)公司已向上千企業(yè)提供了,網(wǎng)站設(shè)計(jì),網(wǎng)站制作,網(wǎng)絡(luò)營銷等服務(wù)!設(shè)計(jì)與技術(shù)結(jié)合,多年網(wǎng)站推廣經(jīng)驗(yàn),合理的價(jià)格為您打造企業(yè)品質(zhì)網(wǎng)站。

推薦專題:JavaScript異步編程

如果關(guān)注這個(gè)系列的話,在javascript異步編程之Jscex模擬重力場(chǎng)與google蘋果logo的比較中,模擬了蘋果在重力場(chǎng)下的自由落體運(yùn)動(dòng)。

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

 
 
 
 
  1.  

可以看得出來,有點(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_Yspeed_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. timetime = time + 50;
  13. speed_Yspeed_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_Yspeed_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. timetime = time + 50;
  15. speed_Yspeed_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軸損失一部分速度并且被彈起
  22.  speed_Xspeed_X = speed_X / 2;
  23. speed_Y = -speed_Y / 3;
  24. if (speed_X < 6) break;
  25. }
  26. }));

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

黃色小鳥:體型較小,重量較輕,殊效為加快,應(yīng)用進(jìn)步擊弱,應(yīng)用掉隊(duì)擊中等。進(jìn)擊木頭較強(qiáng),進(jìn)擊玻璃與混凝土很弱。

對(duì),沒有錯(cuò),它就這這篇文章的主角!

需求解析:沖鋒陷陣鳥,在不點(diǎn)擊加快的景象下,和紅色小鳥樣,當(dāng)點(diǎn)擊了加快按鈕,X軸標(biāo)的目標(biāo)速度變成本來的3倍,Y軸標(biāo)的目標(biāo)變成本來的3倍,

沖鋒狀況下速度不受重力影響。

原理圖:

沖鋒鳥代碼實(shí)現(xiàn):

 
 
 
 
  1.     
  2.     
  3.      
  4.     
  5.        
  6.         
  7.             height: 30px;z-index:10;">
  8.             
  9.         
  •        
  •     
  • 最新的Jscex 庫,請(qǐng)上https://github.com/JeffreyZhao/jscex或者h(yuǎn)ttp://www.sndacode.com/projects/jscex/wiki下載吧····

    代碼下載

    原文:http://www.cnblogs.com/iamzhanglei/archive/2011/08/24/2151473.html

    【系列文章】

    1. 什么是JavaScript異步編程
    2. JavaScript異步編程之Jscex無創(chuàng)痕切入jQueryUI
    3. JavaScript異步編程之用Jscex畫圓
    4. Jscex+jQuery UI打造游戲力度條
    5. Jscex模擬重力場(chǎng)與google蘋果logo的比較

    網(wǎng)站標(biāo)題:JavaScript異步編程之Jscex制作憤怒的小鳥
    路徑分享:http://www.5511xx.com/article/dphchsc.html