如何用HTML和JS实现类似吃豆人游戏的长尾词搜索功能？

本文共计3790个文字，预计阅读时间需要16分钟。

目录+前言+HTML代码+JS代码+游戏截图+前言+很早就知道canvas，当时一直没有应用到，最近闲来无事就顺便写写看看。吃豆豆游戏可以说是我们80、90后的共同回忆，小时候经常在电脑上玩，所谓小时了了，大未必佳，如今重温旧梦，不禁感慨万千。

目录

• 前言
• HTML代码
• JS代码
• 游戏截图

前言

很早就知道canvas，当时一直没应用到，最近闲来无事就顺便写写看。吃豆游戏可以说是我们80，90后共同的回忆录，小时候常常在学习机上玩，所以也就有了强烈的欲望去写。为了写这个游戏，看了很多吃豆人游戏的相关信息，包括游戏规则，历史，其它相关游戏设计。又去了各个小游戏平台玩了下，找些灵感！！！就连最简单的配色，也是反复斟酌几个小时确定的方案……哈哈，不容易啊代码分两部分，游戏引擎和游戏主程序，引擎用来类的定义，管理动画场景，事件定义等等……游戏主程序主要组织业务逻辑。算面向对象编程吧，纯手工打造是男人就吃光所有豆子!!!

项目结构

因需要四个文件即可实现，index.html 游戏主页，index.js 主页控制，game.js 游戏控制，favicon.png 图标。代码简单，易懂。