簡(jiǎn)介：這款html5“愛心魚”游戲適合剛?cè)胧钟螒蜷_發(fā)的同學(xué)，或是想學(xué)習(xí)html5 API的同學(xué)。本課程將帶領(lǐng)你學(xué)習(xí)主要的html5 API，通過一個(gè)清新美好的小游戲，幫助你熟悉游戲開發(fā)流程。課程分兩部分，第一部分完成游戲核心，第二部分完善游戲內(nèi)容。
第1章 頁面搭建
這一章節(jié)會(huì)對(duì)我們的案例做一個(gè)基本的介紹，主要是搭建HTML網(wǎng)頁結(jié)構(gòu)。
第2章 繪制
本章節(jié)學(xué)習(xí)使用canvas api繪制小魚、大魚、果實(shí)等。
- 視頻： 2-1 繪制背景 (21:08)
- 視頻： 2-2 繪圖API回顧 (03:55)
- 視頻： 2-3 海葵繪制 (15:23)
- 視頻： 2-4 果實(shí)繪制（靜態(tài)果實(shí)） (18:40)
- 視頻： 2-5 果實(shí)繪制（果實(shí)上?。? (08:49)
- 視頻： 2-6 果實(shí)繪制（果實(shí)數(shù)量控制） (09:51)
- 視頻： 2-7 大魚繪制 (12:12)
- 視頻： 2-8 大魚隨鼠標(biāo)移動(dòng) (12:51)
- 視頻： 2-9 大魚和果實(shí)的碰撞檢測(cè) (06:12)
- 視頻： 2-10 優(yōu)化 (02:53)
- 視頻： 2-11 小魚繪制 (14:00)
第3章 總結(jié)
本章節(jié)daisy對(duì)課程進(jìn)行了簡(jiǎn)單總結(jié)，及對(duì)下期課程的預(yù)告。