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

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

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

難度中級
時長 3小時27分
學習人數
綜合評分9.80
87人評價 查看評價
9.9 內容實用
9.9 簡潔易懂
9.6 邏輯清晰
完結撒花~謝謝老師~
wave和halo感覺可以統一成一個~~
圖集里有個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幀(好看),再加載個背景音樂(用定位),死亡時可以避免使用刷新。
我覺得是這樣的,每高過多少分,就加快小魚死亡的系數。每次吃藍色翻倍,比如有2個就翻4倍
感謝老師辛苦的教導,我跟著做完了,還把這個游戲改成了移動端的,但是發現配置較低的手機跑起來沒有那么流暢
跟著做完,收獲很大,對JS中對象的應用更進一步,發現canvas真的很強大,但我現在感覺canvas對事件的支持太繁瑣,不如click等這種事件來的方便,如果能改良事件處理機制,那么canvas將非常非常牛,交互制作將容易多了。
講的非常好,思路很清晰!學到了很多??!
非常感謝老師,已經跟著視頻把這個小游戲完成了。。
漂浮物的繪制有個地方 有個小bug,var NO = this.dustNO[i % 7]; 這個地方應該是要對7進行取余的。漂浮物的圖片只有7張
老師,你是四川人,是不?哈哈。
有一個bug:??膆eady沒有變化,導致??趽u擺時,海葵的高度是改變的,這個與實際不符合!
謝謝老師,講的很好,跟著做學到了很多知識
一直支持老師
小游戲跟著做出來了,挺有成就感^_^,謝謝老師
看到這邊就快要結束了,估計很少人看
課程須知
1、對html、css基礎知識已經掌握。 2、對JavaScript的基礎知識掌握,如數組、類、對象。 3、學習本課程之前您最好已經學習完成《HTML5小游戲---愛心魚(上)》
老師告訴你能學到什么?
1、html5 canvas制作游戲理念 2、html5 canvas 繪圖API 3、游戲中的碰撞檢測 4、認識幾個數學函數 5、物體池概念 6、序列幀動畫的控制

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消