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

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

創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比南明網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式南明網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋南明地區(qū)。費(fèi)用合理售后完善，10多年實(shí)體公司更值得信賴。

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 app中素材

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

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

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

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

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

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

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

IOS中，微信的打飛機(jī)是怎么實(shí)現(xiàn)的

這個(gè)是html5技術(shù)實(shí)現(xiàn)的，通過程序員事先編輯好的html5小游戲，主要是CSS3和JS的代碼實(shí)現(xiàn)的，然后整理好之后放到服務(wù)器端，連接到微信

HTML5游戲開發(fā)為什么要選擇Cocos引擎

主要原因是在移動(dòng)互聯(lián)網(wǎng)時(shí)代，玩家的娛樂需求更加碎片化，而HTML5游戲更符合這種娛樂趨勢(shì)。

以HTML5游戲《打飛機(jī)》為例，玩家的操作方式簡單方便，為劃屏控制，在攻擊炮彈輸出、爆炸特效、大技能效果等各方面都表現(xiàn)出色。點(diǎn)擊“馬上玩”在短短幾秒就可跳轉(zhuǎn)到游戲界面，準(zhǔn)入門檻相當(dāng)?shù)汀?/p>

玩家對(duì)HTML5游戲接受度非常之高，與此同時(shí)，手游的開發(fā)成本、營銷成本居高不下，3D超重度游戲競爭非常慘烈，HTML5游戲則為開發(fā)者提供了一個(gè)發(fā)展出位的新思路。于是HTML5游戲占領(lǐng)玩家屏幕、獲得開發(fā)者重視也不足為怪。

當(dāng)前名稱：html5打飛機(jī)的簡單介紹
網(wǎng)頁地址：http://vcdvsql.cn/article32/dsdiopc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、自適應(yīng)網(wǎng)站、全網(wǎng)營銷推廣、商城網(wǎng)站、移動(dòng)網(wǎng)站建設(shè)

廣告

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