學習HTML5開發RPG遊戲第三步>基本對象設計

7、對話框

用於顯示信息。

JControls.MessageBox = Class.create(JControls.Object, {
    initialize:function ($super, argname, argWH, argAString,argP) {
        //如果沒有指定顯示位置，則居中顯示
        if(!argP)argP={x:parseInt((JForm.size.width - argWH.width) / 2), y:parseInt((JForm.size.height - argWH.height) / 2)};
        $super(argname,argP, argWH);
        this.BGColor = JColor.white;
        JForm.addControlInLast([this]);//把消息框添加到主窗體內
        var messageTitle = new JControls.Label(argname + "lbT", {x:0, y:0}, "系統提示");
        messageTitle.BGColor = JColor.blue;
        messageTitle.fontColor = JColor.red;
        messageTitle.size.width = argWH.width;
        messageTitle.size.height = 25;
        messageTitle.fontSize = 20;
        messageTitle.fontType = "bold";
        this.addControlInLast([messageTitle]);//添加消息標題欄
        var h = messageTitle.size.height;
        for (var i = 0; i < argAString.length; i++) {//添加消息內容
            var m = new JControls.Label(argname + "lbM" + i, {x:0, y:h}, argAString[i]);
            m.size.width = argWH.width;
            m.textPos.x = 10;
            h += m.size.height;
            this.addControlInLast([m]);
        }
        this.size.height = h+20;
    },
    onClick:function () {//點擊後，刪除對象
        this.remove.call(this);
        JForm.show.call(JForm);
    }
});

8、聲音

這裏寫的比較簡單。

JControls.Audio = Class.create({
    audioData:null,//Audio數據
    initialize:function (audio,loop) {
        this.setAudio(audio,loop);
    },
    setAudio:function(audio,loop){
        if(audio){
            this.audioData = audio.data;
            if(loop)this.audioData.loop=true;
        }
    },
    play:function () {
        if (this.audioData)this.audioData.play();
    },
    pause:function () {
        if (this.audioData)this.audioData.pause();
    }
});

 

9、時鐘

時鐘只有一個，所有的動畫和移動，都是由它來驅動的。

var JTick=null;
JControls.Tick = Class.create({
    time:40,//間隔時間
    fun:[],//要循環顯示的對象數組
    handle:null,//句柄
    initialize:function(time){
        this.time=time;
        this.fun=[];
        this.handle=null;
        JTick=this;
    },
    begin:function(){
        this.handle=setTimeout(this.runOneTime, this.time);
    },
    end:function(){
        if(this.handle)clearTimeout(this.handle);
    },
    add:function(aObj){
        if(aObj){
            for (var i = 0; i < aObj.length; i++) {
                this.fun[this.fun.length]=aObj[i];
            }
        }
    },
    delete:function(obj){
        if(obj){
            for(var i=0;i<this.fun.length;i++){
                if(this.fun[i].name==obj.name){
                    for(var j=i;j<this.fun.length-1;j++){
                        this.fun[j]=this.fun[j+1];
                    }
                    this.fun.length--;
                }
            }
        }
    },
    runOneTime:function(){
        JTick.end();
        for(var i=0;i<JTick.fun.length;i++){
            if(JTick.fun[i])JTick.fun[i].show.call(JTick.fun[i]);
        }
        JTick.handle=setTimeout(JTick.runOneTime, JTick.time);
    }
});

至此，基本對象已經設計完成，下篇開始就要設計遊戲中的具體對象了。