Canvas标签是以HTML5为核心游戏开发的重点，在使用Canvas标签的过程中应该注意以下三个方面：（1）三分之二的Canvas绘图API都没有定义在Canvas元素的本身，而是定义在“绘图环境”对象上，此对象通过画布的getContext()方法获得的[12]。（2）CanvasAPI对路径的表示法也进行了试用。但由于路径是对一系列的方法调用的定义，并不是描述字母或数字的字符串，比如调用beginPath()和arc()方法。（3）Canvas标签，准许使用自身所带JavaScript的API在画布上画图，进而实现了不使用插件也能在浏览器里实现动画。

2.2JavaScript

JavaScript是一个通过事件与对象驱动，具有较高安全性地客户端脚本语言。并且也属于一种广泛在客户端Web开发所使用的脚本语言。可经常为HTML网页增添动态功能，例如适应用户的多种操作[13]。

JavaScript中主要的鼠标事件有onMouseOver表示当鼠标移至某个对象范围上方时所触发的事件和onMouseMove事件表示当鼠标在移动时而触发的事件。本游戏主要用到的是单击事件Onclick。 同时，此游戏的设计也利用了DOM结构，DOM是DocumentObjectModel(文档对象模型)的简称，它是让JavaScript和页面进行交互的一个方式，可以动态修改文档里的属性、节点和元素等。

2.3CSS3

CSS就是层叠样式表(CascadingStylesheet)。它在网页设计过程中采用CSS技术，能够有效的对页面的背景、字体、布局、颜色和其它效果实现精确控制。只需对相应代码做出简单的修改，就能够改变同一页面中的不同地方，或页数不一样的网页格式与外观[14]。CSS3的使用是在页面中定义style标签，利用CSS3提供的选择器选定要设置样式的标签，根据要设置的样式设置对应的值。也可以使用link标签引入CSS文件。