学习HTML5开发RPG游戏第五步>游戏界面设计<二>（结束）

最新推荐文章于 2022-06-06 17:58:20 发布
最新推荐文章于 2022-06-06 17:58:20 发布
阅读量397 收藏 1
点赞数

3、战斗界面

战斗界面是经典的回合制战斗界面，其代码如下：

GFunction.loadBattlePanel=function(){//加载战斗界面
    GMain.BattlePanel.clearControls();
    var battlePanel=new JControls.Panel({x:0,y:0},GMain.Size);
    battlePanel.setBGImage(ResourceData.Images.battleBG1);
    battlePanel.loadData=function(){//加载角色到战斗界面
        this.clearControls();
        if(GMain.BattlesGameRole[1].length==1){
            GMain.BattlesGameRole[1][0].setRelativePosition({x:150,y:70});
        }else if(GMain.BattlesGameRole[1].length==2){
            GMain.BattlesGameRole[1][0].setRelativePosition({x:80,y:120});
            GMain.BattlesGameRole[1][1].setRelativePosition({x:280,y:20});
        }else if(GMain.BattlesGameRole[1].length==3){
            GMain.BattlesGameRole[1][0].setRelativePosition({x:80,y:230});
            GMain.BattlesGameRole[1][1].setRelativePosition({x:280,y:130});
            GMain.BattlesGameRole[1][2].setRelativePosition({x:480,y:30});
        }else if(GMain.BattlesGameRole[1].length==4){
            GMain.BattlesGameRole[1][0].setRelativePosition({x:40,y:120});
            GMain.BattlesGameRole[1][1].setRelativePosition({x:240,y:20});
            GMain.BattlesGameRole[1][2].setRelativePosition({x:180,y:180});
            GMain.BattlesGameRole[1][3].setRelativePosition({x:380,y:80});
        }else if(GMain.BattlesGameRole[1].length==5){
            GMain.BattlesGameRole[1][0].setRelativePosition({x:80,y:100});
            GMain.BattlesGameRole[1][1].setRelativePosition({x:280,y:0});
            GMain.BattlesGameRole[1][2].setRelativePosition({x:80,y:230});
            GMain.BattlesGameRole[1][3].setRelativePosition({x:280,y:130});
            GMain.BattlesGameRole[1][4].setRelativePosition({x:480,y:30});
        }
        this.addControlInLast(GMain.BattlesGameRole[1]);
        var size1={x:400,y:380};
        if(GMain.BattlesGameRole[0].length==1){
            GMain.BattlesGameRole[0][0].setRelativePosition({x:size1.x+180,y:size1.y-120});
        }else if(GMain.BattlesGameRole[0].length==2){
            GMain.BattlesGameRole[0][0].setRelativePosition({x:size1.x+120,y:size1.y-80});
            GMain.BattlesGameRole[0][1].setRelativePosition({x:size1.x+240,y:size1.y-160});
        }else if(GMain.BattlesGameRole[0].length==3){
            GMain.BattlesGameRole[0][0].setRelativePosition({x:size1.x+60,y:size1.y-40});
            GMain.BattlesGameRole[0][1].setRelativePosition({x:size1.x+180,y:size1.y-120});
            GMain.BattlesGameRole[0][2].setRelativePosition({x:size1.x+300,y:size1.y-200});
        }else if(GMain.BattlesGameRole[0].length==4){
            GMain.BattlesGameRole[0][0].setRelativePosition({x:size1.x,y:size1.y});
            GMain.BattlesGameRole[0][1].setRelativePosition({x:size1.x+80,y:size1.y-50});
            GMain.BattlesGameRole[0][2].setRelativePosition({x:size1.x+160,y:size1.y-100});
            GMain.BattlesGameRole[0][3].setRelativePosition({x:size1.x+240,y:size1.y-150});
        }
        this.addControlInLast(GMain.BattlesGameRole[0]);
    };

    //加载战斗控制面板
    GMain.BattleControlPanel=new JControls.Panel({x:GMain.Size.width-80, y:120},{width:80,height:200});
    GMain.BattleControlPanel.loadData=function(){
        this.clearControls();
        var btnAttack=new JControls.Button({x:0,y:0},{width:80,height:40});
        btnAttack.buttonLabel.setText("攻击").setFontType("bold").setFontSize(22).setTextPos({x:15,y:5});
        btnAttack.BGColor=JColor.white;
        btnAttack.onClick=function(){
            GMain.FromAttackSelect=true;
            JMain.JForm.canvas.style.cursor="pointer"
            GMain.BattlesGameRole[0][GMain.SelectLeaderNum].usedSkillName="attack1";
        }
        var btnSkill=new JControls.Button({x:0,y:40},{width:80,height:40});
        btnSkill.buttonLabel.setText("技能").setFontType("bold").setFontSize(22).setTextPos({x:15,y:5});
        btnSkill.BGColor=JColor.white;
        btnSkill.onClick=function(){
            JMain.JForm.canvas.style.cursor="default"
            GMain.SkillSelectPanel.loadSkill();
        }
        var btnDefense=new JControls.Button({x:0,y:80},{width:80,height:40});
        btnDefense.buttonLabel.setText("防御").setFontType("bold").setFontSize(22).setTextPos({x:15,y:5});
        btnDefense.BGColor=JColor.white;
        btnDefense.onClick=function(){
            JMain.JForm.canvas.style.cursor="default"
            GMain.BattlesGameRole[0][GMain.SelectLeaderNum].bodyState.defend=true;
            GMain.BattlesGameRole[0][GMain.SelectLeaderNum].clearControls();
            GFunction.nextAttackSelect();
        }
        var btnDrug=new JControls.Button({x:0,y:120},{width:80,height:40});
        btnDrug.buttonLabel.setText("物品").setFontType("bold").setFontSize(22).setTextPos({x:15,y:5});
        btnDrug.BGColor=JColor.white;
        btnDrug.onClick=function(){
            JMain.JForm.canvas.style.cursor="default"
            GMain.DrugUsePanel.loadDrug();
        }
        GMain.BattleBtnRunAway=new JControls.Button({x:0,y:160},{width:80,height:40});
        GMain.BattleBtnRunAway.buttonLabel.setText("逃跑").setFontSize(22).setFontType("bold").setTextPos({x:15,y:5});
        GMain.BattleBtnRunAway.BGColor=JColor.white;
        GMain.BattleBtnRunAway.onClick=function(){
            JMain.JForm.canvas.style.cursor="default"
            if(JFunction.Random(1,100)<=95){
                GFunction.showMapPanel();
            }else{
                new JControls.MessageBox({width:200,height:0},["逃跑失败！"]);
                this.enabled=false;
            }
        }
        this.addControlInLast([btnAttack,btnSkill,btnDefense,btnDrug, GMain.BattleBtnRunAway]);
    };
    GMain.SkillSelectPanel=new JControls.Panel({x:200,y:80},{width:400,height:240});
    GMain.SkillSelectPanel.BGColor=JColor.gray;
    GMain.SkillSelectPanel.visible=false;
    GMain.SkillSelectPanel.loadSkill=function(){//加载技能使用面板
        this.clearControls();
        this.visible=true;
        this.isShowTitle=false;
        this.showTitle("技能");
        var skillName=GMain.BattlesGameRole[0][GMain.SelectLeaderNum].gameRoleData.skills.split(",");
        var skillsButtons=[];
        for(var i=0;i<skillName.length;i++){
            if(GMain.BattlesGameRole[0][GMain.SelectLeaderNum].level>=ResourceData.Skill[skillName[i]].fromGameRole.level){
                var l=skillsButtons.length;
                var wNum= 8,cWidth=200,cHeight=40;
                skillsButtons[l]=new JControls.Button({x:(i%wNum)*cWidth,y:parseInt(i/2)*cHeight+40},{width:cWidth,height:cHeight});
                skillsButtons[l].buttonLabel.setText(ResourceData.Skill[skillName[i]].showName).setFontType("bold").setFontSize(22).setTextPos({x:15,y:5});
                skillsButtons[l].skillName=skillName[i];
                skillsButtons[l].onClick=function(){
                    GMain.BattlesGameRole[0][GMain.SelectLeaderNum].usedSkillName=this.skillName;
                    GMain.SkillSelectPanel.visible=false;
                    if(ResourceData.Skill[this.skillName].toGameRole.num==1){
                        GMain.BattleControlPanel.visible=false;
                        JMain.JForm.canvas.style.cursor="pointer"
                    }else{
                        GFunction.nextAttackSelect();
                    }
                }
            }
        }
        this.addControlInLast(skillsButtons);
        this.closeButton.visible=true;
        this.onCloseButtonClick=function(){
            GMain.BattleControlPanel.visible=true;
        };
    }
    GMain.DrugUsePanel=new JControls.Panel({x:200,y:80},{width:400,height:240});
    GMain.DrugUsePanel.BGColor=JColor.gray;
    GMain.DrugUsePanel.visible=false;
    GMain.DrugUsePanel.loadDrug=function(){//加载物品使用面板
        this.clearControls();
        this.isShowTitle=false;
        this.showTitle("物品");
        this.visible=true;
        GMain.SelectedGoods=null;
        //var level=GMain.BattlesGameRole[0][GMain.SelectLeaderNum].level;
        var drugs=[];
        for(var i=0;i<GMain.Goods.length;i++){
            var l=drugs.length;
            var wNum= 8,cWidth=50,cHeight=50;
            if(GMain.Goods[i].goodsData.goodsType=="drug"){
                drugs[l]=GMain.Goods[i].setRelativePosition({x:(i%wNum)*cWidth,y:parseInt(i/wNum)*cHeight+40}).setSize({width:cWidth,height:cHeight});
                drugs[l].onClick=function(){
                    GMain.BattlesGameRole[0][GMain.SelectLeaderNum].usedSkillName="useDrug";
                    GMain.BattlesGameRole[0][GMain.SelectLeaderNum].usedGoods=this;
                    GMain.DrugUsePanel.visible=false;
                    if(ResourceData.Goods[this.goodsData.showName].toGameRole.num==1){
                        GMain.BattleControlPanel.visible=false;
                        JMain.JForm.canvas.style.cursor="pointer";
                    }else{
                        GFunction.nextAttackSelect();
                    }
                }
            }
        }
        this.addControlInLast(drugs);
        this.onCloseButtonClick=function(){
            GMain.BattleControlPanel.visible=true;
        }
    }
    GMain.BattlePanel.addControlInLast([battlePanel, GMain.BattleControlPanel,GMain.SkillSelectPanel,GMain.DrugUsePanel]);
};

