亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

HTML5小游戲---愛心魚(上)

難度中級
時長 2小時34分
學習人數
綜合評分9.50
139人評價 查看評價
9.6 內容實用
9.5 簡潔易懂
9.4 邏輯清晰

最新回答 / 慕蓋茨5506860
這個里面涉及到了一個fruit.dead函數,檢查一下函數是否存在和創建

最新回答 / 慕婉清9442512
我也有這樣原問題,我是在畫背景的時候多添加了句代碼function drawBackground() {???? bgPic.onload = function() {???? ???? ctx2.drawImage(bgPic, 0, 0, canWidth, canHeight);???? }}改成:function drawBackground() {???? ctx2.drawImage(bgPic, 0, 0, canWidth, canHeight);}

最新回答 / qq_七彩虹兒_0
1.html要引用<script type="text/javascript" src="js/main.js" ></script> <script type="text/javascript" src="js/background.js" ></script>2.?document.body.onload = game; ?

最新回答 / 慕粉4334522
可能原因如下:(1)在game()函數中,先初始化,再調用gameloop()函數,即init()在gameloop()之前調用(2)function gameloop() {?window.requestAnimationFrame(gameloop);}我用的是HBuilder,可能requestAnimationFrame()函數名不太一樣.

最贊回答 / 慕粉3988711
大兄弟一看就知道沒有看過DOM事件,請翻閱JS高級程序設計第三版將書籍翻到350頁仔細研讀DOM0級事件處理程序,再將書籍翻閱到362-363頁請翻閱13.4.1的UI事件下的load事件,請仔細閱讀load事件中的第二句話,否則怎么可能會提出這種“document.body.onload=game?這是什么玩意,跟你這么寫完全就調用函數不成功”的奇葩建議。

最新回答 / 慕移動9181930
也可以,但是從語義上看,還是onclick點擊事件更容易理解。注意:numa&gt;numb大于號兩邊沒有空格numa==numb等于兩邊沒有空格,在試一試吆。

最贊回答 / sophia93014252989
已解決? 在HTML文件中將z-index:1;寫成了z-index:1px有沒有大神說下1和1px的區別呢?

最新回答 / YnezWood
應該是你html文件中,id=“canvas1”的標簽不是canvas,把標簽改為canvas應該就可以了

最贊回答 / qq_風龍_0
增加圖片加載監聽(等待圖片加載完),加上bgPic.onload=function(){ctx2.drawImage(bgPic,?0,?0,?canWidth,?canHeight);}要不就增加頁面自動刷新函數,使用setInterval或者requestAnimationFrame,不斷調用game函數,但不能使用兩者一起使用,會不顯示(估計是不斷刷新,不斷等待圖片加載造成圖片永遠加載中而不顯示)
課程須知
1、對html、css基礎知識已經掌握。 2、對JavaScript的基礎知識掌握,如數組、類、對象。
老師告訴你能學到什么?
1、html5 canvas制作游戲理念 2、html5 canvas 繪圖API 3、游戲中的碰撞檢測 4、認識幾個數學函數 5、物體池概念 6、序列幀動畫的控制

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消