Unity 实现自定义图片破碎效果-2D_Destruction

导引
- 效果预览
- 源码下载地址
- 实现流程
- - 1、添加SrpiteRenderer组件
  - 2、添加Explodable组件
  - 3、PolygonCollider2D组件
  - 4、碎片生成
  - 5、最后一步，添加点击破碎触发效果
  - 6、添加爆破效果：ExplosionForce
  - 7、碎片再次破碎：ExplodableFragments
- -----------

导引

最近有一个项目需要实现点击气泡然后气泡破碎碎裂的效果，然后就想着写出来博客进行记录一下。

效果预览

源码下载地址

源码工程下载链接: 点击跳转，含插件。

单独插件下载链接: 点击跳转，进入github下载2dDestructionPackage.unitypackage

实现流程

1、添加SrpiteRenderer组件

给SrpiteRenderer指定对应的图片，支持Unity所支持的所有图片格式。

2、添加Explodable组件

同时会自动加载上Rigidbody2D组件

参数可以自己试试看看效果，刚开始可以设置Rigidbody 2D组建的Body Type属性为Kinematic，画面开始保持不掉落。

3、PolygonCollider2D组件

Explodable组件要求必须要配合PolygonCollider2D组件使用，那就不废话加上他。

4、碎片生成

点击 Explodable 组件的 Generate Fragments 按钮。

可以尝试修改Explodable 组件的 ** Shatter Type** 属性，设置碎片破碎的形状，设置成自己想要的效果，效果对比如下图片。

5、最后一步，添加点击破碎触发效果

给tree添加ExplodeOnClick脚本组件，实现原理很简单，其实就是添加了**OnMouseDown()点击事件，然后触发Explodable explode()**方法，感兴趣的可以自己研究源码，破碎的效果实现源码也不复杂，当前不操作完成，实现的效果下图所示。

6、添加爆破效果：ExplosionForce

Force：破碎力度，直接影响破碎的爆破力度。
Radius：破碎效果最大半径
Uplift Modifer：破碎后碎片向上和向下的一个惯性参数，可取正负值，可自己修改看效果。

7、碎片再次破碎：ExplodableFragments

添加ExplodableFragments组件后需要重新点击Explodable组件的Generate Fragments重新生成碎片才能实现碎了再碎的效果。

-----------

码字不易，喜欢的点点关注，有问题欢迎留言和私信。

Unity 实现自定义图片破碎效果-2D_Destruction相关推荐

新发的日常小实验——Unity UGUI Image图片镜像对称效果（轴对称）
一.前言 Unity中,为了节省美术资源大小,有些图片会采用镜像对称(轴对称)的方式显示,甚至图片只画1/4,然后通过程序镜像对称补全,那么,在UGUI中如何实现这个效果呢. 二.效果展示支持左右对 ...
[教程] 在Unity中制作物体破碎效果
这篇教程将教大家如何在Unity中制作一个简单的碎片效果.当物体撞击或销毁时,我们将物体分裂为更小的碎片来取代之前的仅仅直接"删除"物体. 需求这篇教程需要最新版本的Unity, ...
Unity制作自定义字体的两种方法
Unity支持自定义图片字体(CustomFont),网上有很多教程,细节不尽相同,当概括起来基本就是两种方式.一是使用BMFont,导出图集和.fnt文件,再使用图集在Unity中设置得到字体.二是 ...
android如何自定义viewpager,Android自定义ViewPager实现个性化的图片切换效果
第一次见到ViewPager这个控件,瞬间爱不释手,做东西的主界面通通ViewPager,以及图片切换也抛弃了ImageSwitch之类的,开始让ViewPager来做.时间长了,ViewPager的 ...
Unity 实现物体破碎效果（转）
感谢网友分享,原文地址(How to Make an Object Shatter Into Smaller Fragments in Unity),中文翻译地址(Unity实现物体破碎效果) In ...
unity 实现物体破碎效果的一些方法 - 细雨淅淅
游戏越来越接近现实的感觉,如果有一个真是的虚拟现实设备,可能我们真的会感觉是在真实世界.场景的逼真是在渲染效果.角色AI.游戏逻辑.物理效果等等一起导致的结果.现在游戏越来越大,除了渲染,物理估计是 ...
Unity ShaderGraph图片发光效果
Unity ShaderGraph图片发光效果前言发光效果(Glow) 原理 ShaderGraph 前言发光的基本原理,如何给图片施加不同颜色的光公式讲解部分参考10行代码搞定"热 ...
Unity Shader·屏幕破碎效果
Unity Shader·屏幕破碎效果前言最近在做一个新的MMD(用Unity来实现),其中用到了一些好看的渲染技术在这里分享一下. 视频链接 https://www.bilibili.com/v ...
android progressbar 使用自定义图片时的左右两端圆角效果实现
前几天一直在折腾progressbar的圆角进度条动画,各种爬贴摸索,几经折腾找到一种比较方便的方法实现,这里做下笔记,避免下次折腾.原生的progressbar的条形进度条的进度左右是直角的,没有圆 ...

Unity 实现自定义图片破碎效果-2D_Destruction

Unity 实现自定义图片破碎效果-2D_Destruction

导引

效果预览

源码下载地址

实现流程

1、添加SrpiteRenderer组件

2、添加Explodable组件

3、PolygonCollider2D组件

4、碎片生成

5、最后一步，添加点击破碎触发效果

6、添加爆破效果：ExplosionForce

7、碎片再次破碎：ExplodableFragments

-----------

Unity 实现自定义图片破碎效果-2D_Destruction相关推荐

最新文章

热门文章