图集里有个Play.png和游戏介绍画面。可以定义PlayNum(点击游戏次数)默认为0,为0时用画板加载 ctx1.fillText("PLAY GAME", canWidth * 0.5, canHeight * 0.5-50); 然后那个Play.png可以用div的背景来使用,用absolute定位top:80%;left:45%,初次为display:none,点击加载game(),PlayNum++ ,改变鼠标获取焦点 if (!data.GameOver &&playNum>0),然后在画小鱼的时候判断固定为0帧(好看),再加载个背景音乐(用定位),死亡时可以避免使用刷新。
2016-02-19
跟着做完,收获很大,对JS中对象的应用更进一步,发现canvas真的很强大,但我现在感觉canvas对事件的支持太繁琐,不如click等这种事件来的方便,如果能改良事件处理机制,那么canvas将非常非常牛,交互制作将容易多了。