基于flash骨骼动画的游戏unity实现

最新推荐文章于 2024-02-25 21:02:25 发布
转载 最新推荐文章于 2024-02-25 21:02:25 发布 · 721 阅读 · 1 ·
CC 4.0 BY-SA版权
原文链接：https://www.fgba.net/sitemap.xml
文章标签：

#动画 #unity #html

这篇博客探讨了2D动画的两种主要渲染方式——序列帧动画和骨骼动画，重点介绍了骨骼动画在Unity中的应用。针对Unity中动画嵌套导致的drawCall问题，提出了通过扁平化动画处理方案，以减少渲染层次并提高性能。同时，讨论了实时创建和缓存Mesh以平衡性能和内存消耗的方法。此外，还提到了一键导出工具对于简化工作流程和提高效率的重要性，并展示了运行效果，确保在同屏多个单位情况下仍能保持流畅的帧率。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >



常见的2D动画渲染方式
 


序列帧动画

动画细腻，对动画几乎没有什么限制，

导出文件比较大，运行时占用显存比较高
 

 


骨骼动画

适合对动作细腻程度不是很苛刻的项目比较适用，对动画制作有一定要求，
 

 


导出文件通常就是各个部件的合并贴图大小，运行时占用显存比较少

常用骨骼动画引擎

DragonBones

对动画制作要求相对较高，支持程度不错，不支持滤镜

Spine

对动画要求不高，支持度不错， 全新的工具对flash美术需要重新学习

GAF

对动画要求不高，支持滤镜，收费

为什么选用flash骨骼动画

flash页游培养了大批的flash动画人员

项目开发人员从页游转换过来

flash骨骼动画在之前的项目中长时间运行，有丰富的工具

移植到unity需要解决的问题

复杂动画如何进行一次drawCall，完成渲染
 


如上图所示，在flash 动画中元件嵌套是很常见的一种做法，手机游戏账号转让平台美术可以方便的复用一些元件动画，但是这也会给在unity中渲染带来一个问题，需要多个drawCall来完成在一帧上的动画显示。那么如何解决这个问题了？我们产用了扁平化动画来处理，将所有动画展开到Root帧上，来消除动画嵌套所带来的渲染层次问题。


如上图所示，在渲染的时候，会将嵌套中的原件，展开到根节点上，这样就可以做到一个drawCall 完成渲染。但是美术制作时并不需要考虑这个问题，这样就能做到工作简单化。提高工作效率。

实时创建Mesh 所带来的性能消耗

动画渲染过程中，我们需要创建Mesh以用来渲染，导入进来之后创建所有Mesh缓存所带来的性能和内存的消耗是不能接受的，所以只能是实时创建。实时创建的另一个弊端出现在了当场景上有多个单位时，对性能的消耗是很严重的，所以我们决定把创建的Mesh 缓存起来，这样的话即兼容了性能也兼容了内存消耗。这样实测的数据显示，同屏70个不同角色动画FPS仍然能够达到50左右。

文件结构
 


导出工具

一键导出的工具，是缩短工作流提高效率的工作利器，美术资源的修改更新，程序都只需要一件即可完成更新和替换，减少程序导出错误风险。
 


运行效果

运行效果达到美术预期，同时性能出色，同场景中50个不同单位，fps>55。


 

