下载 App

[开发心得]让塔拉拉帮你的2D游戏做个动作编辑器(KEIS)

精华03/25451 浏览开发交流
先叠甲:笔者没有引擎开发经验,此处提供一个思路,希望我能抛砖引玉让大佬们发现更强的办法大家一起进步;(实在是可以优化的空间还很多,实则我积分告急了[表情_吐舌头])
文字太多不想看的读者,文章底部有伪焚诀可以自取
正在用塔拉拉做一个武侠游戏,但觉得无法编辑动作对于武侠游戏多少是个硬伤,
如果绘制大量精灵图又无法角色通用,同时对于我的美术需求量也会暴涨;
//提炼我的需求:各角色通用,且不会增加额外美术负担
我制作的游戏是俯视角类游戏,市面上对于这类游戏的动作数据是极少的,指望塔拉拉自行生成或者口头调教效果难保证,效率(需要经历描述,塔拉拉修改,编译,在进游戏查看的界面);
//提炼我的需求:需要精妙调准,同时可能需要反复调整,因此我需要一个直观的最好自己能编辑的动作设计界面,
遂头铁着手开发一个 动作编辑器功能(类似于骨架,但实际比传统骨架开发更简单)

除了我以上的两个需求:

1.各角色可通用
2. 可实时查看调整
3. 俯视角游戏,对于动作IK要求不高,让各个部件(也就是身体的各个部位)能任意的放大/缩小/旋转/平移就能实现所有动作的复刻

我还有额外的需求

