利用HTML5Canvas制作一個簡單的打飛機游戲_html5教程技巧
來源:懂視網(wǎng)
責(zé)編:小采
時間:2020-11-27 15:19:28
利用HTML5Canvas制作一個簡單的打飛機游戲_html5教程技巧
利用HTML5Canvas制作一個簡單的打飛機游戲_html5教程技巧:之前在當(dāng)耐特的DEMO里看到個打飛機的游戲,然后就把他的圖片和音頻扒了了下來。自己憑著玩的心情重新寫了一個。僅供娛樂哈。我沒有用框架,所有js都是自己寫的。所以就可以來當(dāng)個簡單的教程,對那些剛玩canvas的,或許能有些幫助,
導(dǎo)讀利用HTML5Canvas制作一個簡單的打飛機游戲_html5教程技巧:之前在當(dāng)耐特的DEMO里看到個打飛機的游戲,然后就把他的圖片和音頻扒了了下來。自己憑著玩的心情重新寫了一個。僅供娛樂哈。我沒有用框架,所有js都是自己寫的。所以就可以來當(dāng)個簡單的教程,對那些剛玩canvas的,或許能有些幫助,
之前在當(dāng)耐特的DEMO里看到個打飛機的游戲,然后就把他的圖片和音頻扒了了下來。。自己憑著玩的心情重新寫了一個。僅供娛樂哈。。。我沒有用框架,所有js都是自己寫的。。。所以就可以來當(dāng)個簡單的教程,對那些剛玩canvas的,或許能有些幫助,樓主玩canvas也不是很久,技術(shù)不是很好,請見諒哈。
閑話不多說,先上DEMO撒:飛機游戲 樓主寫這個人純碎娛樂,沒想著寫成多正式的游戲哈。
步入主題啦:打飛機游戲文件有index.html入口文件,allSprite.js精靈的邏輯處理文件,loading.js加載處理文件以及data.js(初始化的一些數(shù)據(jù))。
首先,正常的游戲基本上都需要一個loading,loading頁面就是用來預(yù)加載數(shù)據(jù)的,包括精靈表圖片,音頻等,因為這是個小游戲,要加載的就只有一些音頻和圖片。里面的加載代碼主要就下面這些,其他是制作loading動畫的,那個比較簡單,就不貼了,如果有興趣的直接在DEMO里看控制臺就行了:
游戲開始了,一個游戲,會需要很多的對象,所以我就統(tǒng)一寫成了一個精靈對象,不同對象之間的每一幀的運動情況直接用behavior來分別編寫就行了。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
利用HTML5Canvas制作一個簡單的打飛機游戲_html5教程技巧
利用HTML5Canvas制作一個簡單的打飛機游戲_html5教程技巧:之前在當(dāng)耐特的DEMO里看到個打飛機的游戲,然后就把他的圖片和音頻扒了了下來。自己憑著玩的心情重新寫了一個。僅供娛樂哈。我沒有用框架,所有js都是自己寫的。所以就可以來當(dāng)個簡單的教程,對那些剛玩canvas的,或許能有些幫助,