如题所述
é¦å
æ们éè¦å建ä¸å¼ ç»å¸ä½ä¸ºæ¸¸æçèå°ãè¿ééè¿JS代ç èä¸æ¯ç´æ¥å¨HTMLéåä¸ä¸ª<canvas>å
ç´ ç®çæ¯è¦è¯´æ代ç å建ä¹æ¯å¾æ¹ä¾¿çãæäºç»å¸åå°±å¯ä»¥è·å¾å®çä¸ä¸ææ¥è¿è¡ç»å¾äºãç¶åæ们è¿è®¾ç½®äºç»å¸å¤§å°ï¼æåå°å
¶æ·»å å°é¡µé¢ä¸ã åå¤å¾ç // èæ¯å¾ç var bgReady = false; var bgImage = new Image(); bgImage.onload = function () { bgReady = true; }; bgImage.src = "images/background.png"; 游æåå°ä¸äºå¾ççï¼æ以æ们å
å è½½ä¸äºå¾çå
ãç®ä¾¿èµ·è§ï¼è¿éä»
å建ç®åçå¾ç对象ï¼èä¸æ¯ä¸é¨åä¸ä¸ªç±»æè
Helperæ¥åå¾çå è½½ãbgReadyè¿ä¸ªåéç¨æ¥æ è¯å¾çæ¯å¦å·²ç»å è½½å®æä»èå¯ä»¥æ¾å¿å°ä½¿ç¨äºï¼å 为å¦æå¨å¾çå è½½æªå®ææ
åµä¸è¿è¡ç»å¶æ¯ä¼æ¥éçã æ´ä¸ªæ¸¸æä¸éè¦ç¨å°çä¸å¼ å¾çï¼èæ¯ï¼è±éåæªç©æ们é½ç¨ä¸é¢çæ¹æ³æ¥å¤çã 游æ对象 // 游æ对象 var hero = { speed: 256, // æ¯ç§ç§»å¨çåç´ x: 0, y: 0 }; var monster = { x: 0, y: 0 };
温馨提示:答案为网友推荐,仅供参考