从0到1学JS：一个扫雷棒？

每日一kun：一个人走路，是和地球的单独约会

怎么说呢，做一个鼠标跟踪，利用H5新的事件绑定方法，加上事件对象属性，触发的事件为mousermove，JS越来越有趣，像一个扫雷棒？话不多说，上代码！

JS代码
        var img= document.querySelector("img")
        document.addEventListener("mousemove",function(e){
            img.style.top = e.pageY -25+"px"
            img.style.left = e.pageX -25+"px"

        })
        
HTML代码
    <img src="./image/leaf-gcb32d389c_1920.jpg">
CSS 代码
    img{
        width: 50px;
        height: 50px;
        border-radius: 100%;
        position: absolute;
    }

结果

思考：能不能通过这个东西做一个贪吃蛇那种小游戏？感觉核心代码就和这个原理差不多，🐍跟着鼠标走，当鼠标头碰到其他🐍的身体时游戏结束，碰撞检测就是看xy值相减也没有到临界值。