下载 App

Tap制造外部UI编辑器开放日记——及GitHub开源+成品共享

06/121599 浏览开发交流 包含 AI 合成内容
前言:该工具合适跟我一样的【0基础】【跨行业】【会简单使用剪映工具】的裸泳级Tap制造游戏开发者。

工具闭环:阿里云效仓库+本地UI编辑器+Tap制造云端。

初衷:在3月份首次接触到Tap制造的时候,一腔热血,没倒在UI没倒在内容,上线发布了第一款游戏《挂机封神记》至此,开始了自媒体转行到Tap游戏制造的道路。
可人性是残酷的,我最终倒在了自己的玩家群体上,玩家反馈能不能有好看一点的UI,游戏能不能做的好看的,至此——我需要更好看的UI,我要对自己,对玩家,对平台,都有一个更好的提升和服务。
所以,本地UI编辑器——它诞生了。
TapTap
在被Tap制造淬炼的过程中,逐渐了解到AI的强大性和兼容性,所以大手一挥,Codex-Pro订阅直接拿下!
通过Codex制作了这一款本地UI生成编辑器,我是小白加上0基础,所以在这款软件上,使用了做自媒体时候的剪辑思维,中间预览两边编辑的布局,力求让UI设计跟剪辑一样简单!
并接入了Codex接管和Chatgpt生图功能的Key接入【我只知道这个AI…其他接入需要其他大佬整了】
TapTap

【目前该Tap制造本地UI编辑器功能如下】

关于本地UI编辑器手动部署+AI+MCP可接入的UI生成器相关功能说明:

针对游戏项目的本地UI生成和导出工具。其目标不是替代Figma、Photoshop或引擎编辑器,而是把常见游戏UI先在本地编辑器里生成、拼装、姿势,再导出到Cocos、Godot、TapTap Maker或网页端继续业务内容。

1.【工程设置】:可新建工程,可导入PSD工程,解析PSD图层,导出PNG通道素材,并在编辑器中恢复现图层坐标。(建议新建工程,因为PSD工程目前转化面向tap制造还是存在绿色像素残留问题,新建工程或者有PSD工程的作者用PS的PNG批量导出到工具内手动复现效果是最好的),可调整画布包含手机、PC的竖版横版,针对Tap制造设置有固定的750×1334完美避开胶囊按钮遮挡的问题。

2.【工程文件树】:提供类PS文件树功能,存在总节点+小节点模式,点击对应节点能跳转对应UI贴图,点击对应贴图同样会反向选中工程文件树对应节点。提供工程树内新增加需求模板,实现剪映同款点击即所得。并可以对工程节点进行重命名方便管理。

3.【AI生成】:提供codex接管的AI生成UI功能。

4.【导出】:。面向【tap制造】提供git回导实现UI直接在Tap制造端的部署功能。支持cocos、godot本地直接导出并跳转对应软件项目直接导入使用功能。并支持Tap制造、Cocos、godot的工程绑定增量同步,可以实时更新项目UI,不用重新全覆盖导入。

5.【编辑】:提供图层层级调整、按钮交互绑定、按钮动效设定、UI直接变为填充进度条+可选渐变色填充、字体安装覆盖、对独立UI进行Image的key接管单独同风格重新生成对应独立UI。

6.【素材库】:上传、预览、分类、拖入、替换选中UI、删除素材。

7.【顶部主界面】:交互、网格、吸附、参考线

8.【实机模拟】:正确模拟实机状态下的各项交互,已验证导入后交互功能依旧健全,可以正确点击对应按钮进行跳转交互,后续可以直接填入内容,或进行微调即可完整使用!

【最后】

【本地UI生成编辑器github开源地址+Win成品打包+额外附加新手成品百度云盘】
本地 AI 游戏 UI 生成器开源地址:
Windows 版下载:
下载 ZIP 后解压,运行 LocalAIUIGenerator.exe 即可。
【百度云盘】
通过网盘分享的文件:tapUI编辑器
--来自百度网盘超级会员v9的分享

