Layaair 第一個(gè)“微信小游戲”

Layabox新建文件

步驟一:選中bin右鍵單擊碗淌,然后左鍵點(diǎn)擊“新建文件”系瓢,在bin目錄下建立一個(gè)HelloLaya.js的文件浮庐。

步驟二:按建步驟一的方式弹惦,還在bin目錄下,修改index.html的文件喉恋,

步驟三:準(zhǔn)備工作完成后沃饶,就可以編碼了母廷,我們打開bin目錄下的HelloLaya.js,開始編寫如下代碼:

編寫代碼

點(diǎn)點(diǎn)文字糊肤,文字會(huì)往下移動(dòng):

Laya.MiniAdpter.init();//初始化引擎
Laya.init(600,400); //初始化琴昆,創(chuàng)建一個(gè)舞臺(tái)
Laya.stage.bgColor='#00aaff'; //修改背景色
var txt=new Laya.Text(); //創(chuàng)建文字對(duì)象
txt.text='帶我飛!馆揉!'; //定義文字對(duì)象的內(nèi)容
txt.fontSize=35; //設(shè)定文本大小
txt.color='#ff1900'; //文本顏色
txt.x=50; //文本X位置
txt.y=100; //Y位置
Laya.stage.addChild(txt); //為舞臺(tái)(stage)添加上你創(chuàng)建的這個(gè)小文本
txt.on('click',this,function(){ //點(diǎn)擊事件业舍,和JS的on事件一樣,寫在點(diǎn)它它會(huì)撒驕升酣!
   
    if(txt.y>=300)
    {
         txt.text='我跳O夏骸!';
        txt.y = 100; //坐標(biāo)回到最初位置
    }
    else
    {
         txt.text='點(diǎn)我X选下面!';
        txt.y+=20; //坐標(biāo)往下移
    }

});

步驟四:編碼完成后,按F5調(diào)試绩聘,在彈出的頁面里沥割,我們可以看到代碼的運(yùn)行結(jié)果,如下圖所示


發(fā)布

點(diǎn)擊發(fā)布快捷鍵凿菩,如下圖所示:



微信開發(fā)者工具



點(diǎn)擊預(yù)覽机杜,若提示文件超過4M,則刪除3D文件蓄髓,先完成一個(gè)超小游戲DEMO叉庐,
后期補(bǔ)充超過4M的解決方案舒帮。



使用微信掃預(yù)覽生成的二維碼会喝,即可看到我們做好的小游戲了~!

微信小游戲4M本地包的使用

通常我們開發(fā)項(xiàng)目的時(shí)候玩郊,會(huì)直接使用本地路徑肢执,比如示例中引用的就是本地路徑,

Laya.Texture2D.load("res/layabox.png");

如果項(xiàng)目的目錄中译红,全部大小加起來不超過4M的話预茄,只要能找到本地的資源,怎么寫也沒問題侦厚。
但是耻陕,
微信小游戲的本地包有4M的限制,一旦超過這個(gè)限制刨沦,那就不允許上傳诗宣,不允許真機(jī)預(yù)覽。
所以想诅,我們的項(xiàng)目要是大于4M后召庞,怎么處理呢岛心?
要進(jìn)行資源目錄的規(guī)劃,分為本地加載與網(wǎng)絡(luò)動(dòng)態(tài)加載篮灼,兩種模式結(jié)合使用忘古。
本地加載的規(guī)劃里,我們除了入口文件和必用的配置文件外诅诱,只放一些預(yù)加載必用的素材髓堪,比如加載進(jìn)度(Loading)頁用到的背景與圖形等∧锏矗總之旦袋,就是不能超過4M。
Tips:需要提醒注意的是微信小游戲不允許動(dòng)態(tài)加載創(chuàng)建JS它改,所以疤孕,JS必須要放在4M包里,也就是說JS加上基礎(chǔ)配置文件必須要小于4M央拖,項(xiàng)目適配時(shí)如果超過4M祭阀,要進(jìn)行優(yōu)化控制。
網(wǎng)絡(luò)動(dòng)態(tài)加載的路徑怎么處理呢鲜戒。在本地加載的load()方法之后使用URL.basePath方法专控。
例如:

material.diffuseTexture = Laya.Texture2D.load("res/layabox.png");
box.meshRender.material = material;
Laya.URL.basePath = "https://XXXX.com";//請(qǐng)把XXXX換成自己的真實(shí)網(wǎng)址;
//在此之下遏餐,再使用load加載資源伦腐,都會(huì)自動(dòng)加入U(xiǎn)RL網(wǎng)址。從網(wǎng)絡(luò)上動(dòng)態(tài)加載失都。

