使用 Canvas 实现一个【贪吃蛇】小游戏！

文章预览

前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~ 又很多朋友最近说想要入门  Canvas ，问我能不能出一篇讲解  Canvas  的文章，但是我感觉直接讲会比较无聊，还不如通过一些案例来让大家去手敲呢 所以我准备使用  Canvas  实现一个 贪吃蛇 的小游戏，希望大家能喜欢~ 效果 & 实现步骤 效果是下面这样 大概的实现步骤是这样的： 第一步：先把蛇画出来 第二步：让蛇能动起来 第三步：在图中随机找地方随机投放食物 第四步：控制蛇去吃这些食物 第五步：检测蛇撞到边缘 先把蛇画出来 实际上，绘制蛇的过程非常简单。蛇主要由蛇头和蛇身构成，这两部分都可以通过  正方形  格子来呈现。蛇头就是单独的一个方格，而蛇身则可以由多个方格组成 要绘制这些方格，我们可以使用  ctx.fillRe ………………………………