我是方丈~各位裸泳者们,加油吧!为了更好的未来!Tap造啊!
猜你想搜
taptap 制造ui编辑器
本地部署 AI 对接 TapMaker 指南 —— 以 CodeBuddy 为例V1.1截图
本地部署 AI 对接 TapMaker 指南 —— 以 CodeBuddy 为例V1.1
写在前面 大家好,我是橘猫,和你一样也是TapMaker的萌新玩家。在"全能神"天哥的悉心指导下,我顺利完成了本地开发环境的部署。经过这段时间的实战测试,已经成功打通了「本地开发 → 同步至TapMaker」的完整流程。 以下内容全部来自我的个人实操经验,旨在为同样在探索本地部署的朋友提供一个参考。每个人的电脑环境、网络情况、AI工具版本都不尽相同,文中的步骤仅供交流学习。如果你照着操作后遇到问题
31 赞
14 回复
新人避坑指南第一期(核心必看)截图
新人避坑指南第一期(核心必看)
新手制作游戏项目三大避坑准则 一、前期地图规范要求 开启新项目之后,必须清晰交代需求:明确项目内容、运行环境、角色出生点位置,再交由助手制作第一张地图。 第一张地图禁止直接预览,先将生成内容存入素材库,核对样式是否符合自身预期。 核心判定方法:单独生成第一张地图预览图,第一张地图决定整体全局架构,UI、UX整体风格全部由它锁定。如果第一张地图的画面、UI、UX不符合自己的设想,立刻新建项目,不要在
14 赞
5 回复
如何提升你游戏中的UI美术水平截图
如何提升你游戏中的UI美术水平
一、请为你的游戏挑选一款合适的字体 很多开发者没有注意到其实UI界面中最重要的元素是字体,一款合适的字体能给整个游戏的界面感官带来蜕变。 请看案例 那么如何挑选适合自己的字体呢? 我总结出了一些小经验可供参考: 黑体:通用 宋体:古风、武侠、修仙 楷体:古风、武侠、修仙 圆体:卡通、动漫、Q版 科技:科幻、未来、电子 顺手分享一个免费可商用字体网站: 当然 如果你不知道自己的游戏适合什么风格
精华
119 赞
37 回复
03:06
为了不被斩杀,我只能做到这些了截图
为了不被斩杀,我只能做到这些了
之前一直申请不到计划3,之前说太花哨,后面说体量完成度不足,在我一番小作文下,编辑终于给了我解答,什么原生质感,玩家开局体验啥的。 本来计划2也够用,准备以后再优化了,结果计划2赠送的积分要砍半了,学生党实在消费不起,于是只能再冲一波计划3了 从周六中午到现在一天半时间,优化了一遍角色卡,战斗卡,还有抽卡界面,优化了新手教程,该说不说确实比之前要舒服些。 前半部分为新版,后半部分为旧版。 明天再次
18 赞
4 回复
【UI教程】如何将已有的效果图应用为实际的UI界面截图
【UI教程】如何将已有的效果图应用为实际的UI界面
在经过了一些折腾和比较折磨的尝试后,我总算是摸清楚了嗒啦啦怎么把UI效果图转换为实际游戏中的UI组件,今天就给大家带来这部分的经验分享。 tips:1.本篇教程需要各位掌握最基本的ps使用,具体的操作部分我会大致讲解,但仍需各位自行学习ps的基本操作,部分可以由ai代劳的环节我会注明。 2.本篇教程需要在以我前两篇教程作为前置环节,请在阅读这两篇前置教程后再进行本篇教程内容的学习 在按照前
10 赞
4 回复
01:29
官方阅,申请积分计划2,希望官方继续支持我完成这款游戏,截图
官方阅,申请积分计划2,希望官方继续支持我完成这款游戏,
视频内容只是一部分, 本游戏耗时3个月,目前完成进度百分之80, 是生存游戏,进入修仙界,走剧情找到宗门加入, 这时游戏才是真正开始, 提升实力境界后就可以变强,获取功法法术法宝, @视频内是游戏里挑战妖族入侵一种主流玩法,游戏就是围绕着这个来进行, 还有很多地方可以战斗,获得资源修炼变强,比如去藏书阁学习功法, 去法宝楼抽法宝,每一个宗门数十个法宝抽取 去修仙界探索,获得各自的资源,可能遇见妖兽
1 赞
3 回复
自己做的一款游戏截图
自己做的一款游戏
完整游戏设定(严格按你全部要求整理,无修改原版台词、猛虎大招、隐藏捷径路线) 基础总设定 写实第三人称3D剧情格斗,流畅打斗动作,主角大招:猛虎变身(匹配泰格先锋军虎机甲) 场景:郊外空地、牢狱 角色:兽=荒野行动泰格先锋军机甲;主人格=纯白简约白衣 核心规则:玩家自由选择常规主线/隐藏捷径路线 第一章:分离宿命(第1关) 隐藏捷径触发条件(隐藏路线) 地图4个石墩点位,站石墩
5 赞
2 回复
[开发心得]让塔拉拉帮你的2D游戏做个动作编辑器(KEIS)截图
[开发心得]让塔拉拉帮你的2D游戏做个动作编辑器(KEIS)
先叠甲:笔者没有引擎开发经验,此处提供一个思路,希望我能抛砖引玉让大佬们发现更强的办法大家一起进步;(实在是可以优化的空间还很多,实则我积分告急了[表情_吐舌头]) 文字太多不想看的读者,文章底部有伪焚诀可以自取 正在用塔拉拉做一个武侠游戏,但觉得无法编辑动作对于武侠游戏多少是个硬伤, 如果绘制大量精灵图又无法角色通用,同时对于我的美术需求量也会暴涨; //提炼我的需求:各角色通用,且不会增加
精华
23 赞
5 回复
《挂机封神记》日均赚500,开发日志总结截图
《挂机封神记》日均赚500,开发日志总结
前要:本人自媒体行业者,0代码基础,0游戏开发基础,纯跨行,100%纯小白。 1.【认识tap制造】:从自媒体博主偶遇tap制造平台,是一件很巧合的事情,这里要感谢“依灵工作室”,我们在线下视频拍摄的时候偶然认识,聊到了tap制造ai游戏。 在如今ai盛行的年代,ai游戏?大有搞头!既然是ai,那就一定有小白的发挥空间,ai=学习成本下放=所想即所得的一拍即合。 2.【小白怎么做游戏?】:在获取到
25 赞
19 回复
00:45
TapTap制造本地开发模式保姆级教程截图
TapTap制造本地开发模式保姆级教程
1.你可以使用 Codex、Cursor、Claude Code 等支持 MCP 的 AI 工具 最简单的就是腾讯的WorkBuddy 2.去官网下载WorkBuddy 3.对WorkBuddy说:我要安装个Agent 我给你安装方法 一、安装 Maker MCP npx -y @taptap/maker install --ide codex,cursor,claude 部分 Agent 安装
11 赞
7 回复