人妻伦伦,中文字幕日韩欧美就去鲁,亚洲国产亚综合在线区

首頁免費課 HTML5小游戲---愛心魚（上）問答

HTML5小游戲---愛心魚（上）

                
                Daisy
            
                    查看講師更多課程 
                    Daisy講師的其他課程
                
HTML5小游戲---愛心魚（下）
中級·46270
免費課程
                                
canvas實現(xiàn)星星閃爍特效
中級·54188
免費課程
                                
                難度中級
            
                時長 2小時34分
            
                學(xué)習(xí)人數(shù)
            
綜合評分9.50
                            139人評價
                        查看評價
                                9.6
                                內(nèi)容實用
                            
                                9.5
                                簡潔易懂
                            
                                9.4
                                邏輯清晰

全部評論問答未解決精華

qq_癡情笑我凡俗的人世_0

圖片資源不全小魚尾巴少7張圖片，故意的吧老師

2017-08-13

慕后端0454379

背景出不來啊

0 2-1 繪制背景

2017-08-07

李鐘正

我只想要一個編譯器一樣的主題

0 2-1 繪制背景

2017-08-06

扇子shanzi

老師講的不錯，跟著做覺得挺有意思的，雖然有時候出現(xiàn)和教程的不一樣效果，但是通過自己思考，自己改，還是有收獲的，階段一代碼歡迎fork，適合谷歌瀏覽器，順便給個star啦
https://github.com/zhongshanxian/SUM/tree/master/fish

0 3-1 課程總結(jié)

2017-08-05

手心的愛

老師，你的代碼前后對不上啊喂

0 2-6 果實繪制（果實數(shù)量控制）

2017-07-28

qq_要帥氣的生活Dragon_0

可否用hbuilder編譯器

0 1-2 搭建HTML網(wǎng)頁結(jié)構(gòu)

2017-07-26

隨_憶

如果在寫的時候，發(fā)現(xiàn)有問題的，可以參考我的代碼，在gitHub上?？梢栽谶@里找到https://github.com/cj96248/tinyHeart，圖片和js代碼都有，可以完美運行。

2017-07-24

從來再來

繪制果實偏移的原因是因為lineWidth和lineCap兩個屬性,指定lineWidth,canvas繪制邏輯是是指定x坐標(biāo)左右各8px的寬度這樣繪制，lineCap屬性會增加8px的高度所以果實的位置x和y各偏移了8px

0 2-4 果實繪制（靜態(tài)果實）

2017-07-21

慕用6506724

要是這個也能實現(xiàn)彈幕就好了，走神的遇到走心的就變得值得了

1 1-2 搭建HTML網(wǎng)頁結(jié)構(gòu)

2017-07-20

情積雪

ctx1.drawImage(this.bigBody,-this.bigBody.width*0.5,-this.bigBody.height*0.5);
ctx1.drawImage(this.bigTail,-this.bigTail.width*0.5+30,-this.bigTail.height*0.5);
ctx1.restore();
}

0 2-7 大魚繪制

2017-07-19

情積雪

大魚：
momObj.prototype.draw = function(){
ctx1.save();
ctx1.translate(this.x,this.y);/*方法轉(zhuǎn)換畫布的用戶坐標(biāo)系統(tǒng)。平移，將畫布的坐標(biāo)原點向左右方向移動x，向上下方向移動y.canvas的默認(rèn)位置是在（0,0）*/
ctx1.drawImage(this.bigEye,-this.bigEye.width*0.5,-this.bigEye.height*0.5);

0 2-7 大魚繪制

2017-07-19

astronaut01

老師好厲害，之前背景一直出不來，又看了一遍發(fā)現(xiàn)少漏了一個點，老師棒棒的

0 2-1 繪制背景

2017-07-14

__C__

為什么果實出不來喃？求大神解答

1 2-4 果實繪制（靜態(tài)果實）

2017-07-14

dear_me

原background.js：
function drawBackground(){

bgPic.onload=function(){

ctx2.drawImage(bgPic,0,0,canWidth,canHeight);

}

}
修改后的：
function drawBackground(){

ctx2.drawImage(bgPic,0,0,canWidth,canHeight);
}
解決了?？该鞫葐栴}和漂浮直線問題

1 2-5 果實繪制（果實上浮）

2017-07-11

dear_me

我的js之間不能跨用，要加上var new_element=document.createElement("script");
new_element.setAttribute("type","text/javascript");
new_element.setAttribute("src","js/background.js");
document.body.appendChild(new_element);

0 2-1 繪制背景

2017-07-10

首頁上一頁 5 6 7 8 9 10 11 下一頁尾頁

開始學(xué)習(xí)

課程須知: 1、對html、css基礎(chǔ)知識已經(jīng)掌握。 2、對JavaScript的基礎(chǔ)知識掌握，如數(shù)組、類、對象。

老師告訴你能學(xué)到什么？: 1、html5 canvas制作游戲理念 2、html5 canvas 繪圖API 3、游戲中的碰撞檢測 4、認(rèn)識幾個數(shù)學(xué)函數(shù) 5、物體池概念 6、序列幀動畫的控制

微信掃碼，參與3人拼團

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

HTML5小游戲---愛心魚（上）