设计稿转Prefab

如果美术提供的设计稿是蓝湖,可以自动生成Prefab,省去了手动拼界面的时间。类似于PSD转Prefab的功能。

我也认为 web 是最终游戏 UI 的归宿,css 和扩展的组件可以实现很多引擎没有的效果。可以 UI 用 web 而需要高性能的游戏界面再用引擎展示是最好的

最好的方式是 AI 生成 web 游戏界面,结合引擎内开发的游戏内容。可以做到快速开发

然而很多游戏开发者都不会css、vue
而开发游戏只用学引擎就够了

未来不需要你会 css 和 vue,ai 懂的比你多。直接生成了,目前 ai 就可以简单生成 web 内容,简单的说

使用web:ai 训练数据最多,也是目前和未来 ai 程序的目标
使用引擎:ai 需要单独训练数据,还需要接入 MCP,相当于重新开始使用小数据集训练(还要考虑未来 MCP 接口的改变)

1赞

其实游戏开发这种简单的页面真不需要多少时间,布局排列,dc调整,滑动窗口调试,聊天调试,各种单选多选,遮罩等才是占大头。举个例子,设计稿就算给你相对整齐的界面,你还是要细节调整节点的顺序

我也觉得,除非设计稿和PSD,能转成UI界面,并且能转成不同状态的UI界面,支持切换,不然程序员识别节点,调整节点的时间并不会比手摆省多少时间。不过工具肯定是好的,说不定某一天就完善了

不能拆成小预支体吗。。。这个预制体看着节点这么多

下载你的扩展应用程序之后安装,浏览器不支持清单版本,是需要重新更新一下浏览器的版本吗?

Chrome更新了,需要升级插件,请下载最新版本:dom-ui-parser.zip (27.0 KB)

figma可以吗

适合一锤子买卖,不过也不错,比没有好
要二次修改就要手动编辑器内调整了,而且你会发现资源混乱不堪,适合快速出品且不需要频繁修改的项目

unity 不就在搞这一套吗,现在都快搞烂了。 游戏 UI 远没有 web 那么麻烦要考虑的技术方案也不一样,比如粒子之类的东西。 另外再就是 AI ,用不用 AI 和是不是采用 html 技术没啥关联吧,只要是文本能描述的道理都一样 :joy:

工具可以用,当是不能识别类型吗?比如按钮能识别成Cocos的button组件吗?

我用的是3.x。能直接导出3.x版本吗

目前不支持直接导出3.x,只能用3.x导入生成的2.x文件

这个方案 做不了跨平台

如果美术稿不是图片资源,是css样式表呢?

插件里使用了dom-to-image库,可以把一部分CSS样式转为图片,可以九宫格的图片还有自动九宫格的功能

尝试失败

查找节点用的节点id,不是class,类似这样《div class=“not-here” id=“page”》