-
畫大魚函數(shù)：
查看全部 -
繪制?？?/p>
查看全部 -
課程介紹：
查看全部 -
繪圖API回顧
查看全部 -
手冊：
https://www.w3school.com.cn/tags/html_ref_canvas.asp
查看全部 -
5、大魚吃果實的碰撞檢測
原理：
檢測大魚和果實的距離
查看全部 -
4、畫大魚，身子，尾巴，眼睛
使用到的API
translate()
rotate()
Math.atan2(y, x)
查看全部 -
3、繪制果實，黃色果實和藍(lán)色果實
使用到的API
drawImage()
長大 ---> 成熟
查看全部 -
2、繪制?？?/p>
繪制直線的API
beginPath()
closePath()
strokeStyle
stroke()
lineWidth
lineCap()
globalAlpha;
save()
destore()
查看全部 -
課程結(jié)構(gòu)
1、準(zhǔn)備工作
搭建HTML網(wǎng)頁結(jié)構(gòu)
繪制背景
查看全部 -
課程面向用戶
1、具有HTML、CSS基礎(chǔ)知識
2、具有JavaScript基礎(chǔ)知識（函數(shù)、類、對象）
3、具有一些Canvas基礎(chǔ)（畫線、弧線、圓）
查看全部 -
分兩個階段
階段一目標(biāo)
1、靜止的海葵
2、?？a(chǎn)生果實
3、果實自動漂浮
4、大魚吃果實
5、大魚喂小魚
階段二目標(biāo)
1、?？麛[動動畫
2、大魚眼睛、尾巴動畫
3、小魚眼睛、尾巴動畫
4、小魚生命值判斷
5、游戲分值計算
6、漂浮物
查看全部 -
課程介紹
玩法：
1、大魚吃果實
2、大魚喂小魚
3、小魚恢復(fù)體力
查看全部
舉報
0/150
提交
取消