JS写游戏

最近在看萧井陌的视频。感觉一些东西挺有意思的，尤其是解决问题的过程，以及一个好程序应该改进的地方。

萧大的GITHUB：github.com/guaxiao/gua.game.js

视频：https://space.bilibili.com/39066904#!/

拖拽

拖拽是3个过程，mousedown,mousemove,mouseup

mousedown：记录最开始的坐标和状态（改为可拖动）

mousemove: 状态可拖动，坐标发生改变

mouseup：记录结束的坐标和状态（改为不可拖动）

键盘事件监听

//注册键盘监听事件

window.addEventListener('keydown',function(e){

var thisKey = e.key;

)}

逻辑判断

let a = 1,

        b,

        c = undefined,

        d = null ,

        f = 'null' ,

        g = false,

        h = 'false'

    let aa = {

        one : a && 11,    //

        two : b && 22,    //undefined

        three : c && 33,  //undefined

        four : d && 44,      //null

        five : f && 55,   //

        six : g && 66,      //false

        seven : h && 77   //

    }

    console.log(aa.one,aa.two,aa.three,aa.four,aa.five,aa.six,aa.seven)

    let bb = {

        one : a || 11,   //

        two : b || 22,   //

        three : c || 33, //

        four : d || 44,  //

        five : f || 55,  //"null"

        six : g || 66,   //

        seven : h || 77  //"false"

    }

    console.log(bb.one,bb.two,bb.three,bb.four,bb.five,bb.six,bb.seven)

one : a && 11,
当a为真时,one的属性值为 11
当a为undefined时，one的属性值为undefined
当a为null时，one的属性值为null
当a为false时，one的属性值为false
当a为字符串时，one的属性值为11

two : a || 11,
当a为真时，two的属性值为a的值
当a为null,undefined,false时，two属性值为11

//优先级（）> && > ||

        let    a = 11 &&  22 || 33          //22

            b = (11 &&  22) || 33         //

            c = false && 22 || 33         //

            d = 11 || 22 && 33             //

            e = false || 22 && 33         //

            f = (11 || 22) && 33         //

            g = (11 && 22) && 33         //

            h = false && 22 && 33        //false

            i = 11 && 22 || 33 && ( 44 && 55)  //

            j = (11 && 22) && 33 || 44 && 55  //

            k = (11 && 22) && (33 || 44) && 55 && false //false

        console.log(a,b,c,d,e,f,g,h,i,j,k)

计算的优先级

括号 > && > ||

在确立优先级的情况下从左往右计算

三元运算符 ?:

作用是判断?前的语句是否为真，为真则执行中间的语句，否则执行后面的语句

log("你是人是鬼？") ? alert("你是人") : alert("你是鬼！")

图片的预加载

先载入图片，这样的话，就好用很多

参考http://www.cnblogs.com/v10258/p/3376455.html

巴特西

JS写游戏

拖拽

键盘事件监听

逻辑判断

图片的预加载

最新文章

热门文章