今天心血来潮，想搞点不一样的，于是我就琢磨着能不能用HTML做个小游戏出来。以前总觉得游戏开发很高大上，得用那些专业的游戏引擎，没想到HTML也能搞，这倒是激起我强烈的好奇心。
刚开始，我有点懵，不知道从哪儿下手。毕竟以前都是用HTML写写网页，排排版，这回要做游戏，感觉完全是两码事。于是我就上网一顿搜，看看有没有啥教程或者案例可以参考。
你还别说，真让我找到不少好东西。有个叫mozdevs的团队，他们搞一堆用Canvas API做的HTML5游戏示例，我一看，这不正是我想要的嘛
我先照着教程，用HTML搭个基本的框架。说白，就是创建一个HTML文件，然后在里面写上<!DOCTYPE html>、<html>、<head>、<body>这些标签，把网页的基本结构搭起来。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
然后在<head>里加个<title>标签，给我的游戏起个名字，再写上几行设置样式的代码，这样我的游戏界面就有个样子。
- 就是关键的一步，用Canvas画图。
- 这Canvas就像一块画布，你可以在上面用JavaScript画各种图形、文字、动画等等。
- 我先试着画个小方块，看着它在屏幕上出现，还真有点小激动。
光画出来还不行，得让它动起来才像个游戏。于是我又开始研究怎么用JavaScript控制Canvas上的元素。
我找到一些资料，说可以用setInterval或者requestAnimationFrame这两个函数来实现动画效果，我就选requestAnimationFrame，感觉这个更高级一点。
通过不断改变小方块的位置，我成功地让它在屏幕上移动起来。虽然只是简单的移动，但我觉得这是个巨大的进步，起码我的游戏“活”起来。
实践第四步：加点互动
游戏嘛总得有点互动才好玩。我琢磨着，能不能让玩家通过键盘控制小方块的移动？
于是我又去查资料，发现可以用addEventListener来监听键盘事件，然后根据不同的按键来改变小方块的位置。
我试着写段代码，让小方块能响应我的方向键操作，上下左右移动。这下真的有点游戏的样子！
我现在做的这个只是个非常非常简单的雏形，离一个真正的游戏还差得远。但是，通过这回实践，我发现HTML做游戏也不是那么遥不可及的事情。只要你肯琢磨，肯动手，就能用HTML创造出属于自己的小游戏。
后面，我打算继续完善这个小游戏，加点音效、关卡、计分什么的，让它变得更丰富、更有趣。这回的尝试给我很大的信心，以后我还想挑战更多更复杂的游戏类型，说不定哪天我也能做出一个风靡全网的HTML5小游戏！
