• <sub id="h4knl"><ol id="h4knl"></ol></sub>
    <sup id="h4knl"></sup>
      <sub id="h4knl"></sub>

      <sub id="h4knl"><ol id="h4knl"><em id="h4knl"></em></ol></sub><s id="h4knl"></s>
      1. <strong id="h4knl"></strong>

      2. JavaScript 小型打飛機(jī)游戲?qū)崿F(xiàn)和原理說明

        時間:2024-08-18 04:45:20 JavaScript 我要投稿
        • 相關(guān)推薦

        JavaScript 小型打飛機(jī)游戲?qū)崿F(xiàn)和原理說明

          JavaScript 小型打飛機(jī)游戲?qū)崿F(xiàn)和原理說明

        JavaScript 小型打飛機(jī)游戲?qū)崿F(xiàn)和原理說明

          玩法說明:上下左右控制移動,空格發(fā)彈。 每打中一個敵機(jī)就加100分,每提升5000分,玩家的飛機(jī)的一次發(fā)彈數(shù)就加一,最多四,被敵機(jī)撞到或者讓敵機(jī)飛到底部就算輸。。。。

          演示代碼:http://demo./js/FlyBeat/

          游戲目前的功能還是比較簡單的。。。。貌似就貼個源碼不太好,所以這次還是寫寫思路。。。

          游戲主要分為4個js文件,4個js文件分別包含4個類。

          1:飛機(jī)類---Flyer

          復(fù)制代碼 代碼如下:

          //飛機(jī)對應(yīng)的dom元素

          this.dom = null;

          //是否活著

          this.isLive = true;

          //是否移動中

          this.isMove = false;

          //移動的ID

          this.moveId = null;

          //是否發(fā)彈中

          this.isSend = false;

          //目前已經(jīng)發(fā)了多少顆彈(存在屏幕顯示)

          this.nowBullet = 0;

          //游戲背景Dom

          gamePanel : null,

          //游戲背景寬度

          gameWidth : 0,

          //游戲背景高度

          gameHeight : 0,

          //飛機(jī)移動速度

          movepx : 10,

          //飛機(jī)移動頻率

          movesp : 30,

          //飛機(jī)子彈級別

          bulletLevel : 1,

          //最大發(fā)彈數(shù)(存在屏幕顯示)

          maxBullet : 12,

          //方向鍵值對應(yīng)

          keyCodeAndDirection : {

          37 : "left",

          38 : "up",

          39 : "right",

          40 : "down"

          },

          以上是飛機(jī)應(yīng)該有的屬性。。。。

          飛機(jī)除了有固定的一些屬性之外,其實還應(yīng)該有血量這些的,但這個是簡陋版嘛,你可以自己添加。

          更應(yīng)該會有移動,發(fā)射子彈,爆炸等方法。

          移動: 其實就是捕獲鍵盤事件,如果是簡單的按下鍵盤的左,然后飛機(jī)就向左移動幾個像素,你會發(fā)覺,飛機(jī)移動起來很生硬,或者說是操作延遲,特別是你想按住鍵盤左的時候,它移動的時候,延遲得很嚴(yán)重,操作不流暢。所以一般都是:當(dāng)你按下鍵盤時,調(diào)用一個setInterval函數(shù)來讓飛機(jī)不斷的移動,當(dāng)釋放鍵盤的時候,移動停止,這樣移動就很流暢了。

          發(fā)射子彈: 其實就是用戶按了空格,然后觸發(fā)一個鍵盤事件,此事件就是生成一個子彈Bullet類的對象,然后讓它飛出去。此類后面會有說到。

          爆炸: 當(dāng)飛機(jī)撞到敵機(jī)的時候,飛機(jī)就會觸發(fā)一個爆炸事件,結(jié)束游戲。當(dāng)然,這個檢測飛機(jī)是否撞到敵機(jī),是在敵機(jī)那里檢測。

          這些是一些基本事件。還有擴(kuò)展的事件。。可以自己添加

          2:子彈類--Bullet

          復(fù)制代碼 代碼如下:

          //子彈Dom元素

          this.dom = null;

          //子彈移動速度

          movepx : 8,

          //子彈移動頻率

          movesp : 10,

          子彈最基本的兩個方法:移動與檢測是否打中敵機(jī)

          移動:子彈的移動簡單很多,就一直往上跑,top一直減就OK了。

          檢測是否打中敵機(jī):將敵機(jī)的列表傳進(jìn)方法中,遍歷敵機(jī),檢測子彈與敵機(jī)是否有碰撞,有則敵機(jī)爆炸,沒有則跳過。

          3:敵機(jī)類--Enemy

          復(fù)制代碼 代碼如下:

          //敵機(jī)dom元素

          this.dom = null;

          //是否

          this.isLive = true;

          //敵機(jī)橫向移動速度

          movepx : 6,

          //敵機(jī)縱向移動速度

          movepy : 4,

          //敵機(jī)移動頻率

          movesp : 75,

          敵機(jī)的基本方法有:移動,是否撞到飛機(jī)Flyer玩家,爆炸

          移動:就是敵機(jī)如何移動,我是設(shè)置成敵機(jī)從上到下飛,讓后從左往又飛,撞到右邊盡頭,調(diào)頭飛。

          是否撞到飛機(jī)Flyer玩家:在敵機(jī)不斷的移動過程中,不斷的檢測飛機(jī)Flyer與敵機(jī)是否有交集,有則兩者爆炸,游戲結(jié)束,否則跳過。

          爆炸:就是敵機(jī)被子彈打中或者撞到飛機(jī)Flyer時觸發(fā)的事件。

          4:游戲控制類--Game

          其中包含一個擴(kuò)展方法:從數(shù)組中刪除指定元素

          復(fù)制代碼 代碼如下:

          //擴(kuò)展數(shù)組方法,刪除特定的值

          Array.prototype.remove = function(obj){

          for(var i=0,l=this.length;i < l;i++){

          if(this[i] == obj){

          this.splice(i,1);

          return this;

          }

          }

          throw "The Array has no this Obj";

          }

          其余的,都是些初始化敵機(jī),飛機(jī)以及控制游戲流程的,還有一些修改分?jǐn)?shù),游戲結(jié)束之類的方法。這些沒啥好講。

          大致就這樣,游戲本身比較簡單,下面的源碼都有注釋,這次寫得比較詳細(xì)。。。有興趣的朋友,可以自己繼續(xù)完善。。。有啥問題,歡迎拍磚。。。多多指教。

          打包下載地址 /jiaoben/32660.html

        《&.doc》
        将本文的Word文档下载到电脑,方便收藏和打印
        推荐度:
        点击下载文档

        【JavaScript 小型打飛機(jī)游戲?qū)崿F(xiàn)和原理說明】相關(guān)文章:

        JavaScript實現(xiàn)網(wǎng)頁刷新代碼段03-25

        關(guān)于ASP.NET使用JavaScript顯示信息提示窗口實現(xiàn)原理及代碼03-30

        常用排序算法之JavaScript實現(xiàn)代碼段03-10

        探討PHP函數(shù)的實現(xiàn)原理及性能04-01

        Javascript函數(shù)的定義和用法分析03-31

        關(guān)jQuery彈出窗口簡單實現(xiàn)代碼-javascript編程03-30

        有關(guān)javascript實現(xiàn)的多個層切換效果通用函數(shù)示例03-31

        JavaScript類定義原型方法的兩種實現(xiàn)的區(qū)別04-02

        對javascript的理解03-29

        免费领课
        国产高潮无套免费视频_久久九九兔免费精品6_99精品热6080YY久久_国产91久久久久久无码
      3. <sub id="h4knl"><ol id="h4knl"></ol></sub>
        <sup id="h4knl"></sup>
          <sub id="h4knl"></sub>

          <sub id="h4knl"><ol id="h4knl"><em id="h4knl"></em></ol></sub><s id="h4knl"></s>
          1. <strong id="h4knl"></strong>

          2. 日韩R级无卡亚洲一区 | 亚洲AⅤ三级一区二区 | 制服丝袜99在线不卡 | 亚洲少妇一区二区 | 婷婷激情五月天综合 | 三级三级久久三级久久 |

            JavaScript 小型打飛機(jī)游戲?qū)崿F(xiàn)和原理說明

              JavaScript 小型打飛機(jī)游戲?qū)崿F(xiàn)和原理說明

            JavaScript 小型打飛機(jī)游戲?qū)崿F(xiàn)和原理說明

              玩法說明:上下左右控制移動,空格發(fā)彈。 每打中一個敵機(jī)就加100分,每提升5000分,玩家的飛機(jī)的一次發(fā)彈數(shù)就加一,最多四,被敵機(jī)撞到或者讓敵機(jī)飛到底部就算輸。。。。

              演示代碼:http://demo./js/FlyBeat/

              游戲目前的功能還是比較簡單的。。。。貌似就貼個源碼不太好,所以這次還是寫寫思路。。。

              游戲主要分為4個js文件,4個js文件分別包含4個類。

              1:飛機(jī)類---Flyer

              復(fù)制代碼 代碼如下:

              //飛機(jī)對應(yīng)的dom元素

              this.dom = null;

              //是否活著

              this.isLive = true;

              //是否移動中

              this.isMove = false;

              //移動的ID

              this.moveId = null;

              //是否發(fā)彈中

              this.isSend = false;

              //目前已經(jīng)發(fā)了多少顆彈(存在屏幕顯示)

              this.nowBullet = 0;

              //游戲背景Dom

              gamePanel : null,

              //游戲背景寬度

              gameWidth : 0,

              //游戲背景高度

              gameHeight : 0,

              //飛機(jī)移動速度

              movepx : 10,

              //飛機(jī)移動頻率

              movesp : 30,

              //飛機(jī)子彈級別

              bulletLevel : 1,

              //最大發(fā)彈數(shù)(存在屏幕顯示)

              maxBullet : 12,

              //方向鍵值對應(yīng)

              keyCodeAndDirection : {

              37 : "left",

              38 : "up",

              39 : "right",

              40 : "down"

              },

              以上是飛機(jī)應(yīng)該有的屬性。。。。

              飛機(jī)除了有固定的一些屬性之外,其實還應(yīng)該有血量這些的,但這個是簡陋版嘛,你可以自己添加。

              更應(yīng)該會有移動,發(fā)射子彈,爆炸等方法。

              移動: 其實就是捕獲鍵盤事件,如果是簡單的按下鍵盤的左,然后飛機(jī)就向左移動幾個像素,你會發(fā)覺,飛機(jī)移動起來很生硬,或者說是操作延遲,特別是你想按住鍵盤左的時候,它移動的時候,延遲得很嚴(yán)重,操作不流暢。所以一般都是:當(dāng)你按下鍵盤時,調(diào)用一個setInterval函數(shù)來讓飛機(jī)不斷的移動,當(dāng)釋放鍵盤的時候,移動停止,這樣移動就很流暢了。

              發(fā)射子彈: 其實就是用戶按了空格,然后觸發(fā)一個鍵盤事件,此事件就是生成一個子彈Bullet類的對象,然后讓它飛出去。此類后面會有說到。

              爆炸: 當(dāng)飛機(jī)撞到敵機(jī)的時候,飛機(jī)就會觸發(fā)一個爆炸事件,結(jié)束游戲。當(dāng)然,這個檢測飛機(jī)是否撞到敵機(jī),是在敵機(jī)那里檢測。

              這些是一些基本事件。還有擴(kuò)展的事件。。可以自己添加

              2:子彈類--Bullet

              復(fù)制代碼 代碼如下:

              //子彈Dom元素

              this.dom = null;

              //子彈移動速度

              movepx : 8,

              //子彈移動頻率

              movesp : 10,

              子彈最基本的兩個方法:移動與檢測是否打中敵機(jī)

              移動:子彈的移動簡單很多,就一直往上跑,top一直減就OK了。

              檢測是否打中敵機(jī):將敵機(jī)的列表傳進(jìn)方法中,遍歷敵機(jī),檢測子彈與敵機(jī)是否有碰撞,有則敵機(jī)爆炸,沒有則跳過。

              3:敵機(jī)類--Enemy

              復(fù)制代碼 代碼如下:

              //敵機(jī)dom元素

              this.dom = null;

              //是否

              this.isLive = true;

              //敵機(jī)橫向移動速度

              movepx : 6,

              //敵機(jī)縱向移動速度

              movepy : 4,

              //敵機(jī)移動頻率

              movesp : 75,

              敵機(jī)的基本方法有:移動,是否撞到飛機(jī)Flyer玩家,爆炸

              移動:就是敵機(jī)如何移動,我是設(shè)置成敵機(jī)從上到下飛,讓后從左往又飛,撞到右邊盡頭,調(diào)頭飛。

              是否撞到飛機(jī)Flyer玩家:在敵機(jī)不斷的移動過程中,不斷的檢測飛機(jī)Flyer與敵機(jī)是否有交集,有則兩者爆炸,游戲結(jié)束,否則跳過。

              爆炸:就是敵機(jī)被子彈打中或者撞到飛機(jī)Flyer時觸發(fā)的事件。

              4:游戲控制類--Game

              其中包含一個擴(kuò)展方法:從數(shù)組中刪除指定元素

              復(fù)制代碼 代碼如下:

              //擴(kuò)展數(shù)組方法,刪除特定的值

              Array.prototype.remove = function(obj){

              for(var i=0,l=this.length;i < l;i++){

              if(this[i] == obj){

              this.splice(i,1);

              return this;

              }

              }

              throw "The Array has no this Obj";

              }

              其余的,都是些初始化敵機(jī),飛機(jī)以及控制游戲流程的,還有一些修改分?jǐn)?shù),游戲結(jié)束之類的方法。這些沒啥好講。

              大致就這樣,游戲本身比較簡單,下面的源碼都有注釋,這次寫得比較詳細(xì)。。。有興趣的朋友,可以自己繼續(xù)完善。。。有啥問題,歡迎拍磚。。。多多指教。

              打包下載地址 /jiaoben/32660.html