目前為止在cocos h5上面遇到的問題做整理
手機啟動遊戲畫面是豎屏
需要修改build option, 將朝向改成 Landscape
解析度大於設計解析度時會在兩側留下空隙, 需要將fit width也開啟
在橫屏顯示下輸入鍵盤就會顯得格格不入
有兩種作法, 一種是 orientation 設定 auto, 玩家選擇適合的朝向, 因為 os 的鍵盤是跟著手機朝向的, 這時候把手機鎖定關閉, 手機旋轉90度後遊戲自然會變成橫版
另外一種就是維持 landscape 朝向, 但玩家一樣關閉手機朝向鎖定, 手機旋轉90度後開啟遊戲h5, 這樣就會以橫版方式啟動遊戲, 就不會有鍵盤朝向不一致的問題
遊戲啟動首包達到68mb, 把多數圖片資源放到bundle後, 啟動降低到36-38mb, 整體啟動速度也快多了
三個目錄分別建立各自的 bundle 並打包
從 build 目錄大概可以看出大小在20mb
後續還要把 resource 目錄下的字型做優化, 再把創角的 prefab 拉出來到 bundle, 這樣應該可以把首包 resource 給縮小到15mb以下
要在 windows 下偵錯 cocos h5 跟 mac 不一樣
首先安裝weinre
$ npm install -g weinre
啟動weinre
$ weinre --boundHost 192.168.3.162 --httpPort 9091
查看remote debug
http://192.168.3.162:9091/client/
在打包的 index.html 新增以下
手機端瀏覽 http://192.168.3.162/alnair/build/web-mobile/ 後可以看到 weinre 有連接近來
後台也可以看到對應的連接跟log
目前打包出來的資源中 cocos-js 大小在 3.79 MB 上下
關閉某些cocos中不需要的功能
可以縮減 _virtual_cc 的大小
Note. No deprecated APIs 打開後 XMLHttpRequest 調用會出錯, 被縮減掉了, 後續還是打開
點鏈結並關注 Bot Father https://t.me/BotFather
https://docs.ton.org/develop/dapps/telegram-apps/step-by-step-guide#setting-up-a-bot-for-the-app
創建 bot
/newbot
新增好 bot 後修改 bot 設定
/mybots
點 @stickcody_bot.
bot setting > menu button > edit menu button url
輸入url: https://alnairclt2.wetacoin.com
輸入title: alnair
創建成功
切換到 anubis bot
點左下角 "alnair"
可以看到遊戲啟動了
