用EC5/EC6自定義class的區別及用法 -- Phaser3網頁游戲框架

Imfan 發布于2019-08-02 12:10 / 1601人閱讀

摘要：自定義自定義完整代碼更多游戲教學為游戲開發深感自豪

EC6 自定義class

class Brain extends Phaser.GameObjects.Sprite {

    constructor (scene, x, y)
    {
        super(scene, x, y);

        this.setTexture("brain");
        this.setPosition(x, y);
    }

    preUpdate (time, delta)
    {
        super.preUpdate(time, delta);

        this.rotation += 0.01;
    }

}

EC5 自定義class

var Bunny = new Phaser.Class({
    Extends:Phaser.GameObjects.Sprite,
    initialize:function Bunny(scene,x,y,speed){
        Phaser.GameObjects.Sprite.call(this,scene);
        this.setTexture("bunny");
        this.setPosition(x, y);
        this.setScale(0.3);
        this.speed = speed;
        
    },
    preUpdate(time,delta){
        this.rotation += (0.01+ this.speed * 0.0001) ;
    }
});

完整代碼：

var Bunny = new Phaser.Class({
    Extends:Phaser.GameObjects.Sprite,
    initialize:function Bunny(scene,x,y,speed){
        Phaser.GameObjects.Sprite.call(this,scene);
        this.setTexture("bunny");
        this.setPosition(x, y);
        this.setScale(0.3);
        this.speed = speed;
        
    },
    preUpdate(time,delta){
        this.rotation += (0.01+ this.speed * 0.0001) ;
    }
});
var config = {
    type: Phaser.AUTO,
    width: 600,
    height: 480,
    parent: "phaser-example",
    scene: {
        preload: preload,
        create: create
    }
};

var game = new Phaser.Game(config);

function preload (){
    //http://www.ifiero.com/uploads/ifiero-logo_512x512.png
    // this.load.image("bunny", "http://www.ifiero.com/images/ifiero-logo_512x512.png");
     this.load.setBaseURL("http://labs.phaser.io");
     this.load.image("bg", "assets/pics/purple-dots.png");
     this.load.image("bunny", "assets/sprites/bunny.png");
     
}

function create (){

    this.add.image(0, 0, "bg").setOrigin(0).setScale(0.8);
    this.add.existing(new Bunny(this, 150, 150,100));
    this.add.existing(new Bunny(this, 250, 250,200));
    this.add.existing(new Bunny(this, 350, 350,300));
}

更多游戲教學:www.iFIERO.com -- 為游戲開發深感自豪

云服務器 GPU云服務器網頁自定義短信發送自定義鏡像的使用請教自定義控件的問題自定義view的實現

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/53389.html

用EC5/EC6自定義class的區別及用法 -- Phaser3網頁游戲框架

摘要：自定義自定義完整代碼更多游戲教學為游戲開發深感自豪 showImg(https://segmentfault.com/img/remote/1460000017262663); EC6 自定義class class Brain extends Phaser.GameObjects.Sprite { constructor (scene, x, y) { ...

HtmlCssJs 2019-08-23 13:54 評論0 收藏0
Phaser3 場景Scene之間的傳值 -- HTML網頁游戲開發

摘要：一首先當然得有至少有二個場景二從場景傳值到場景二種方法通過事件從通過時傳值到時有個需要特別注的事項就是，得把的設為否則因為還未激活，是監聽不到事件的通過場景啟動具體詳見代碼在整個工程中只會執行一次每次調用場景會執行一次從事件傳 showImg(https://segmentfault.com/img/remote/1460000016953682); 一、首先當然得有至少有二個場景sc...

you_De 2019-08-23 12:58 評論0 收藏0
Phaser3 場景Scene之間的傳值 -- HTML網頁游戲開發

摘要：一首先當然得有至少有二個場景二從場景傳值到場景二種方法通過事件從通過時傳值到時有個需要特別注的事項就是，得把的設為否則因為還未激活，是監聽不到事件的通過場景啟動具體詳見代碼在整個工程中只會執行一次每次調用場景會執行一次從事件傳 showImg(https://segmentfault.com/img/remote/1460000016953682); 一、首先當然得有至少有二個場景sc...

ARGUS 2019-08-02 11:56 評論0 收藏0