遊戲H5前端 配合後臺接口傳輸協議活動數據,渲染視圖。
1.開發環境是在layabox上進行的,他是類似vscode的編輯器
2.遊戲裏有的數據是通過策劃配表獲得的,展示如下:
從而讀取揹包或領取獎勵的內容。
3.導入美術製作的動畫效果步驟:
①spine動畫導出,png圖片壓縮
導入的是out文件夾。
②戰鬥動畫+freestyle動畫的png和sk文件(共4個)放入:\release\client\ledoures\effect
spine動畫導出,png圖片壓縮,png和sk文件放入\release\client\ledoures\effect
/release/client/ledoures/config/fight/WeaponConf.json
加被動技能: HappyFightH5_proj\trunk\client\src\common\ShowUpAnimation.ts
\release\client\ledoures\config\fight\npc.json
內容:
"skin24"{"skin":"nezha","idle":"freestyle_nezha","specialAction":"effect_hjq","specialAction2":"effect_hjq","specialWeapon":25,"specialSkill":0,"height":280}
4.圖片大小會影響場景編輯器的響應 所有圖片需要壓縮,壓縮網址 [TinyPNG](https://tinypng.com/)
Common URL
① 大banner圖,需要更新資源的內容 E:\HappyFightH5_proj\release\client\ledoures\actpic
②所有入口文件不可註釋!! E:\HappyFightH5_proj\trunk\client\bin\config\icon.json
對應icon/頭像框的圖片路徑 E:\HappyFightH5_proj\trunk\client\laya\assets\ui\main
③通用商店更新資源
E:\HappyFightH5_proj\release\client\ledoures\shop
④啓動頁面 E:\HappyFightH5_proj\trunk\client\laya\assets\ui\beforeEnterGameLoading
⑤活動面板 E:\HappyFightH5_proj\trunk\client\laya\assets\ui\comp 下是活動面板的樣式
⑥ C:\Users\v_suviwang\AppData\Roaming\LayaAirIDE 編輯器緩存,刪除該文件就可以。
⑦ E:\HappyFightH5_proj\trunk\public\doc 前端開發文檔