PlutoZML的博客

*** 配置说明：* 1、colorStr 存放当前关卡需要用到的所有颜色* 2、colorVal 存放上下左右颜色四个值，按照顺序，分别是0上、1下、2左、3右* 3、data 存放图案数据* */ // 关卡1 const level_01 = {渲染出来的效果还有其他关卡可以自己定义，定义自己喜欢的样式。目前我的代码中提供了三种图案。

《Pac-Man》上一次已经写过了，但是用vue写的，整体下来能玩，但是自己感觉不算流畅，而且游戏计算方面也有点欠缺，感兴趣的可看我上一篇文章。这次我又卷土重来，在三四天内用空闲时间，用canvas重构了一个完整且自认为完美的Pac-Man

Pac-Man最早的艺名叫Pakkuman，源于“パクパク食べる”的发音paku-paku taberu，paku-paku表示嘴巴一张一合的动作和声音，形象描绘了“我吃，故我在”的生活态度

管道小鸟是一款比较经典的小游戏，基本操作就是用户点击屏幕让小鸟蹦跶，然后穿过一个一个下水管道，每穿过一个，则会增加指定分数，越往后速度越快。好玩是好玩，就是有点费手。

贪吃蛇（也叫做贪食蛇）游戏是一款休闲益智类游戏，有PC和手机等多平台版本，既简单又耐玩。该游戏通过控制蛇头方向吃东西，从而使得蛇变得越来越长，直到最后占满全部空格结束。

俄罗斯方块起源于拼图游戏，后来发展出了很多玩法，其中最为经典的包含了七种方块，L字型、J型、Z字型、S型、T字型、I型、O字形，游戏中需要把方块旋转，堆叠等进行消除获取分数，随着分数增加，难度也会增加。

前言数字华容道是传统华容道游戏的改良版，整体为正方形棋盘，里面有一系列数字，要求玩家用最少的步数、最短的时间，将棋盘上的数字方块按照从左到右、从上到下的顺序排列。整体来说游戏不难，打乱数字顺序，移动数字块等操作。但是其中值得需要注意的是，打乱数字之后，最后一行出现8、7或者13、15、14等的可能，这个是成不了的。1. 游戏基本布局这里我没用方块移动动画，感兴趣的可以自己做成方块移动效果，只要把方块设成position: absolute，再刚开始计算每一块的top、left即可。<vi

虽说老弟不能陪你一生，但是让你的技术满满登登。

学习的同时别忘了娱乐，注意劳逸结合。

该小游戏运用权重算法，找到分值最高点，即是电脑落子点。