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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

當前名稱：html5打飛機的簡單介紹
網(wǎng)頁地址：http://chinadenli.net/article32/dsdiopc.html

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

廣告

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