3. 本人是roblox开发者,对于该引擎较熟悉,也经常k该平台的动作,所以我希望能让这个操作逻辑贴近roblox动作编辑器(这应该是最简单的一类商业引擎动作编辑器了,大家也可以在prompt中选则自己熟悉的编辑器作为参考提示),这一步基本规定了页面逻辑也包括了动画是根据关键帧进行,自动补全关键帧内容,可以选择循环播放等;
4. 个人习惯需要输入一些快捷键,例如基本的ctrl+z撤回
5. 一个通用的编辑器思路:游戏制作者在编辑器里
//无论是此处的动画编辑还是其他老师提供的UI编辑器都可以适用)
制作者点击任何操作后都需要反馈,此处我选用在屏幕左上角弹出操作成功/失败(含失败原因)的提示;
6. 笔者的游戏有武器,顺便让他做了一个武器绑定手部位置的调试界面,和动作界面平级;(我的武侠游戏比如同一把长剑有的招式需要正手拿有的需要反手拿,有这个方便一点)
7.我希望有办法将动作保存到本地或者以其他形式储存起来,其他老师提供的UI云存档方法虽然有用,但对于我的需求2来说太过繁琐,同时我也希望能导入一些动作的可能,因此此处有特殊处理(私以为是本文重点,后文详细描述
TapTap
界面整体展示
需要前置条件提醒:此处需要maker们自己先把角色的关节确定好,即这个角色有哪些部件可以作为动画的一部分运动,例如我的游戏就是 5个部分:
1. 人物的头
2. 左手
3. 右手
4. 身体
5. 武器

功能展示:

TapTap
选中某个部位的某一帧后可以通过滑块实现 角度旋转/大小/位置调节
后续玩家如果有需要也可以实现让maker们选中部件,然后直接在预览器里拖拽/放大实现,但我不需要(此处的原因按下不表,容我卖个关子)
页面具有回归默认等基本功能,可以选择塔拉拉帮我设计的基本动作作为改动的源头
TapTap
到这一步基本实现了编辑器本身的功能;
但接下来要解决两个比较大的问题,也是本文私以为最有用的地方:
-------划重点专用分割线-----------

问题1如何将编辑的游戏数据应用到游戏中

塔拉拉编辑器本身的保存功能具有诸多限制:
没办法实时写入数据到游戏本身,云变量是个方法但我觉得还是过于繁琐;好在这个动作帧功能可以被序列化为json文件,
此处笔者也踩了很久的坑浪费了很多积分,让塔拉拉生成可以复制的json文件;
因为塔拉拉制作的文本框不知道什么原因永远无法复制,因此用一个笨办法,还是需要消耗一定的积分让他帮我拉取本次保存的多个动作的json文本,
当然还有更简单省积分的方法,你可以直接截图,图转文= =比塔拉拉拉取好用,快捷的多,你把截图直接发给塔拉拉也能直接导入为动作

也希望官方能直接修复这个问题,让我可以复制其中的内容

TapTap
获取到的json文件后在跟塔拉拉口胡让他生成新的动作资产导入游戏即可

问题2:我都用AI了,这么k动画还是有点太累了有没有更偷懒的做法?

有的兄弟有的,
此时我们已经获取了我动作的json文件,已经有了动作编辑器以及骨架方式,我们应该怎么做?
  我们应该让塔拉拉反向输出我们现在角色的动画制作流程,让他输出一个md文档:
  作为动作制作流程的参考标准,让他在文档里说明骨骼的作用人物的朝向等(根据项目情况进行微调,反正核心就是让他输出你现在编辑器什么功能,能做到什么);
生成这个文档之后我们再喂给一个外部的大语言模型;把我们刚刚获取的json文件发给他,随后你可以让他直接帮你改动动作= =
再此过程中你可能还是要矫正一次方向,但之后我的动作基本全口述,让大语言模型生成的
TapTap

成果展示

TapTap
将得到的json直接编个名字集中在一个文档,甩给塔拉拉批量制作成游戏的动作,大功告成
通过以上步骤maker最终得到的是一个
1. 可以实时微调
2. 各角色可通用
3.可以轻松保存导出到本地(哪怕你管理一堆截图)并让塔拉拉实装
4.一定程度上实现无积分消耗的口头指导动作,配合微调能满足这个体量的游戏制作了
猜你想搜
taptap 制造keis使用教程
别再烧积分了!从每次 2000 到每次 50 的血泪经验截图
别再烧积分了!从每次 2000 到每次 50 的血泪经验
适用场景:所有在用 TapTap Code 开发游戏的小白 难度:★☆☆☆☆ 背景最近群里总有人"炫耀"一次操作花了几千积分,说实话这不是值得高兴的事——这是在告诉所有人你的开发方式有根本性问题。我也走过这条弯路,所以来说说怎么改。 积分消耗的本质是什么积分 = AI 处理的 token 数量 = 你发给 AI 的内容 + AI 回给你的内容所以烧积分的本质只有两种: 你让 AI 做了大量无效/重
精华
68 赞
21 回复
03:06
为了不被斩杀,我只能做到这些了截图
为了不被斩杀,我只能做到这些了
之前一直申请不到计划3,之前说太花哨,后面说体量完成度不足,在我一番小作文下,编辑终于给了我解答,什么原生质感,玩家开局体验啥的。 本来计划2也够用,准备以后再优化了,结果计划2赠送的积分要砍半了,学生党实在消费不起,于是只能再冲一波计划3了 从周六中午到现在一天半时间,优化了一遍角色卡,战斗卡,还有抽卡界面,优化了新手教程,该说不说确实比之前要舒服些。 前半部分为新版,后半部分为旧版。 明天再次
39 赞
6 回复
01:27
《大二暑假,我用AI做了一款属于自己的游戏》截图
《大二暑假,我用AI做了一款属于自己的游戏》
本人自制游戏现已加入taptap封闭测试(仅适配安卓机型)欢迎大家前来尝试(八月十号可以正式开始游玩) 如果有建议或者bug反馈可以加入qq群928501443 #发现好游戏 #游戏日常 #浅评一下 #今天游戏圈发生了啥
3 赞
如何提升你游戏中的UI美术水平截图
如何提升你游戏中的UI美术水平
一、请为你的游戏挑选一款合适的字体 很多开发者没有注意到其实UI界面中最重要的元素是字体,一款合适的字体能给整个游戏的界面感官带来蜕变。 请看案例 那么如何挑选适合自己的字体呢? 我总结出了一些小经验可供参考: 黑体:通用 宋体:古风、武侠、修仙 楷体:古风、武侠、修仙 圆体:卡通、动漫、Q版 科技:科幻、未来、电子 顺手分享一个免费可商用字体网站: 当然 如果你不知道自己的游戏适合什么风格
精华
123 赞
44 回复
开发心得-界面布局心得截图
开发心得-界面布局心得
大家好,我正在用 TapTap 制造制作一款2D 治愈林间徒步旅行游戏《徒步荒野》。 我分享一下我的开发心得,希望能有用,下面是一些界面布局的心得。 第一步:定版式、操作 先确定游戏是横版还是竖版、需要哪些操作按钮,敲定整体玩法思路。 我的玩法灵感参考《边境之旅》,主打散步看风景、沿途触发随机事件。 原版是 3D,考虑到自己是新手,选择2D 横版街机式来做,制作更简单、好上手。 第二步:敲定全局美
6 赞
3 回复
【Tap make 塔拉拉之立项干货】萌新看过来!截图
【Tap make 塔拉拉之立项干货】萌新看过来!
题外话:本人也是tap make 使用者之一。塔啦啦忠实信徒、天哥忠实拥护者、八年游戏策划经验的低级策划。但是!我已经做出来一款5000+热度、且稳定可更新的框架、并且还在持续产出更多游戏内容的橘猫! 这几天正好在开新坑。我是3月初加入的tapmake大家庭。两周时间于3月25日将这个作品上架。当时的全凭感觉摸索。如今,自己也是一个有自己项目的小菜鸡了。今天,就来分享一下,如何高效的制作一款高大上
投票精华
68 赞
24 回复
永恒虚空持续开发日记1——关于游戏中的新名词:场频截图
永恒虚空持续开发日记1——关于游戏中的新名词:场频
写在前边:首先感谢TapTap制造版主大大@汪崽 对于作品潜力的肯定,给与了我积分计划二的权限[表情_不好意思]。这边也在加紧开发改进各种功能中,期望尽快给大家带来成熟的版本。[表情_猫咪举手] 大家好,我是永恒虚空的制作人黑猫不详,大家叫我黑猫就好。从今天开始我将以后置开发日记的形式给大家分享我在TapTap制造中制作的游戏永恒虚空的开发过程,新人希望大家多多关照! 今天先给大家介绍我作品中最重
投票
3 赞
00:26
塔啦啦科研:三渲二(风格1)截图
塔啦啦科研:三渲二(风格1)
最近在研究像素风格的三渲二,一直想做小丑牌那种风格,但是塔啦啦一直做不出来,发现是有一部分的功能做不了,只能实现简单的材质制作和描边,因此,我从零直接搭建了一整套引擎基础。目前进度可以看视频。 @嗒啦啦 什么时候出shader 评论区随意提问 #TapTap制造 #TapTap制造社区 #TapTap制造
4 赞
5 回复
2D 等轴测视角:完整理论截图
2D 等轴测视角:完整理论
2D 等轴测视角:完整理论 一、视角的本质 什么是等轴测 人站在高处斜着往下看地面,地面上的方格子不再是正方形,而变成了菱形。这就是等轴测的视觉本质。 俯视(正上方看下去): 等轴测(斜上方看下去): ┌──┬──┬──┐ ◇ ├──┼──┼──┤ ◇ ◇ ├──┼──┼──┤ ◇ ◇ ◇ └──┴──┴──┘ ◇ ◇ ◇ 正方形网格经过旋转 + 压缩,变成了菱形网格。 为什么是 2:1
6 赞
「游戏上新」秦王的游戏截图
「游戏上新」秦王的游戏
你是秦王嬴政身边的廷臣。 方士徐福献上一匣【帝王卡牌】,四张凶牌封死命运: 屠戮|淫欲|奢华|征伐 七日死限,必须一一折断卡牌对应的欲望任务。 办不成? 秦王殿上长剑出鞘,君臣性命,顷刻倾覆。 ⚔游戏核心玩法 ▪回合卡牌策略,抉择牵动秦廷朝堂势力 ▪朝堂派系博弈:王权、法家、军功贵族、方士暗流角力 ▪多重结局:功成辅秦王一统,或是任务失败血染咸阳宫 ▪随机事件触发,每一局嬴政的猜忌程度截然
4 赞
2 回复