layabox使用初体验

游戏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 前端开发文档


猜你喜欢

转载自blog.csdn.net/weixin_41056807/article/details/106786753