讓角色動起來

   當鍵盤上特定的按鍵被按下時，為了讓我們建立的角色同步地動起來，需要讓Gamma來為我們改變物件水平、垂直方向的位置狀態。在本章節，我們將實現如下功能：

·鍵盤上向左的方向鍵控制角色往左移動

·鍵盤上向右的方向鍵控制角色往右移動

·鍵盤上的空格鍵控制角色跳躍

按鍵碼

    首先我們得知道這三個按鍵(左鍵，右鍵和空格鍵)分別對應的鍵碼(譯者注：就是我們所說的按鍵所對應的ASCII碼)。通過查閱鍵碼錶 我可以知道左鍵對應的ASCII碼值是37，右鍵是39，空格是32。

移動角色的函式

    然後，我們得弄清楚Gamma提供了哪些函式可以用於改變角色的位置狀態。當遊戲開始後，一旦我們給角色下達了向右移動的按鍵指令，那麼角色就會以一個固定的速率動起來。本例中我們主要會用到

Gamma提供的move和jump兩個API庫函式。呼叫move時為其傳遞LEFT引數實現角色向左移動的功能，同理，讓角色向右移動時只要將move函式的引數改為RIGHT即可。呼叫jump就可以實現角色的跳躍動作。move和jump函式都需要一個按鍵事件的物件作為其輸入引數。

我們使用Gamma提供的API為按鍵註冊響應處理函式。響應處理函式被呼叫時系統會為其傳遞一個鍵盤事件，用於區分是按鍵被按下還是按鍵彈起。

gma.keyHandler.register(37, function (keyEvent) {

    manager.character.move(gma.constants.LEFT, keyEvent);

});

gma.keyHandler.register(39, function (keyEvent) {

    manager.character.move(gma.constants.RIGHT, keyEvent);

});

gma.keyHandler.register(32, manager.character.jump);

    為按鍵註冊訊息處理功能的API包含包裡，所以在game.js開頭的require函式裡需要匯入gma/events依賴包。

科裡化/閉包

    上面的程式碼不是很優美，我們可以使用

Javascript的科裡化功能。科裡化是一種根據輸入引數返回函式的函式，是閉包最偉大的應用之一(譯者注)。例如下面的(f1和f2)函式是等價的。建立f2時，根據其第一個輸入引數對其進行科裡化之後，就只需要一個按鍵事件作為其輸入引數就可以了：

f1 = function (keyEvent) {

    manager.character.move(gma.constants.LEFT, keyEvent);

};

f2 = manager.character.move.curry(gma.constants.LEFT);

    所以，前面關於按鍵訊息處理函式的註冊程式碼可以簡化成：

gma.keyHandler.register(37, manager.character.move.curry(gma.constants.LEFT);

gma.keyHandler.register(39, manager.character.move.curry(gma.constants.RIGHT);

gma.keyHandler.register(32, manager.character.jump);

最終示範程式碼

require([

'gma/base',

'gma/manager',

'gma/entities/character',

'gma/events'

],

function(gma) {

var manager = gma.manager({

            width : 600,

            height : 500

        });

        manager.character = gma.character({

            left     : 0,

            bottom   : 0,

            width    : 3,

            height   : 6,

            depth    : 3

        });

var myLevel = {

            spawn : {

                main : [15, 24]

            },

            entities : [

                {top:0, left:0, width:30, height:3},

                {top:0, left:36, width:30, height:3}

            ]

        };

        manager.storeLevels(myLevel);

        gma.keyHandler.register(37, manager.character.move.curry(gma.constants.LEFT));

        gma.keyHandler.register(39, manager.character.move.curry(gma.constants.RIGHT));

        gma.keyHandler.register(32, manager.character.jump);

        manager.init();

    }

);

新增障礙

        Gamma也提供了一些用於定義障礙的物件，這些物件都有自己的行為方式。如果要在遊戲關卡里新增障礙，必須將其放置在一個數組裡。

entities : [

    gma.platformEnemy({bottom:0, left:45, width:3, height:6}),

    gma.patrolEnemy({bottom:0, left:6, width:3, height:6, limitLeft: 3, limitRight:12}),

    gma.jumpingEnemy ({bottom:0, left:7,  width:1, height:2}),

    gma.jumpingEnemy ({bottom:3, left:8,  width:1, height:2

相關推薦