var myCarvas=documentgetElementById#39mycarvas#39mycarvas画布的id var ctx=myCarvasgetContext#392d#39绘制矩形 ctxbeginPathctxfillStyle=#39#ff0000#39填充颜色 ctxfillRect5，5，100，100填充。

5这里出现的是Html文件版本的选择，不同的版本使用不同的模板，当然也可以修改和创建自己的模板6选择New HTML File 7点击Finish 8打开indexhtml，会看到类似下面的代码，这些都是模板自动生成的9到目前为止。

ltbody style=’position absolute padding0 margin0 height 100% width100%’ ltcanvas id=”gameCanvas”ltcanvas ltbody lthtml 如果你载入以上代码，当然什么也不会出现那是因为虽然我们有一个c。

3写一个更新的函数，因为我们要让他动起来，所以每时刻绘制的地方都不一样注意这里要用clearRect，这个函数，主要是为了清空画布4写定时函数，每隔02秒就更新一次，重新绘制5最后来看看最终的效果，就完成。