• 熱門專題

Egret白鷺H5小遊戲開發入門(三)

作者__|云顶娱乐捕鱼漏洞打法:小輝_Ray  發布日期_-|诸暨凯翔:2016-12-14 20:33:11
Tag標簽||-云顶娱乐官网下载ios:白鷺  小遊戲  
  • 前言__|金牛区国土局:

      在上一篇文章中著重介紹了H5小遊戲開發的起步階段|_雷神2豆瓣,如Wing麵板的使用-|_168彩票网是不是黑彩,素材的處理--_宁波万达电影院影讯,類的說明等等_|_093彩票提款安全吗,那麼今天主要是涉及到場景的創建_|_链家司歌歌词,loading的修改等等的代碼編寫--永盛国际平台可靠吗。

      對於這一節|优彩彩票平台,我在講解的過程中會使用到眾多的類或對象__-诺基亚500万像素,對於它們的具體用法_|_邱光慈,建議查看白鷺官方文檔-__金橘花剧情。

      文檔地址-|_嘟嘟熊动画片:http://edn.egret.com/cn/docs/page/639

    修改Loading

      上一節我們講到即將創建場景createGameScene()的時候就結束了|金奎丽,這一節在我們正常創建場景之前-宏基s220,我們先修改一下loading頁的效果|--约彩彩票为啥注册不了。畢竟它是最先進入我們視野的頁麵__盈彩是什么软件。

      如果你還有印象--易彩彩票是真的假的,應該記得我提過LoadingUI的實例化的地方_-金寨房屋出租,並添加到stage|青岛东方城招聘。

      

      為了修改loading效果||_365天天彩票是真是假,我們先打開LoadingUI.ts__|蕙兰凝胶,我們可以看到在loading實例化之後_氯丹,會執行createView()方法___致富彩票网址。

      為了將文本居中|_|2628彩票网页登录,將textField的寬度改成舞台的寬度640|106时时彩手机版,利用center實現水平居中||陈俊文。同時將y軸調到適當的位置500-_106官网彩票安全吗。

      因為RES.ResourceEvent事件隻能返回當前已加載數和加載總數兩個參數||易旺彩票是真的吗,所以為了把加載進度更加直觀一點--上海中潭癫痫能治愈,我們一般寫成百分比的形式__碧月帆雪。

      設置進度的代碼如下||金箍棒dota:

        public setProgress(current, total):void {
            var num = Math.floor(current / total * 100);
            this.textField.text = num.toString() + ' %';
        }

    創建遊戲場景

      保存loadingUI.ts的修改後-_038爱彩网,接下來我們打開Main.ts-1号彩票登录地址,並進入到createGameScene()方法-_网通固定电话费查询。

      為了方便後麵的調用|-_舌苔生绒毛,我先創建一個初始化數據的方法_--108娱乐骗局带的人。

     1     /**
     2      * 創建遊戲場景
     3      * Create a game scene
     4      */
     5     private createGameScene():void {
     6         this.init();
     7     }
     8     /**
     9      * 初始化遊戲數據和場景
    10      * initial game data
    11      */
    12     private SW:number;//舞台寬
    13     private SH:number;//舞台高
    14     private SCORE:number = 0;//分數
    15     private init():void{
    16         this.SW = this.stage.stageWidth;
    17         this.SH = this.stage.stageHeight;
    18         //利用白鷺預設的創建bitmap方法創建背景圖片
    19         var bg = this.createBitmapByName('bg_game_jpg');
    20         //並首先添加到舞台底部
    21         this.stage.addChild(bg);
    22     }

      執行初始化方法後||_桑叶采摘器,保存並刷新瀏覽器就可以看到以下效果啦-此木为柴山山出的下联。一個基本的場景就出來了_|-俗人岛社区。

       

      接下來|-105彩票手机登录,我們將頭部的素材的提取出來_|_教师行为规范,另建一個方法用於創建數據欄__-云顶彩票送45。

      

     1     /**
     2      * 創建分數欄
     3      * create score container
     4      */
     5     private TF_socre: egret.TextField;
     6     private createScore(): void {
     7         //為方便管理與設置-_雪一片一片是什么歌,把分數欄獨立於一個容器內
     8         var cont = new egret.DisplayObjectContainer(),
     9             bg = this.createBitmapByName('bg_top_png'),
    10             title = this.createBitmapByName('txt_score_png'),
    11             txt = new egret.TextField();
    12         //添加的順序影響層級
    13         cont.addChild(bg);
    14         cont.addChild(title);
    15         cont.addChild(txt);
    16         //整個分數容器在設計圖中的位置
    17         cont.x = 40;
    18         cont.y = 22;
    19         //標題和分數在分數欄內部的位置
    20         title.x = 36;
    21         title.y = 54;
    22         txt.x = 100;
    23         txt.y = 51;
    24         //限製文本的區域
    25         txt.width = 110;
    26         txt.height = 32;
    27         //定義顏色-|富士施乐3117加粉、水平與垂直居中--_隋唐大运河开凿顺序、字體大小-||动感地带积分兑换商城,初始字符--|龙之崛起布局、加粗等
    28         txt.textColor = 0xffdb15;
    29         txt.textAlign = 'center';
    30         txt.verticalAlign = 'middle';
    31         txt.size = 24;
    32         txt.text = '0';
    33         txt.bold = true;
    34         //將分數TextField實例引用到Main類下的內部屬性值_-国王皇后mv,方便其他方法調用並修改分數值
    35         this.TF_socre = txt;
    36         this.stage.addChild(cont);
    37     }

      大同小異|_诛仙临江仙,創建時間欄的方法如下|_-和康达。

     1     /**
     2      * 創建時間欄
     3      * create time container
     4      */
     5     private TF_time: egret.TextField;
     6     private createTime(): void {
     7         var cont = new egret.DisplayObjectContainer(),
     8             bg = this.createBitmapByName('bg_top_png'),
     9             title = this.createBitmapByName('txt_time_png'),
    10             txt = new egret.TextField();
    11         cont.addChild(bg);
    12         cont.addChild(title);
    13         cont.addChild(txt);
    14         cont.x = 352;
    15         cont.y = 22;
    16         title.x = 36;
    17         title.y = 54;
    18         txt.x = 100;
    19         txt.y = 51;
    20         txt.width = 110;
    21         txt.height = 32;
    22         txt.textColor = 0xffdb15;
    23         txt.textAlign = 'center';
    24         txt.verticalAlign = 'middle';
    25         txt.size = 24;
    26         txt.text = '0 S';
    27         txt.bold = true;
    28         this.TF_time = txt;
    29         this.stage.addChild(cont);
    30     }
    創建時間欄方法

      創建以上方法後_-_阳泉中行吧,並在init()方法內通過this.createScore()和this.createTime()調用_上海体育馆招聘会,刷新瀏覽器可看到以下變化-_丰田路霸汽车报价。

      

       PS_-_360彩票过滤:時間關係_|-钢水脱氧,原本本文打算寫更多的-__travalue,但是為了保證延續性---康鸥移动电源怎么样,先發這部分了__-土元养殖加盟骗局。

     

      接下來將繼續更新第四篇-_-易赢彩票网址下载,敬請期待---赢天下还能播吗。

       轉載請注明出處--克隆qq空间下载,謝謝|_1288彩票平台靠谱吗。

      

延伸閱讀_|易网彩票开奖下载:

About IT165 - 廣告服務 - 隱私聲明 - 版權申明 - 免責條款 - 網站地圖 - 網友投稿 - 聯係方式
本站內容來自於互聯網,僅供用於網絡技術學習,學習中請遵循相關法律法規
一品彩票星彩彩票北京赛车pk10如意彩票快乐时时彩秒速快3

免责声明: 本站资料及图片来源互联网文章,本网不承担任何由内容信息所引起的争议和法律责任。所有作品版权归原创作者所有,与本站立场无关,如用户分享不慎侵犯了您的权益,请联系我们告知,我们将做删除处理!