4、数据界面
数据界面，用于查看和使用物品、查看主角数据等。

GFunction.loadDataPanel=function(){//加载数据界面
    GMain.DataPanel.clearControls();
    GMain.DataPanel.loadData=function(){
        for(var i=0;i<GMain.DataPanel.controls.length;i++){
            GMain.DataPanel.controls[i].loadData&&GMain.DataPanel.controls[i].loadData();
        }
    };
    var w1=150;
    var w2=450;
    var w3=200;
    var GameRoleHeadPanel=new JControls.Panel({x:0,y:0},{width:w1,height:120});   
    GameRoleHeadPanel.loadData=function(){//加载主角头像
        this.clearControls();
        var GameRoleHeadPic=new JControls.PictureBox({x:2,y:2},{width:w1-4,height:116});
        GameRoleHeadPic.setPicture(ResourceData.Images[GMain.BattlesGameRole[0][GMain.SelectLeaderNum].getHeadImageName()]);
        this.addControlInLast([GameRoleHeadPic]);
    }

    var LeadersPanel=new JControls.Panel({x:0,y:120},{width:w1,height:96});///
    LeadersPanel.loadData=function(){//加载主角，点击可查看其数据
        this.clearControls();
        var ls=[];
        for(var i=0;i<GMain.BattlesGameRole[0].length;i++){
            ls[i]=new JControls.Label({x:0,y:i*24},GMain.BattlesGameRole[0][i].getShowName()+"("+GMain.BattlesGameRole[0][i].getJobsName()+")")
                .setFontType("Bold").setSize({width:w1,height:24}).setTextPos({x:5,y:2});
            ls[i].num=i;
            if(i== GMain.SelectLeaderNum)ls[i].isSelect=true;
            else ls[i].isSelect=false;
            ls[i].onClick=function(){
                GMain.SelectLeaderNum=this.num;
                GMain.DataPanel.loadData();
                return true;
            }
        }
        this.addControlInLast(ls);
    }

    var EquipmentPanel=new JControls.Panel({x:w1,y:0},{width:w2,height:300});///
    EquipmentPanel.loadData=function(){//加载当前选中主角身上装备
        this.clearControls();
        var bodySlotsSize={width:80,height:80};
        var jg={x:55,y:15};
        for(var bodySlots in GMain.BattlesGameRole[0][GMain.SelectLeaderNum].bodySlots){
            if(GMain.BattlesGameRole[0][GMain.SelectLeaderNum].bodySlots[bodySlots]){
                var p={x:0,y:0};
                switch (bodySlots){
                    case "handR":
                        p={x:jg.x,y:bodySlotsSize.height+jg.y*2};
                        break;
                    case "fingerR":
                        p={x:jg.x,y:bodySlotsSize.height*2+jg.y*3};
                        break;
                    case "head":
                        p={x:bodySlotsSize.width+jg.x*2,y:jg.y};
                        break;
                    case "body":
                        p={x:bodySlotsSize.width+jg.x*2,y:bodySlotsSize.height+jg.y*2};
                        break;
                    case "foot":
                        p={x:bodySlotsSize.width+jg.x*2,y:bodySlotsSize.height*2+jg.y*3};
                        break;
                    case "neck":
                        p={x:bodySlotsSize.width*2+jg.x*3,y:jg.y};
                        break;
                    case "handL":
                        p={x:bodySlotsSize.width*2+jg.x*3,y:bodySlotsSize.height+jg.y*2};
                        break;
                    case "fingerL":
                        p={x:bodySlotsSize.width*2+jg.x*3,y:bodySlotsSize.height*2+jg.y*3};
                        break;
                }
                GMain.BattlesGameRole[0][GMain.SelectLeaderNum].bodySlots[bodySlots].setRelativePosition(p).setSize(bodySlotsSize);
                this.addControlInLast([GMain.BattlesGameRole[0][GMain.SelectLeaderNum].bodySlots[bodySlots]]);
            }
        }
    };

    var GoodsPanel=new JControls.Panel({x:w1,y:300},{width:w2,height:180});//
    GoodsPanel.loadData=function(){//加载物品栏
        this.clearControls();
        for(var i=0;i<GMain.Goods.length;i++){
            if(!GMain.Goods[i].isUsed){
                this.addControlInLast([GMain.Goods[i]]);
            }
        }
        var wNum=10,cWidth=45,cHeight=45;
        for(var i=0;i<this.controls.length;i++){
            this.controls[i].setRelativePosition({x:(i%wNum)*cWidth,y:parseInt(i/wNum)*cHeight}).setSize({width:cWidth,height:cHeight});
        }
        this.goldLabel=new JControls.Label({x:50,y:155}).setFontType("Bold");
        this.goldLabel.setText("金币:"+GMain.GoldNum);
        this.addControlInLast([this.goldLabel]);
    };

    var GoodsStatsPanel=new JControls.Panel({x:w1+w2,y:0},{width:w3,height:450});
    GoodsStatsPanel.loadData=function(){//加载选中物品的属性数据
        this.clearControls();
        if(GMain.SelectedGoods){
            var goodsName=GMain.SelectedGoods.goodsData.showName;
            var btnZBSY=new JControls.Label({x:20,y:3}).setFontType("Bold")
                .setFontColor(JColor.blue).setSize({width:80,height:24}).setBGColor(JColor.red).setTextPos({x:15,y:4});
            if(GMain.SelectedGoods.isUsed){
                btnZBSY.setText("移除装备");
            }else{
                btnZBSY.setText("使用道具");
            }
            btnZBSY.onClick=function(){
                if(GMain.SelectedGoods.isUsed)GMain.BattlesGameRole[0][GMain.SelectLeaderNum].deleteCombatGear(GMain.SelectedGoods);
                else GMain.BattlesGameRole[0][GMain.SelectLeaderNum].useGoods(GMain.SelectedGoods);
                GMain.DataPanel.loadData();
                return true;
            }
            this.addControlInLast([btnZBSY]);
            var i=0;
            var h=18, ls=5,th=30;
            this.addControlInLast([new JControls.Label({x:ls,y:h*(i++)+th},goodsName).setFontType("Bold").setFontColor(JColor.gray)]);
            this.addControlInLast([new JControls.Label({x:ls,y:h*(i++)+th},
                "级别："+ResourceData.Evaluation[parseInt(GMain.SelectedGoods.goodsData.goodsLevel)])]);
            this.addControlInLast([new JControls.Label({x:ls,y:h*(i++)+th},
                "类型："+ResourceData.GoodsType[GMain.SelectedGoods.goodsData.goodsType])]);
            for(var attribute in GMain.SelectedGoods.goodsData.attributes){
                this.addControlInLast([new JControls.Label({x:ls,y:h*(i++)+th},ResourceData.AttributesName[attribute]+"："+ GMain.SelectedGoods.goodsData.attributes[attribute])]);
            }

        }
    };
    var ButtonPanel=new JControls.Panel({x:w1+w2,y:450},{width:w3,height:30});//
    ButtonPanel.loadData=function(){//继续游戏按钮
        this.clearControls();
        var btnGoBack=new JControls.Button({x:20,y:0},{width:110,height:30}).setBGColor(JColor.gray).setText("继续游戏");
        btnGoBack.onClick=function(){
            GFunction.showMapPanel();
            return true;
        }
        this.addControlInLast([btnGoBack]);
    }
    var BaseStatsPanel=new JControls.Panel({x:0,y:216},{width:w1,height:336});/
    BaseStatsPanel.loadData=function(){//加载选中主角的各项数据
        this.clearControls();
        var bh=20;
        var i=0
        var SelectLeader=GMain.BattlesGameRole[0][GMain.SelectLeaderNum];
        var baseStatsItem=[
            new JControls.Label({x:2,y:2+bh*i++},ResourceData.AttributesName.Level+":"+SelectLeader.level)
            ,new JControls.Label({x:2,y:2+bh*i++},ResourceData.AttributesName.EXP+":"+SelectLeader.EXP+"/"+SelectLeader.getLevelExp())
            ,new JControls.Label({x:2,y:2+bh*i++},ResourceData.AttributesName.HP+":"+SelectLeader.HP+"/"+SelectLeader.getMaxHP())
            ,new JControls.Label({x:2,y:2+bh*i++},ResourceData.AttributesName.MP+":"+SelectLeader.MP+"/"+SelectLeader.getMaxMP())
            ,new JControls.Label({x:2,y:2+bh*i++},ResourceData.AttributesName.STR+":"+SelectLeader.getSTR())
            ,new JControls.Label({x:2,y:2+bh*i++},ResourceData.AttributesName.VIT+":"+SelectLeader.getVIT())
            ,new JControls.Label({x:2,y:2+bh*i++},ResourceData.AttributesName.DEX+":"+SelectLeader.getDEX())
            ,new JControls.Label({x:2,y:2+bh*i++},ResourceData.AttributesName.INT+":"+SelectLeader.getINT())
            ,new JControls.Label({x:2,y:2+bh*i++},ResourceData.AttributesName.ATK+":"+SelectLeader.getATK())
            ,new JControls.Label({x:2,y:2+bh*i++},ResourceData.AttributesName.DEF+":"+SelectLeader.getDEF())
            ,new JControls.Label({x:2,y:2+bh*i++},ResourceData.AttributesName.MATK+":"+SelectLeader.getMATK())
            ,new JControls.Label({x:2,y:2+bh*i++},ResourceData.AttributesName.MDEF+":"+SelectLeader.getMDEF())
            ,new JControls.Label({x:2,y:2+bh*i++},ResourceData.AttributesName.SPD+":"+SelectLeader.getSpeed())
        ];
        for(var i=0;i<baseStatsItem.length;i++)baseStatsItem[i].setFontType("Bold")
        this.addControlInLast(baseStatsItem);
    };
    GMain.DataPanel.addControlInLast([GameRoleHeadPanel,LeadersPanel,BaseStatsPanel,EquipmentPanel,GoodsPanel,GoodsStatsPanel,ButtonPanel]);
};


