簡(jiǎn)介：本課程將帶領(lǐng)大家結(jié)合一個(gè)關(guān)于鋼琴的微信小游戲，認(rèn)識(shí)2D游戲引擎Phaser的核心應(yīng)用。從H5環(huán)境搭建到核心API的學(xué)習(xí)；從微信環(huán)境的適配，到能實(shí)戰(zhàn)開發(fā)一個(gè)關(guān)于微信小游戲。從基礎(chǔ)入門到實(shí)戰(zhàn)開發(fā)，將會(huì)逐步帶你揭開Phaser的神秘面紗，體驗(yàn)他的強(qiáng)大之美。在學(xué)習(xí)技術(shù)的同時(shí)，老師還會(huì)分享一些鋼琴樂(lè)理知識(shí)，希望能和大家一起快樂(lè)敲代碼！
第1章 課程介紹
本章主要針對(duì)實(shí)戰(zhàn)項(xiàng)目實(shí)現(xiàn)的功能，可以學(xué)到的技術(shù)知識(shí)，以及授課方式等內(nèi)容進(jìn)行了講解，幫助同學(xué)們對(duì)課程有初步的認(rèn)識(shí)。
第2章 Phaser的基礎(chǔ)與原理
本章將介紹Phaser的h5環(huán)境的搭建，帶領(lǐng)大家學(xué)習(xí)Pahser基礎(chǔ)概念與主要的原理。
- 視頻： 2-1 H5游戲由哪些元素構(gòu)成 (12:02)
- 視頻： 2-2 Phaser是什么 (09:13)
- 視頻： 2-3 phaser環(huán)境搭建 (17:32)
- 視頻： 2-4 Phaser中的game與游戲?qū)ο? (07:54)
- 視頻： 2-5 游戲中的資源與資源加載 (13:10)
- 視頻： 2-6 常用顯示對(duì)象(圖片、精靈、文字、graphics) (15:17)
- 視頻： 2-7 Phaser中的顯示對(duì)象容器 (07:21)
- 視頻： 2-8 Phaser如何渲染顯示對(duì)象 (07:00)
- 視頻： 2-9 state使用與原理 (12:57)
- 視頻： 2-10 Phaser中的動(dòng)畫 (07:56)
第3章 實(shí)戰(zhàn)之構(gòu)建小游戲基礎(chǔ)功能
本章將帶領(lǐng)大家實(shí)操如何實(shí)現(xiàn)Phaser適配微信小游戲，并進(jìn)行模塊的劃分，完成小游戲的基本結(jié)構(gòu)。
第4章 實(shí)戰(zhàn)之游戲核心邏輯
本章將分析并實(shí)戰(zhàn)完成小游戲的核心功能，會(huì)涉及到微信音頻與存儲(chǔ)api、鋼琴樂(lè)理的基礎(chǔ)知識(shí)與運(yùn)用、物理引擎Arcade的使用等知識(shí)。
- 視頻： 4-1 游戲頁(yè)面UI構(gòu)建1 (15:03)
- 視頻： 4-2 游戲頁(yè)面UI構(gòu)建2 (14:18)
- 視頻： 4-3 琴鍵事件、動(dòng)畫與聲音的結(jié)合 (12:34)
- 視頻： 4-4 樂(lè)理基礎(chǔ)知識(shí) (09:08)
- 視頻： 4-5 如何把一首歌制作成游戲可識(shí)別的數(shù)據(jù) (12:04)
- 視頻： 4-6 結(jié)合歌曲實(shí)現(xiàn)游戲主邏輯_001 (16:20)
- 視頻： 4-7 Arcade物理引擎與重構(gòu)游戲邏輯 (13:26)
- 視頻： 4-8 游戲得分、結(jié)束與下一關(guān)邏輯實(shí)現(xiàn) (13:43)
- 視頻： 4-9 游戲得分規(guī)則的優(yōu)化 (06:26)
- 視頻： 4-10 游戲記錄與存儲(chǔ)邏輯實(shí)現(xiàn) (13:39)
第5章 實(shí)戰(zhàn)之我的記錄
本章將介紹如何在Phaser使用listview來(lái)實(shí)現(xiàn)列表，并梳理彈奏記錄播放的實(shí)現(xiàn)邏輯。