圖集里有個Play.png和游戲介紹畫面??梢远xPlayNum(點擊游戲次數)默認為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將非常非常牛,交互制作將容易多了。