下载 App
Axure UI Creator —— 对 Axure 设计的UI像素级复刻创作
修改于05/07300 浏览开发心得
设计图、线上版本游戏界面、新skill导出界面对比
注：本教程及skill针对于会使用axure进行UX编辑的用户，无UI设计经验的用户可以尝试使用AI生图拆分后，在auxre里进行拼接再导出HTML
后续会尝试申请skill
这是什么？
axure-ui-creator 是一个 嗒啦啦 Skill，让 AI 能够将 Axure 导出的 CSS 文件精确还原为 UrhoX 游戏 UI 界面。
简单来说：你在 Axure 里画好界面原型或者正式UI界面 → 导出 CSS → 喂给 AI → 自动生成可运行的 UrhoX Lua UI 代码。
适用场景
- 用 Axure 设计了游戏 UI 原型，想快速转为可运行代码
- 需要像素级还原设计稿的位置、颜色、字号、圆角等样式
- 竖屏手游 UI（如修仙/RPG/卡牌类游戏主界面）
- 任何需要从 CSS 属性映射到 UrhoX UI 组件的场景
使用流程
第一步：准备 Axure CSS 文件
- 在 Axure RP 中完成界面设计
- 导出为 HTML（File → Export → HTML）
- 在导出目录中找到 CSS 文件（通常在 files/ 或 styles/ 目录下）
- 将 CSS 文件复制到项目的 docs/ 目录
第二步：告诉 AI 你想做什么
在 嗒啦啦 中这样对话：
请根据 docs/xxx （提交的CSS内容路径） 中的 CSS 样式，还原这个界面的 UI
设计分辨率：1080*1920（你的分辨率，影响UI的绝对坐标）
第三步：AI 自动完成
AI 会自动：
- 解析 CSS 文件中的所有元素（位置、尺寸、颜色、字号等）
- 将 CSS 属性映射为 UrhoX UI 组件属性
- 生成可运行的 Lua 代码到 scripts/ 目录
- 调用构建工具
Skill 包含的内容
核心踩坑记录（精华）
这些是实际项目中反复验证后总结的关键经验：
- 文字颜色属性不统一
- 颜色格式必须用 RGBA 数组
- 透明背景不能写 "transparent"
- 层级由 children 顺序决定
使用效果
输入一个 Axure CSS 文件（几百到上万行），AI 可以：
- 自动识别所有 UI 元素的位置、尺寸、颜色、字号
- 正确选择 UrhoX UI 组件（Label / Panel / Button / Image 等）
- 处理绝对定位布局，像素级还原设计稿
- 处理多屏幕界面（如设置界面的多 Tab 切换）
- 输出可直接运行的 Lua 代码
注意事项
- 目前主要针对竖屏手游 UI 优化
- 横屏或其他分辨率也可使用，修改设计分辨率参数即可
- Axure CSS 导出格式可能因版本不同略有差异，建议使用 Axure RP 9/10
- 此 Skill 依赖 UrhoX 引擎的 urhox-libs/UI 组件库
01:29
官方阅，申请积分计划2，希望官方继续支持我完成这款游戏，
视频内容只是一部分，
本游戏耗时3个月，目前完成进度百分之80，
是生存游戏，进入修仙界，走剧情找到宗门加入，
这时游戏才是真正开始，
提升实力境界后就可以变强，获取功法法术法宝，
@视频内是游戏里挑战妖族入侵一种主流玩法，游戏就是围绕着这个来进行，
还有很多地方可以战斗，获得资源修炼变强，比如去藏书阁学习功法，
去法宝楼抽法宝，每一个宗门数十个法宝抽取
去修仙界探索，获得各自的资源，可能遇见妖兽
@这孤独的样子，
1 赞
3 回复
本地部署 AI 对接 TapMaker 指南 —— 以 CodeBuddy 为例V1.1
写在前面
大家好，我是橘猫，和你一样也是TapMaker的萌新玩家。在"全能神"天哥的悉心指导下，我顺利完成了本地开发环境的部署。经过这段时间的实战测试，已经成功打通了「本地开发 → 同步至TapMaker」的完整流程。
以下内容全部来自我的个人实操经验，旨在为同样在探索本地部署的朋友提供一个参考。每个人的电脑环境、网络情况、AI工具版本都不尽相同，文中的步骤仅供交流学习。如果你照着操作后遇到问题
@芒果狗子
24 赞
14 回复
新人避坑指南第一期（核心必看）
新手制作游戏项目三大避坑准则
一、前期地图规范要求
开启新项目之后，必须清晰交代需求：明确项目内容、运行环境、角色出生点位置，再交由助手制作第一张地图。
第一张地图禁止直接预览，先将生成内容存入素材库，核对样式是否符合自身预期。
核心判定方法：单独生成第一张地图预览图，第一张地图决定整体全局架构，UI、UX整体风格全部由它锁定。如果第一张地图的画面、UI、UX不符合自己的设想，立刻新建项目，不要在
@小米豆
9 赞
2 回复
00:54
等距场景编辑器——自行编辑2D瓦片场景地图
一个可嵌入任何 UrhoX 项目的完整等距瓦片地图编辑器，适用于 RPG、策略、模拟经营等类型游戏的关卡设计。
SKILL审核已通过，各位创作者可以根据自己的需要对工具进行调整修改
声明：该工具仅作为场景编辑以及序列化，交互等功能需要用户自行在项目中定义
后续会根据实际情况补充rule tile相关逻辑，实现tile map编辑自由
目录
1. 界面总览
2. 六种编辑工具
3. 双视图模式
4.
精华
@长宁Aring
21 赞
11 回复
00:15
科研了一下嗒啦啦生成spine
做图标动态或者转场动态这种图形类动画应该没问题，可以做到这个效果，人物动作的话不太行。
尝试做了可视化，引擎里没法实时更新创建骨骼，也用不了网格，还是得用spine软件。微调位置和动态效果幅度时间之类的可以
拆分建议自己做，复杂形状嗒啦啦有点拆不明白
@诺米Styxia
23 赞
13 回复
自己做的一款游戏
完整游戏设定（严格按你全部要求整理，无修改原版台词、猛虎大招、隐藏捷径路线）
基础总设定
写实第三人称3D剧情格斗，流畅打斗动作，主角大招：猛虎变身（匹配泰格先锋军虎机甲）
场景：郊外空地、牢狱
角色：兽=荒野行动泰格先锋军机甲；主人格=纯白简约白衣
核心规则：玩家自由选择常规主线/隐藏捷径路线
第一章：分离宿命（第1关）
隐藏捷径触发条件（隐藏路线）
地图4个石墩点位，站石墩
@看看怎么上课
5 赞
2 回复
2D 等轴测视角：完整理论
2D 等轴测视角：完整理论
一、视角的本质
什么是等轴测
人站在高处斜着往下看地面，地面上的方格子不再是正方形，而变成了菱形。这就是等轴测的视觉本质。
俯视（正上方看下去）： 等轴测（斜上方看下去）：
┌──┬──┬──┐ ◇
├──┼──┼──┤ ◇ ◇
├──┼──┼──┤ ◇ ◇ ◇
└──┴──┴──┘ ◇ ◇
◇
正方形网格经过旋转 + 压缩，变成了菱形网格。
为什么是 2:1
@涅槃妙心 创想工作室
6 赞
【UI教程】如何将已有的效果图应用为实际的UI界面
在经过了一些折腾和比较折磨的尝试后，我总算是摸清楚了嗒啦啦怎么把UI效果图转换为实际游戏中的UI组件，今天就给大家带来这部分的经验分享。
tips：1.本篇教程需要各位掌握最基本的ps使用，具体的操作部分我会大致讲解，但仍需各位自行学习ps的基本操作，部分可以由ai代劳的环节我会注明。
2.本篇教程需要在以我前两篇教程作为前置环节，请在阅读这两篇前置教程后再进行本篇教程内容的学习
在按照前
@织匠
10 赞
4 回复
如何提升你游戏中的UI美术水平
一、请为你的游戏挑选一款合适的字体
很多开发者没有注意到其实UI界面中最重要的元素是字体，一款合适的字体能给整个游戏的界面感官带来蜕变。
请看案例
那么如何挑选适合自己的字体呢？
我总结出了一些小经验可供参考：
黑体：通用
宋体：古风、武侠、修仙
楷体：古风、武侠、修仙
圆体：卡通、动漫、Q版
科技：科幻、未来、电子
顺手分享一个免费可商用字体网站：
当然 如果你不知道自己的游戏适合什么风格
精华
@N3
117 赞
36 回复
别再烧积分了！从每次 2000 到每次 50 的血泪经验
适用场景：所有在用 TapTap Code 开发游戏的小白
难度：★☆☆☆☆
背景最近群里总有人"炫耀"一次操作花了几千积分，说实话这不是值得高兴的事——这是在告诉所有人你的开发方式有根本性问题。我也走过这条弯路，所以来说说怎么改。
积分消耗的本质是什么积分 = AI 处理的 token 数量 = 你发给 AI 的内容 + AI 回给你的内容所以烧积分的本质只有两种：
你让 AI 做了大量无效/重
精华
@虎老大王
64 赞
20 回复