除了上面的这些界面外，还有存档界面，商店界面等。

至此，学习HTML5开发RPG游戏就结束了，这些博文只是让大家有个大概了解，具体请看源码。

演示地址源码地址

iteye_1287
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
HTML5RPG游戏学习源码
01-03
该源码仅供学习使用，欢迎访问我的博客:http://blog.csdn.net/crow_html5
<>源码及素材
01-28
Unity3D游戏开发实战项目（完整教程源码及素材）,<<RPG游戏黑暗之光>>游戏开发实战完整教程源码
学习HTML5开发RPG游戏第三步>基本对象设计<一>
xidajiancun
12-17 146
通过分析基本对象主要分为以下几类： 1、游戏主窗体 2、文字 3、按钮 4、图片 5、动画 6、容器 7、对话框 8、声音 9、时钟 前面七种都是可视的。所以为他们写一个父类，通过继承以提高代码利用率。 后两种没有什么共同点，只能单独写了。 父类代码如下： var JControls = {}; JControls.Object= Class.create({ n...
html5rpg游戏策划案,HTML 5开发RPG游戏之一（地图人物实现）
weixin_42509518的博客
05-31 564
在地图显示的时候，首先把图片切割，然后在根据预先设定好的位置显示到地图层上，这样我们就看到了一张完整的地图了接下来，打开Main.js在里面加入init(50,"mylegend",480,320,main);在legendForHtml5Progarmming中，用init这个函数来初始化canvas，上面的代码表示，初始化一个速度为50，名字为mylegend，大小为480*320的游戏界面，...
HTML5 RPG游戏示例
weixin_34167819的博客
08-24 263
演示地址 点击打开链接  
如何实现一个HTML5 RPG游戏引擎——第一章，实现地图类
weixin_33763244的博客
06-16 219
一，话说天下大事 前不久看到lufy的博客上，有一位朋友想要一个RPG游戏引擎，出于兴趣准备动手做一做。因为我研究lufylegend有一段时间了，对它有一定的依赖性，因此就准备将这个引擎基于lufylegend。临时命名为lufylegendRPG。毕竟基于lufylegend，假设名称中不加上lufylegend这几个字的话，有点说不通啊。。。近期公布了0.1.0版，可是不理想，连一惯都是鼓...
基于C++和QT实现的第三人称RPG游戏编辑器开发.zip
07-07
第五步：在主页面点击“场景设计”，进入场景设计模块，点击“开始编辑”，输入场景长宽， 进入编辑，新建一个 txt 文件储存一个场景的设计，随后按照指示通过添加的图片 详细介绍参考：...
html5多人在线rpg游戏源码.zip
11-04
客户端服务端齐全，并带有工具，仅做学习交流使用！！
学习HTML5RPG游戏源码
12-17
该源码仅供学习使用，欢迎访问我的博客:http://blog.csdn.net/crow_html5
HTML5 实现炫酷的RPG游戏风格技能树路线图特效源码.zip
11-15
HTML5 实现炫酷的RPG游戏风格技能树路线图特效源码.zip
HTML5 canvas 回合制战棋游戏代码实现
03-01
使用 html5 canvas 绘制游戏图像，利用 javascript 实现游戏。 游戏实现了类似英雄无敌3 中战斗场景的回合制玩法： - 对战双方每个生物每一轮有一次行动机会，可以行走或攻击对方。 - 每个生物属性有：行走范围，速度，生命，伤害，防御，攻击 和 是否是远程兵种。 - 当把对方生物都消灭时，即胜利。 - 实现了简单的AI。
webpack.config.js
03-01
webpack 测试的js,学习webpack时使用的哦。 又需要的童鞋一起学习下
学习HTML5开发RPG游戏第一步>准备
xidajiancun
12-17 313
第一步当然是准备工作了。 首先，确认你的浏览器版本对HTML5的支持。 其次，准备好开发工具。 IDE这个看各自的喜好，支持Web开发就行。 Prototype.js 是Sam Stephenson写的一个非常优雅的JavaScript基础类库，对JavaScript做了大量的扩展，而且很好的支持Ajax。 Prototype.js的使用方法在网络有大量的介绍，我这里用到是一个简...
RPG游戏人物设计
g_cup的博客
04-26 705
package myrpg; import java.io.BufferedWriter; import java.io.FileNotFoundException; import java.io.FileWriter; import java.io.IOException; import java.util.Scanner; public class RolePlaying { publi...
rpg游戏角色设计
qq_43911136的博客
04-19 1772
第四次上机 题目分析： 原题：为（一种源自《龙与地下城》的游戏类型）在进入游戏时做一个让用户自己来创建自己喜欢的角色RPG游戏。本次上机要求编写一个简化的创建游戏角色的程序。 分析： 创建一个角色类，包含角色的各个属性 在类中定义各个属性的输入函数，且所有职业属性单独用一个函数输入。 对职业的各个属性，进行判断是否符合种族，若不符合，重新输入。 定义一个输出函数 定义一个保存文件函数 ...
游戏UI设计-公共内容整理
寒风的技术博客
11-22 2681
游戏开发一般最大的成本都花在了美术上面，减少迭代次数是降低开发成本的有效有段。因此，对于游戏UI，在游戏立项之后，很多公共的内容可先定下来。 有了这些公共的内容，除了节约开发成本，同时可以提高美术资源的复用程度。在没有特殊要求的情况下，就直接用公共资源即可，不需要额外地为不同界面再提供背景图，按钮等美术至于。从而也为方便了后面的迭代。 也可以为美术的修改和迭代提供方便。游戏从立项到最后上线，或者上...
html5 游戏界面问题
dianjupi9036的博客
08-29 82
思考了一下html5游戏的界面问题。直接用htm来做就挺好 在随便哪里写好一个页面模板 然后就可以用ajax方法后台给他弄过来，然后显示出来，按需要改改。添加上事件，放在一个指定位置。 CSS3那么强大，设计个UI小菜了。 转载于:https://www.cnblogs.com/crazylights/archive/2011/08/29/2158915.html...
html5游戏制作入门系列教程（四）
Just Code
12-17 318
今天，我们继续一系列文章，使用HTML5的canvas组件进行游戏开发。今天我们要学习下元素：声音控制与动画。在我们的演示中，你会 看到一个飞龙。我们会听到持续的翅膀拍打的声音（我们将循环这个声音），和龙的怒吼声（mouseup事件）。最后，我们会让我们的龙不断的接近鼠标光标 （当我们按住鼠标）。 你可以点击这里阅读这一系列教程的前一篇文章：html5游戏制作入门系列教程（三）。我们的将基...
config.js相关配置汇总
MoXinXueWEB的博客
06-06 3060
小菜鸟在总结
基于Unity3D的RPG游戏的设计与实现-kaic.docx
最新发布
12-07
本篇论文深入探讨了基于Unity3D的RPG游戏的设计与实现，针对当前游戏开发趋势和玩家需求，着重分析了Unity3D在国内和国际的发展现状，以及RPG游戏在全球范围内的应用。Unity3D作为一种强大的游戏开发引擎，因其高度...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值