wangchewen
关注
2024年Unity 面试题 |五萬字 二佰道| Unity面试题大全，面试题总结【全网最全，收藏一篇足够面试】
努力前行，总会成为自己心中的那道光
02-23 15万+
正所谓 金三银四 ，又到了找工作的大好时机了，不知道大家有没有意向找一份更好的工作呢~ 之前写了很多Unity的学习和实例文章，但是面试题部分还没有一个系统的整理。 那本篇文章就来整理一下Unity中一些常见的面试题，说不准就会面试的时候就会遇到！ 本篇文章会将Unity所有方面的面试资料都融会贯通，绝对是2022年Unity面试领域最实用的文章啦！
Unity 和 Adobe Animate 制作2D动画对比：Unity更胜一筹
最新发布
欢迎光临~知1而N的博客
02-13 1004
Unity 不仅支持动画制作，还集成了编程、物理引擎、UI 系统、音效管理等工具，可直接在引擎内完成游戏或应用的完整开发流程。而 Adobe Animate 主要专注于动画制作，需配合其他工具（如代码编辑器、游戏引擎）实现复杂逻辑。（PC、移动端、主机、WebGL），且能针对不同平台优化动画性能（如动态分辨率适配）。物理、粒子特效，3D预览，镜头景深Unity 在多方面展现出显著优势，尤其是在。（如 Rigidbody 2D、碰撞体、关节），可实现基于物理的动画效果（如布娃娃系统、弹簧动画）。
浅谈Unity自带的Animation与骨骼动画Spine的优劣
热门推荐
BuladeMian的博客，菜得抠脚，菜得真实
12-05 1万+
Unity自带Animation,Animator是可以实现精灵的变化，位置移动，位置旋转，精灵不同时间段的变换为其他精灵 骨骼动画Spine的优势是当游戏中人体复杂的动画体现，需要骨骼动画的存在 如果使用Unity自带的Animation,Animator也是可以实现 简单的人体骨骼动画 ，但是会有很多毛病 比如说：如果身体和腿部有很小的缝隙，同时放大就会出现异常大的缝隙
untiy中使用flash插件。
11-09
untiy中使用flash插件。
Flash2Unity : Flash动画转Unity工具
浮生若梦
11-16 2153
今年年初写的一个工具，将Flash动画平移到Unity中。库地址如下: https://github.com/jiasy/Flash2Unity 内附一个事例工程，我还做了一个视频教程，在哔哩哔哩的网址如下: https://www.bilibili.com/video/av73034285?p=1 使用方法如下： ...
聊一下近况，研究unity的flash发布功能
互动教程网[www.hdjc8.com]
03-11 4004
前段时间在博客写了几篇简单的教程，受到了一些朋友的关注，非常感谢各位。不过最近都没再上来写东西了。这是因为最近我又忙起来了，暂时没有时间写新的东西。而且其实我写这些所谓的教程都是凭兴趣写的，没什么目的性，如果大家对于某个方面感兴趣，而我又刚好懂的话，我可以抽时间介绍一下。         最近我都在研究unity做flash项目的方法。从unity3.5开始，unity已经可以发布swf格式
Unity和Flash：先睹为快。
culiao6493的博客
09-15 1198
flash 和unityOver the last few months here at Unity, we have been hard at work on, amongst many other cool things, the ability to publish from Unity to the Flash Player. This means that next to the alr...
FLASH中利用JSFL制作动画并导入Unity
浮生若梦
08-10 1360
通过JSFL绘画扇形，然后放置于关键帧中，形成动画。 按照指定的半径和当前长度生成Symbol，如果在指定的半径线宽下当前长度的Symbol已经存在了，那么就不需要再生成Symbol了。利用已有的进行旋转，这样不同角度下弧长一致的部分不会制作关键帧。 再将动画中的每一帧解析出来，在Unity端合并SpriteAtlas，逐帧播放，遇到同一张弧度图片就旋转它摆放到应有位置。 Unity中2...
Unity(四) 基于关键帧的动画与骨骼动画
Arwind的专栏
09-25 3042
Unity中有两种类型的动画：基于关键帧的动画和骨骼动画基于关键帧的动画是最常见的动画形式，也称为帧动画。它将每一帧的动画存储为一个离散的关键帧，然后通过计算每一帧之间的差异来创建动画。这种类型的动画适用于不需要太多交互或程序控制的简单动画。在Unity中，使用Animator来创建基于关键帧的动画。骨骼动画是通过修改骨骼层次结构中的骨头来实现的。这种类型的动画适用于需要更高程度的交互和程序控制的复杂动画，例如游戏中的角色动画。在Unity中，使用Animation和Animator来创建骨骼动画。
Unity3D游戏开发中相见恨晚的动画插件
m0_59795095的博客
07-08 941
在策划开发一款游戏时，我们一般都想把游戏中各个细节都做到完美，特别是玩家与游戏中角色互动对话时，最好让游戏角色的唇型与面部微表情具有一致性，该如何用快速简单的办法实现这些操作呢?今天小编就分享几款Unity编辑器扩展工具，希望有让你相见恨晚的插件，帮助大家用最简单的办法解决麻烦的动画问题。 SALSA With RandomEyes 　　这是一款用于在Unity中编辑角色面部表情的插件，支持通过一键设置将Fuse、Autodesk(ACG)、UMA 2、Morph 3D的MCS、DAZ 3D等角色工..
flash与unity3D交互
07-29
flash与unity3D交互 几种常用的方法机器代码实现
GAF Pro Flash to Unity （资源版本5.26）
09-08
公司采购的最新版本插件。可以将swf转换成unity可以使用的格式，避免使用序列帧特效，很适合游戏公司转型unity。仅限学习，商用请上线支持正版。 注：只有GAF Pro版本才能使用AssetBundle方式加载。
Flash 整合Unity3D 教程
12-02
Flash 整合Unity3D 教程 例子 public class MyLoader extends Sprite implements IUnityContentHost { private var unityContentLoader:UnityContentLoader; public function MyLoader() { var params:UnityLoaderParams = new UnityLoaderParams(false,720,400,false); unityContentLoader = new UnityContentLoader("UnityContent.swf", this, params, false); unityContentLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, onUnityContentLoaderProgress); unityContentLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, onUnityContentLoaderComplete); unityContentLoader.loadUnity(); } private function onUnityContentLoaderProgress(eventrogressEvent):void { //Respond to load progress } private function onUnityContentLoaderComplete(event:Event):void { addChild(unityContentLoader); unityContentLoader.unityContent.setContentHost(this); } //unityInitStart has to be implemented by whatever implements IUnityContenthost //This is called when the content is loaded and the initialization of the unity engine is started. public function unityInitStart():void { //Unity engine started } //unityInitComplete has to be implemented by whatever implements IUnityContenthost //This is called when the unity engine is done initializing and the first level is loaded. public function unityInitComplete():void { unityContentLoader.unityContent.sendMessage("Main Camera","SetResponder",{responder:this}); } ... }，
unity面试题——引擎(二)
weixin_44066354的博客
02-25 1359
一个有限状态机是一个设备，或是一个模型，具有有限数量的状态。它可以在任何给定时间根据输入进行操作，使得系统从一个状态转换到另一个状态，或者是使一个输出或者一种行为的发生，一个有限状态机在任何瞬间只能处于一种状态。是指在显示器上为了显示出图像而经过的一系列必要操作。渲染管道中的很多步骤，都要将几何物体从一个坐标系中变换到另一个坐标系中去。主要步骤有： 本地坐标->视图坐标->背面裁剪->光照->裁剪->投影->视图变换->光栅化。
使用flash导出图集动画到unity
weixin_30449239的博客
01-19 320
1.选中要导出的元件，元件所有动作要对齐，右键导出Sprite Sheet.. 2.设置如下 3.复制导出的png图片到unity，对图片进行网格裁剪，网格宽高在plist文件中： 转载于:https://www.cnblogs.com/kingBook/p/6307218.html...
使用Flash,HTML5和Unity开发网页游戏的对比
qq_38456196的博客
02-21 3911
1.开发流程 Flash：用Flash来开发游戏非常简单。因为关于它有无数的书籍，网站，教程，框架，视频和源代码。对于开发工具来说，Flex route是免费的，Flash IDE需要付费。Flash拥有通用且强大的矢量渲染功能，这意味这你创建的动画的文件格式会非常小。它全面支持音频和大多数的Adobe应用程序，例如 在Flash IDE中嵌入Illustrator 和 Photoshop。而且...
flash 和unity_Unity和Flash更新
culiao6493的博客
09-17 583
flash 和unity Lot’s of news around Flash today! Let’s get started: 今天有关Flash的新闻很多！ 让我们开始吧： We’re officially collaborating with Adobe to make Unity and Flash work great together We are committed to bu...
flash游戏移植html5,分享将游戏从Flash移植到Unity的5个体会
weixin_29128423的博客
06-04 816
作者：Alex Nichiporchik《No Time to Explain》最初是一款网页Flash游戏，之后转向Kickstarter平台筹资，成为Steam上的一款商业游戏。这款商业游戏是由Flash(ActionScript 2)开发而成，但效果并不是特别理想。我们要大费周折让它生效。首先，它拥有一个作为发射器的ActionScript 3文件。这个发布器用一个定制扩展名包装到ZINC中...
unity ui 补间动画_flash动画制作教程
weixin_39622150的博客
10-26 438
软件介绍Adobe Flash CS6 是用于创建动画和多媒体内容的强大的创作平台。Adobe Flash CS6设计身临其境，而且在台式计算机和平板电脑、智能手机和电视等多种设备中都能呈现一致效果的互动体验。 - one- 火柴人-强者的对决1、将素材找好，并打开flash cs6;2、新建一个ActionScript3.0；3、文件菜单中选择导入-导入到舞台，选择导入的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值