LayaAir引擎——(八)

var a = new Array();
var b = new Array();
var ksjmCursor = 0;

function ksjminit() {
    ksjminitName();
    ksjminitRectChoose();
    ksjminitRectChoosePic();
    ksjmsetVisible(0);
    Laya.stage.on(laya.events.Event.KEY_DOWN, this, ksjmOnKeyDown);
}
function ksjminitName() {
    var a1 = new laya.display.Text();
    a1.text = "再续冒险之旅";
    a1.x = 50;
    a1.y = 50;
    a1.color = "red";
    a1.fontSize = 20;
    Laya.stage.addChild(a1);

    var a2 = new laya.display.Text();
    a2.text = "新的冒险之旅";
    a2.x = 50;
    a2.y = 50 + 30 * 1;
    a2.color = "red";
    a2.fontSize = 20;
    Laya.stage.addChild(a2);

    var a3 = new laya.display.Text();
    a3.text = "冒险者的传承";
    a3.x = 50;
    a3.y = 50 + 30 * 2;
    a3.color = "red";
    a3.fontSize = 20;
    Laya.stage.addChild(a3);

    var a4 = new laya.display.Text();
    a4.text = "打开网页";
    a4.x = 50;
    a4.y = 50 + 30 * 3;
    a4.color = "red";
    a4.fontSize = 20;
    Laya.stage.addChild(a4);

    var a5 = new laya.display.Text();
    a5.text = "变更设定";
    a5.x = 50;
    a5.y = 50 + 30 * 4;
    a5.color = "red";
    a5.fontSize = 20;
    Laya.stage.addChild(a5);

    var a6 = new laya.display.Text();
    a6.text = "退出";
    a6.x = 50;
    a6.y = 50 + 30 * 5;
    a6.color = "red";
    a6.fontSize = 20;
    Laya.stage.addChild(a6);
}
function ksjminitRectChoose(){
    for(var i = 0; i < 6; i++){
        a[i] = new laya.display.Sprite();
        if (i == 0 || i == 1 || i == 2) {
            a[i].graphics.drawRect(50, 50 + 30 * i, 6 * 20 + 5 + 10, 20, "white");
        }
        if (i == 3 || i == 4) {
            a[i].graphics.drawRect(50, 50 + 30 * i, 3 * 20 + 5 + 30, 20, "white");
        }
        if (i == 5) {
            a[i].graphics.drawRect(50, 50 + 30 * i, 2 * 20 + 5 + 10, 20, "white");
        }
        a[i].alpha = 0.25;
        a[i].visible = true;
        Laya.stage.addChild(a[i]);
    }
}
function ksjminitRectChoosePic() {
    for(var i = 0; i < 6; i++){
        b[i] = new laya.display.Sprite();
        if (i == 0 || i == 1 || i == 2) {
            b[i].loadImage("rectChoosePic.png",50 + 6 * 20 + 5 ,50 + 30 * i + 5, 10 ,10);
        }
        if (i == 3 || i == 4) {
            b[i].loadImage("rectChoosePic.png",50 + 4 * 20 + 5 ,50 + 30 * i + 5, 10 ,10);
        }
        if (i == 5) {
            b[i].loadImage("rectChoosePic.png",50 + 2 * 20 + 5 ,50 + 30 * i + 5, 10 ,10);
        }
        b[i].visible = true;
        Laya.stage.addChild(b[i]);
    }
}
function ksjmOnKeyDown(e) {
    switch(e.keyCode){
        case 38:{
            if ( (ksjmCursor - 1) <= 0 ) {
                ksjmCursor = 0;
            }else{
                ksjmCursor--;
            }
            break;
        }
        case 40:{
            if ( (ksjmCursor + 1) >= 5 ) {
                ksjmCursor = 5;
            }else{
                ksjmCursor++;
            }
            break;
        }
    }
    ksjmsetVisible(ksjmCursor);
}
function ksjmsetVisible(index) {
    for(var i = 0; i < 6 ; i++){
        if (index == i) {
            a[i].visible = true;
            b[i].visible = true;
        }else{
            a[i].visible = false;
            b[i].visible = false;
        }
    }
}

  

