新聞中心
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è)水平方向上的速度.
可以看得出來,有點(diǎn)生硬,而且位移有點(diǎn)偏差,比如啟始的top:1000,終止的top:1100!主要原因是在結(jié)束while (Math.abs(speed_Y) <= speed_YTemp)的之前那最后一次
循環(huán)帶來的誤差!那么就完善一下while里面的條件,讓它不執(zhí)行最后一次循環(huán)。
- var flyAsync = eval(Jscex.compile("async", function (e, startPos, speed_X, speed_Y) {
- e.style.left = startPos.x;
- e.style.top = startPos.y;
- //vt=v0+at
- //重力加速度
- var a_y = 40;
- var speed_Yspeed_YTemp = speed_Y;
- var time = 0;
- var maxY = startPos.y
- while (speed_Y > 0 ? (Math.abs(speed_Y) <= speed_YTemp) : (e.offsetTop - (speed_Y - a_y) * 0.05 <= maxY)) {
- $await(Jscex.Async.sleep(50));
- timetime = time + 50;
- speed_Yspeed_Y = speed_Y - a_y;
- startPos.y -= (speed_Y * 0.05);
- e.style.top = startPos.y;
- startPos.x += speed_X * 0.05;
- e.style.left = startPos.x;
- }
- }));
最后讓小鳥撞擊地面彈起,然后又撞擊地面彈起···一直循環(huán)下去···
- var flyAsync = eval(Jscex.compile("async", function (e, startPos, speed_X, speed_Y) {
- e.style.left = startPos.x;
- e.style.top = startPos.y;
- var maxY = startPos.y;
- //所用公式?:vt=v0+at
- //重力加速度
- var a_y = 40;
- var speed_Yspeed_YTemp = speed_Y;
- var time = 0;
- while (true) {
- $await(Jscex.Async.sleep(1));
- while (speed_Y > 0 ? (Math.abs(speed_Y) <= speed_YTemp) : (e.offsetTop - (speed_Y - a_y) * 0.05 <= maxY)) {
- $await(Jscex.Async.sleep(50));
- timetime = time + 50;
- speed_Yspeed_Y = speed_Y - a_y;
- startPos.y -= (speed_Y * 0.05);
- e.style.top = startPos.y;
- startPos.x += speed_X * 0.05;
- e.style.left = startPos.x;
- }
- //與地面撞擊,X軸損失一部分速度,Y軸損失一部分速度并且被彈起
- speed_Xspeed_X = speed_X / 2;
- speed_Y = -speed_Y / 3;
- if (speed_X < 6) break;
- }
- }));
因?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):
- height: 30px;z-index:10;">
最新的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
【系列文章】
- 什么是JavaScript異步編程
- JavaScript異步編程之Jscex無創(chuàng)痕切入jQueryUI
- JavaScript異步編程之用Jscex畫圓
- Jscex+jQuery UI打造游戲力度條
- Jscex模擬重力場(chǎng)與google蘋果logo的比較
網(wǎng)站標(biāo)題:JavaScript異步編程之Jscex制作憤怒的小鳥
路徑分享:http://www.5511xx.com/article/dphchsc.html


咨詢
建站咨詢
