小练习:2048

用react实现了经典的2048小游戏,用gh-pages这个工具部署到了github pages上,还是很方便的。实现的思路是,存储一个4×4的数字矩阵作为可变的state,每个方块根据自己的数字来调整style,这种思路实现起来很简单,但缺点是无法应用CSS动画,如果想要应用CSS动画,就得换成这种思路:存储一个方块链表作为可变的state,每个方块存储自己的位置坐标作为可变的state,并根据CSS来控制自己在背景版面上的位置,这样在改变方块位置时就可以应用CSS的transform动画了。下一步会尝试用新思路实现新版的带动画的2048小游戏。

另外,我还想到,可以用神经网络训练一个2048游戏AI,来和人类玩家比一比谁更厉害,准备找找有没有JavaScript的神经网络库。

2048小游戏链接:https://js00070.github.io/react-app-test/