重拾小游戏的心得

1：JS编写小游戏的层次结构

(function(){//第一层相当于类
    (function (){//第二层相当于main方法,系统会自动执行该函数里面的代码，可以在该函数块中调用其他函数
    
})()
function 函数名(){

}
})()

示例代码如下：

(function () {
    (function () { 
        Laya.init(600,500)
        Laya.stage.bgColor="black"
        hehe();
    })()
    function hehe(){
        var btn=new Laya.Button("","我是按钮");
        btn.labelColors="white"
        btn.label="我是新的文本"
        btn.labelSize=100
        btn.pos(100,100,false)
        Laya.stage.addChild(btn)
    }
})()

2：当工程运行起来后，如果修改后记得关闭上一次的调试窗口才能看到本次修改后的效果，不然还是上次的效果。

3：组件资源命名规则，这个很重要，当给ScrollBar , ProgressBar , Slider这三个设置skin的时候，这三的skin的状态不是一个，只要将所有用到的图片放到bin/res目录下即可，然后将skin设置为不带$的图片的路径即可，剩下的其他状态的图片不用写，运行之后系统自动加载，具体的命名规范看下面的网址

参考网址如下：

https://ldc2.layabox.com/doc/?nav=zh-js-2-3-0

4：按钮的皮肤因切割方式不同，分成三态，两态、单态。这里的态指的是按钮皮肤（skin）的状态。三态是将皮肤图片按竖直方向以等比分割的形式分为3部分，从上至下依次为弹起或离开状态皮肤、 经过状态皮肤、 按下和选中（保持按下）状态皮肤，三态常用于PC浏览器中。在移动设备上，通常只采用两态，图片以竖直方向被等比切割为两部分，上面的部分为弹起或离开状态状态皮肤，下面的部分为 经过和按下以及选中状态（保持按下）皮肤。单态按钮不切割图片，无论什么状态，按钮的皮肤只有一种，保持不变。

参考网址如下：

https://ldc2.layabox.com/doc/?nav=zh-js-2-3-1