如何使用Createjs來編寫HTML5游戲完成一個簡單的打飛機(jī)游戲

CreateJS包含4個部分，EaselJS、TweenJS、PreloadJS、SoundJS，其中最主要的部分EaselJS包含了開發(fā)Html5游戲的所有功能，僅僅使用EaselJS幾乎可以完成所有的開發(fā)工作，其余三項(xiàng)可以看作EaselJS的輔助工具。比如響應(yīng)tick事件然后改變元素坐標(biāo)就可以實(shí)現(xiàn)動畫功能，而使用TweenJS來創(chuàng)建補(bǔ)間動畫，則可以省去你很多代碼，簡化了操作。一個簡單的tick動畫看起來是這樣的：pre t="code" l="js"var stage, circle;

創(chuàng)新互聯(lián)建站"三網(wǎng)合一"的企業(yè)建站思路。企業(yè)可建設(shè)擁有電腦版、微信版、手機(jī)版的企業(yè)網(wǎng)站。實(shí)現(xiàn)跨屏營銷，產(chǎn)品發(fā)布一步更新，電腦網(wǎng)絡(luò)+移動網(wǎng)絡(luò)一網(wǎng)打盡，滿足企業(yè)的營銷需求！創(chuàng)新互聯(lián)建站具備承接各種類型的成都做網(wǎng)站、成都網(wǎng)站制作項(xiàng)目的能力。經(jīng)過十年的努力的開拓，為不同行業(yè)的企事業(yè)單位提供了優(yōu)質(zhì)的服務(wù)，并獲得了客戶的一致好評。

function init(){

stage = new createjs.Stage(document.getElementById('game'));

createjs.Ticker.addEventListener("tick", handleTick);

createjs.Ticker.setFPS(60);

circle = new createjs.Shape();

circle.graphics.f("red").dc(0,0,50);

circle.x = 0;

circle.y = 100;

stage.addChild(circle);

circle.addEventListener("click", function(event){

createjs.Ticker.setPaused(!createjs.Ticker.getPaused());

});

}

function handleTick(event){

if(!event.paused){

circle.x +=5;

if(circle.x 1000){

circle.x = 0;

}

}

stage.update();

}

誰有這個素材。html5的css3模板的多重動畫練習(xí)圖片。紙飛機(jī)太陽和背景藍(lán)天白云。

為啥一定要這素材，百度隨便找個不行嗎，找個蝴蝶，花，草叢不也一樣

求飛機(jī)大戰(zhàn)的電腦單機(jī)游戲。

游戲類型：敏捷小游戲

游戲大小：2680K

開發(fā)語言：HTML5

游戲開發(fā)：騰訊

游戲平臺：微信

游戲介紹

《飛機(jī)大戰(zhàn)》這是一款經(jīng)典飛行射擊類游戲，精美絢麗的畫面，整體環(huán)境主要還是圍繞太空為主，高保真的音效，為玩家呈現(xiàn)一場不一樣射擊體驗(yàn)。簡單的觸屏操作，觸屏按住隨意一個地方，左右移動，便可自動攻擊敵人，上下移動亦可躲避強(qiáng)敵。在飛機(jī)的左下角還有兩個道具槽，直接點(diǎn)擊就可以發(fā)動道具效果，前提是你必須要吃到道具。玩家在游戲中要做的就是駕駛著最新戰(zhàn)機(jī)，向敵人的總部發(fā)起了沖擊。除了傳承經(jīng)典的飛行射擊類元素之外，同時還加入了商店系統(tǒng)，通過購買相關(guān)配件和物品升級武器和飛機(jī)。另外還有裝備系統(tǒng)，可以讓你的飛機(jī)變得更強(qiáng)悍，替換相關(guān)配件讓你火力全開。

飛機(jī)大戰(zhàn)

操作指南

如何開始

游戲加載完成后點(diǎn)擊[開始游戲]即可開始游戲。

操作方法

使用鍵盤方向鍵↑↓←→鍵控制飛機(jī)移動，空格鍵為發(fā)射子彈，當(dāng)擊中敵機(jī)時，增加10分，被敵機(jī)打到時扣除一個生命值，分?jǐn)?shù)每增加100分增加一條生命，并且敵機(jī)的速度會加快，撞上敵機(jī)時游戲結(jié)束。

如何提取html5 app中素材

如果開發(fā)者要開發(fā)應(yīng)用，游戲，但自己并不擅長美工，那么只能去網(wǎng)上到處找素材，但網(wǎng)上的免費(fèi)素材并不多，免費(fèi)素材很少能滿足開發(fā)者的需求。不過還有一個辦法，我們可以從其他應(yīng)用中提取素材，這些素材的質(zhì)量還是比較高的。

我們就拿微信的打飛機(jī)為例，首先把微信的安裝包下下來，apk文件，或者ipa文件，把后綴名改成rar，然后用winrar解壓出來。

ipa解壓后素材很好找，資源都放在一個目錄下，直接用縮略圖來找就能找到需要的圖片素材，有些是單獨(dú)一個對象的圖片，可以拿來直接用，有些是多個對象的圖片合成一張大圖，這就需要對應(yīng)的打包配置文件才能讀取各區(qū)域的小圖片，如果配置文件加密了，那么這個大圖基本上沒辦法用。

apk解壓出來素材都放在assets和res目錄下，不過由于微信打飛機(jī)是做成一個jar集成在微信里面的，所以我們在assets/preload目錄下可以看到一個名字帶有“shoot”的jar文件，把這個jar解壓出來，在res目錄下可以找到一些圖片素材，另外在shoot目錄下可以找到打包過的圖片素材，雷達(dá)下載更專業(yè)。

這些打包的圖片也有對應(yīng)的打包配置文件，記錄了各個小圖的裁剪區(qū)域，也需要用配置文件來讀取圖片信息。好在apk版本的配置文件并沒有加密，用文本模式打開我們就可以看到配置信息，包括各個小圖片的區(qū)域和名稱，稍作調(diào)整支持我們常用的開發(fā)引擎，就可以拿來用了。

但并不是所有的應(yīng)用都可以提取其素材，有些會把圖片信息加密處理了，在加載的時候再解密出來使用，這樣我們就沒法盜用它的素材了。另外，如果明顯盜用其他應(yīng)用的素材，就會涉及到侵權(quán)了，所以開發(fā)者提取應(yīng)用的素材最好以自己開發(fā)練習(xí)來用，不要光明正大的把應(yīng)用發(fā)布到市場上去。

最后還是要說，成功的應(yīng)用離不開優(yōu)秀的美工，美工轉(zhuǎn)獨(dú)立開發(fā)者成功的案例很多，但程序員要自己做美工還是很有難度的，實(shí)在需要美工的話可以考慮招人或者外包出去。

網(wǎng)站欄目：飛機(jī)html5,飛機(jī)頭
地址分享：http://chinadenli.net/article0/dsidhoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、標(biāo)簽優(yōu)化、微信小程序、網(wǎng)站設(shè)計(jì)公司、全網(wǎng)營銷推廣、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)