使用URL.basePath方法后柏蘑,再使用load加載本地路徑,都會(huì)自動(dòng)加上URL.basePath里的網(wǎng)址粹庞。這樣就實(shí)現(xiàn)了本地與網(wǎng)絡(luò)加載的結(jié)合咳焚。
這樣就結(jié)束了嗎?并沒有庞溜!
按剛剛的寫法革半,res/layabox.png明明已經(jīng)上傳到微信小游戲的本地目錄,但是如果在使用URL.basePath之后流码,再次加載res/layabox.png并不會(huì)從本地加載使用又官,而是從網(wǎng)絡(luò)動(dòng)態(tài)加載使用。這并不是我們要的結(jié)果漫试。
所以六敬,引擎針對(duì)使用URL.basePath之后,如何再次使用本地加載商虐,進(jìn)行了特殊目錄和文件的處理觉阅,也就是本地包白名單機(jī)制崖疤。如下例所示:

MiniAdpter.nativefiles = [
"wxlocal",
"res/atlas/houzi.atlas",
"res/atlas/houzi.png",
"common/tishi.png",
"common/bg.png",
"ui.json",
"newLb/bg031.png"
];

只要是MiniAdpter.nativefiles里存在的目錄名或文件,引擎會(huì)自動(dòng)將該目錄視為本地目錄典勇,即便使用了URL.basePath劫哼,對(duì)于包含在nativefiles白名單內(nèi)的目錄名或文件,都不會(huì)從網(wǎng)絡(luò)動(dòng)態(tài)加載割笙,只會(huì)從本地加載权烧。

本文為原創(chuàng)文章,若轉(zhuǎn)載請(qǐng)注明出處:https://heijiejie.github.io/

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末伤溉,一起剝皮案震驚了整個(gè)濱河市般码,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌乱顾,老刑警劉巖板祝,帶你破解...
    沈念sama閱讀 206,839評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異走净,居然都是意外死亡券时,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門伏伯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來橘洞,“玉大人,你說我怎么就攤上這事说搅≌ㄔ妫” “怎么了?”我有些...
    開封第一講書人閱讀 153,116評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵弄唧,是天一觀的道長适肠。 經(jīng)常有香客問我,道長套才,這世上最難降的妖魔是什么迂猴? 我笑而不...
    開封第一講書人閱讀 55,371評(píng)論 1 279
  • 正文 為了忘掉前任慕淡,我火速辦了婚禮背伴,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘峰髓。我一直安慰自己傻寂,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,384評(píng)論 5 374
  • 文/花漫 我一把揭開白布携兵。 她就那樣靜靜地躺著疾掰,像睡著了一般。 火紅的嫁衣襯著肌膚如雪徐紧。 梳的紋絲不亂的頭發(fā)上静檬,一...
    開封第一講書人閱讀 49,111評(píng)論 1 285
  • 那天炭懊,我揣著相機(jī)與錄音,去河邊找鬼拂檩。 笑死侮腹,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的稻励。 我是一名探鬼主播父阻,決...
    沈念sama閱讀 38,416評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼望抽!你這毒婦竟也來了加矛?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,053評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤煤篙,失蹤者是張志新(化名)和其女友劉穎斟览,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體辑奈,經(jīng)...
    沈念sama閱讀 43,558評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡趣惠,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,007評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了身害。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片味悄。...
    茶點(diǎn)故事閱讀 38,117評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖塌鸯,靈堂內(nèi)的尸體忽然破棺而出侍瑟,到底是詐尸還是另有隱情,我是刑警寧澤丙猬,帶...
    沈念sama閱讀 33,756評(píng)論 4 324
  • 正文 年R本政府宣布涨颜,位于F島的核電站,受9級(jí)特大地震影響茧球,放射性物質(zhì)發(fā)生泄漏庭瑰。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,324評(píng)論 3 307
  • 文/蒙蒙 一抢埋、第九天 我趴在偏房一處隱蔽的房頂上張望弹灭。 院中可真熱鬧,春花似錦揪垄、人聲如沸穷吮。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽捡鱼。三九已至,卻和暖如春酷愧,著一層夾襖步出監(jiān)牢的瞬間驾诈,已是汗流浹背缠诅。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評(píng)論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留乍迄,地道東北人滴铅。 一個(gè)月前我還...
    沈念sama閱讀 45,578評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像就乓,于是被迫代替她去往敵國和親汉匙。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,877評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容