贪吃蛇是用原生js和H5 canvas实现的小游戏

本篇文章主要介绍了H5 canvas实现贪吃蛇小游戏，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

本文介绍了H5 canvas实现贪吃蛇小游戏，分享给大家，具体如下： 实现效果如下 实现思路： ps：这个只是思路，详细可看代码注释 一、先把蛇画出来 定义一下蛇的结构，用一个数组保存一堆矩形，包含蛇头（红）和蛇身（灰）。 画蛇（初始状态） 二、蛇能动（重点） 蛇移动方式：自始至终都只有蛇头在动 画一个灰色的方块，位置与蛇头重叠 将这个方块插到数组中蛇头后面一个的位置arrar.splice(0,1,rect) 砍去末尾的