最近,空下來(lái)準(zhǔn)備研究一下用egret來(lái)做動(dòng)畫(huà)和游戲此叠。
egret是什么?
Egret是一套HTML5游戲開(kāi)發(fā)解決方案随珠,產(chǎn)品包含Egret Engine灭袁,Egret Wing,EgretVS窗看,Res Depot茸歧,Texture Merger,TS Conversion烤芦,Egret Feather举娩,Egret Inspector,DragonBones构罗,Lakeshore等铜涉。而核心產(chǎn)品是Egret Engine,是一個(gè)基于TypeScript語(yǔ)言開(kāi)發(fā)的一個(gè)HTML5游戲引擎遂唧,其余的大多是開(kāi)發(fā)和輔助工具芙代。
安裝 + 初步調(diào)試
參考官網(wǎng) step by step進(jìn)行安裝 + 初步調(diào)試
Hello World
項(xiàng)目創(chuàng)建好之后,我們進(jìn)入index.html
然后找到對(duì)應(yīng)的data-show-fps和data-show-log盖彭,然后將其的值改為true纹烹,方便我們觀察到游戲運(yùn)行的實(shí)時(shí)幀率
設(shè)置完之后,run后會(huì)是這樣滴~
接下來(lái)召边,我們來(lái)進(jìn)行Hello World的入門(mén)
找到src下的main.ts
再進(jìn)入游戲創(chuàng)建場(chǎng)景的函數(shù) createGameScene
加上這么一段:
// 創(chuàng)建一個(gè)文字對(duì)象
let text = new egret.TextField();
// set xy
text.x = 100;
text.y = 100;
// set color
text.textColor = 0x888888;
// set container
text.text = 'Hello world~ dididi'
// add to Main
this.addChild(text);
然后點(diǎn)擊項(xiàng)目 > 構(gòu)建
铺呵,構(gòu)建成功后,點(diǎn)擊項(xiàng)目 > 調(diào)試
這時(shí)候隧熙,我們的hello world dididi 就跑出來(lái)啦~
嗯... 是不是很簡(jiǎn)單片挂,接下來(lái)繼續(xù)