从网上看到的不到20行的js代码实现贪吃蛇代码可否仔细的解释一下？

Question

看了3个小时，好像看明白了一点，但是还是不是太清按上下键转换方向的那一块儿，还有

ctx.fillRect(t%20*20,~~(t/20)*20,18,18);

document.onkeydown=function(e){fx=sn[1]-sn[0]==(n=[-1,-20,1,20][(e||event).keyCode-37]||fx)?fx:n};

这两行代码怎么实现的？