时间: 2024-11-07 12:39:56

LayaAir引擎——(八)的相关文章

LayaAir引擎——(七)

LayaAir引擎——人物控制TiledMap地图移动和墙壁检测 所需要的软件: LayaAir IDE 1.0.2版本 TiledMap 所需要的东西: 地图:53 * 32,(48*48) 人物:48*48 注意: var a = pass.getTileDataByScreenPos(player.x,player.y - 48);//返回图块在图块集纹理上的索引+1 562//实际上索引是561,判断地图上的格子是否是561,如果是,不可以通行,则反之. var Sprite = Lay

LayaAir引擎——(六)

LayaAir引擎——TiledMap地图图块属性获取和进行墙壁碰撞检测 需要的软件: TiledMap LayaAir IDE 1.0.2版本 所画的地图: pass层: floor层: pass层格子属性: 白色格子: id:48,自定义属性 isCanPass:true 黑色格子:id:44,自定义属性 isCanPass:false floor层格子属性 五芒星格子:id:0 石头格子:id:27 矿车格子:id:22 1.前提代码 Laya.init(576, 576); var pl

LayaAir引擎——(二)

LayaAir引擎 -> 工具 -> 图集打包例子

LayaAir引擎——(一)

LayaAir是LayaBox推出的Html5游戏引擎,支持 ActionScript3.TypeScript.JavaScript,开源,并且商用免费. LayaAir IDE 是一款使用LayaAir 引擎来开发应用,游戏的集成开发环境. LayaAir IDE 下载地址: http://pan.baidu.com/s/1i5yKPpV; 新建项目: 项目名称:Test 项目路径:C:\Users\FanXiaying\Documents\LayaProject\Test 项目语言:Java

layaAir引擎制作游戏的图集动画、时间轴动画、和骨骼动画总结二

一.角色序列帧.ani动画的制作 1.在项目管理器中创建动画文件 2.创建动画模板,编辑动效名称 3.编辑序列帧动画 .ani格式动画的代码控制 1.动画加载loadAnmition() 2.播放与停止.动效模板切换 3.动画帧位置控制 4.动画播放完成事件 uui截图: Laya.init(1334, 750); Laya.loader.load(["res/comp.atlas","res/role.atlas"],Laya.Handler.create(thi

LayaAir引擎——(三)

LyaAir引擎(JavaScript)实现图片的翻转一半 图片4.png位于bin/开场过渡 文件夹下,图片大小150*30(根据实际情况做调整) var button; var scale1 = 1; button = new laya.display.Sprite() button.pos(100,100); button.pivot(75,15); button.loadImage("开场过渡/4.png"); Laya.stage.addChild(button); //实现

LayaAir引擎——(十一)

var c = new Array(); var d = new Array(); var e = new Array(); var f = new Array(); var g = new Array(); var zzjmCursor = 0; function zzjminit() { zzjminitName(); zzjminitRectChoose(); zzjminitRectChoosePic(); zzjmSetVisible(0); zzjminitZhongZuShuoMi

LayaAir引擎——(十)

var k = new Array(); var l = new Array(); var m = new Array(); var zhiyeCurosr = 0; function zyinit() { zyinitName(); zyinitRectChoose(); zyinitRectChoosePic(); zyinitZhiyeIntro(); zySetVisible(0); Laya.stage.on(laya.events.Event.KEY_DOWN,this,zyOnKe

LayaAir引擎——(九)

var h = new Array(); var j = new Array(); var xbCursor = 0; function xbinit() { xbinitName(); xbRectChoose(); xbRectChoosePic(); xbSetVisible(0); Laya.stage.on(laya.events.Event.KEY_DOWN,this,xbOnkeyDown); } function xbinitName() { var d1 = new laya.