使用Unity的SimpleAnimation在UI上进行初始化

最新推荐文章于 2024-08-29 08:35:05 发布
最新推荐文章于 2024-08-29 08:35:05 发布
阅读量357 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： unity ui 游戏引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/JfiqMaster/article/details/133148916
Unity3D 专栏收录该内容
43 篇文章 ¥59.90 ¥99.00
订阅专栏
本教程介绍了如何在Unity中使用SimpleAnimation为UI元素创建和管理动画。包括准备SimpleAnimation插件，创建UI元素，添加SimpleAnimation组件，设置动画参数及播放控制。示例代码展示了在按钮点击事件中触发动画播放。

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

在Unity中，SimpleAnimation是一个非常有用的工具，可以帮助我们在用户界面（UI）元素上创建和管理动画。本文将向您展示如何在UI上使用SimpleAnimation，并提供相应的源代码示例。

步骤1：准备工作
首先，确保您的Unity项目中已经导入了SimpleAnimation插件。您可以从Unity Asset Store或SimpleAnimation的官方网站获取插件。

步骤2：创建UI元素
在Unity编辑器中，创建一个UI元素，例如按钮或图像。您可以使用Canvas和Image组件来创建自己的UI元素，或者使用Unity的内置UI元素。

步骤3：添加SimpleAnimation组件
选中您创建的UI元素，并在Inspector窗口中点击"Add Component"按钮。在搜索栏中输入"SimpleAnimation"，然后选择"SimpleAnimation"组件。

步骤4：设置动画
在SimpleAnimation组件的Inspector窗口中，您可以设置动画的参数和帧。您可以添加关键帧并调整它们的属性，例如位置、缩放和旋转。您还可以设置动画的播放速度和循环模式。

以下是一个示例代码，演示如何在UI按钮上使用SimpleAnimation：


                

                
                
        

    

    
  


        

            

                

                

                了解本专栏
                
                
                  
                订阅专栏 解锁全文
                 
            

        


    



                



	

		

			

				
					
Unity 面试篇|（四）Unity性能优化篇 【全面总结 | 持续更新】

				
			

			

				

					游戏开发小Y的博客
				

				

					01-12
					
					10万+
					
				

			

		

		

			
				
Unity中，CPU准备好需要绘制的元素，对底层图形程序接口进行调用的过程，每次引擎准备数据并通知GPU的过程称为一次Draw Call。DrawCall越高对显卡的消耗就越大。降低DrawCall的方法：动态合批静态合批降低shader的等级特性场景优化策略——遮挡技术。rectMask2D替代Mask。

			
		

	



                

            
              



	

		

			

				
					
Unity数字孪生开发笔记——UGUI控件篇

				
			

			

				

					Lcl_huolitianji的博客
				

				

					12-14
					
					8747
					
				

			

		

		

			
				
Unity数字孪生开发笔记——GUI控件篇一、常见GUI控件二级目录三级目录
一、常见GUI控件

二级目录
三级目录



			
		

	



              


  
              

                


	

		

			

				
					
一种使用Unity Animation的简单动画混合

				
			

			

				

					08-27
				

			

		

		

			
				
利用Unity官方Animation示例里的两种动画节点，来实现外部输入index值时，自动将目前动画clip自动混合过度到指定index动画clip的功能。

			
		

	





	

		

			

				
					
探索Unity的SimpleAnimation：一款简化动画处理的强大工具

				
			

			

				

					gitblog_00058的博客
				

				

					04-15
					
					807
					
				

			

		

		

			
				
探索Unity的SimpleAnimation：一款简化动画处理的强大工具
项目地址:https://gitcode.com/gh_mirrors/si/SimpleAnimation
在游戏开发和互动内容创作中，Unity是许多开发者首选的3D引擎。为了进一步提升用户体验，Unity Technologies推出了一款开源项目——SimpleAnimation。它旨在通过简化工作流程，让动画管理...

			
		

	



		

			
		



	

		

			

				
					
目前为止Unity包含的动画系统 （简单随笔，没时间总结） 2019.1.24

				
			

			

				

					游戏路上的小学生
				

				

					01-24
					
					4054
					
				

			

		

		

			
				
 

Unity现在包含三种模型动画方式：

Animation（Legacy 没有被删除的迹象）
	Mecanim (Animator, Avatar, AnimationController) 
	Timeline (PlayableDirector, PlayableAsset)
三者都依赖于 AnimationClip 资源， 记录着随时间变化的数据，数据(position，rotatio...

			
		

	





	

		

			

				
					
SimpleAnimation:一个创建复杂动画的 JavaScript 库，简单

				
			

			

				

					06-26
				

			

		

		

			
				
简单动画
前言
SimpleAnimation 库的宏伟计划是尝试使动画像在 Flash 中一样简单。 （Flash 是浏览器动画之父）。 在这种情况下，这个库从 0.4 版开始，仍然处于不断变化的状态。 语法应该保持不变，如果你仔细查看代码，请记住有替代的，类似于 jQuery 的语法），但它的内部工作方式可能会改变，直到 1.0 版本，计划于 2012 年年中发布。希望你喜欢这个和可以为之做出贡献！
概述
SimpleAnimation 库旨在使复杂的 JavaScript 动画变得简单。 它的语法灵感来自 TweenLite（一个 AS3 库），但这就是相似之处。
 目前，该项目还处于非常早期的beta状态，但已经在商业项目中使用。
 SimpleAnimation 库目前分为 3 部分：
 简单同步
简单补间
简单时间线。
 下面是对每个脚本的作用和一些基本用法示例的描述。
简单同

			
		

	





	

		

			

				
					
探索SimpleAnimation：Unity动画控制的新境界

				
			

			

				

					gitblog_01116的博客
				

				

					08-16
					
					848
					
				

			

		

		

			
				
探索SimpleAnimation：Unity动画控制的新境界
 SimpleAnimationA simple Animation Component that leverages PlayableGraphs项目地址:https://gitcode.com/gh_mirrors/si/SimpleAnimation 在动态视觉效果和游戏开发的浩瀚世界里，每一个创新工具都可能是打破创意瓶颈的关键...

			
		

	





	

		

			

				
					
Unity：UnityUI界面设计与交互教程

				
			

			

				

					kkchenjj的博客
				

				

					07-22
					
					2490
					
				

			

		

		

			
				
自定义UI控件是UnityUI界面设计中的高级技巧，允许开发者创建符合特定需求的用户界面元素。Unity提供了UGUI系统，通过继承或类，可以创建自定义的UI控件。继承Graphic类：创建一个自定义UI控件，首先需要继承Graphic类，这样可以利用Unity的渲染系统。重写方法：此方法用于定义控件的网格和纹理坐标，是自定义外观的关键。实现交互逻辑：通过继承Selectable类，可以添加交互逻辑，如响应鼠标点击、悬停等事件。

			
		

	





	

		

			

				
					
Unity学习笔记(09)：UGUI的Image节点和Sprite精灵图、实现进度条加载动画

				
			

			

				

					"✧treasure mountain✧"
				

				

					06-22
					
					2666
					
				

			

		

		

			
				
2D模式：

选择Single模式：

Packing tag是指定打包标签 相同的标签在打包时会被打包在同一个文件中 以节省显存
Filter Mode是缩放模式
Point(no filter)无缩放 比如放大两倍 则将像素复制两倍

Image Type是缩放模式：

当图片尺寸放大时

Simple模式是简单的拉伸 伸长
Tiled模式是平铺 将图片分成多个同样的图
slice模式是图片按照九宫格缩放
类似于聊天气泡 只拉伸图片的一部分
且九宫格较为省资源

在Sprite Editor里指定拉伸区

			
		

	





	

		

			

				
					
SimpleAnimation-开源

				
			

			

				

					08-03
				

			

		

		

			
				
我只是在学习 Java，所以这是我的项目之一。 它在窗口上绘制一条线。

			
		

	





	

		

			

				
					
Unity 动画系统初探(1)

					
热门推荐

				
			

			

				

					我是一只夜行的猫仔 
				

				

					10-28
					
					1万+
					
				

			

		

		

			
				
Unity的动画系统非常的灵活强大，动画系统支持动画融合、混合、叠加动画，行走循环的时间同步，动画层，控制动画的各个方面，以及支持基于物理的布娃娃系统和程序动画。这里做个笔记文章，记录整个从0开始使用unity的动画系统。（感谢Unity圣殿里面的相关翻译）
 
下载官网的CharacterAnimation例子里面带有3个动画模型，以及这三个模型的简单调用的例题。

这里例题中包含三个基

			
		

	





	

		

			

				
					
SimpleAnimation 开源项目教程

				
			

			

				

					gitblog_00121的博客
				

				

					08-15
					
					675
					
				

			

		

		

			
				
SimpleAnimation 开源项目教程
 SimpleAnimationA simple Animation Component that leverages PlayableGraphs项目地址:https://gitcode.com/gh_mirrors/si/SimpleAnimation 项目介绍
SimpleAnimation 是一个由 Unity Technologies 开发的...

			
		

	





	

		

			

				
					
Unity SimpleAnimation在UI上使用的初始化

				
			

			

				

					无幻
				

				

					07-31
					
					1206
					
				

			

		

		

			
				
原因
在项目中加入SimpleAnimation组件，可以对3D物体进行播放动画，但是对UI物体却不能播放动画。
分析
AnimatorCullingMode默认是CullUpdateTransforms，而这个模式对UI不能进行动画，又不好每次让配置界面人员都去设置这个值。
解决
所以在挂载脚本的时候，判断当前物体是不是UI，如果是的话，就自动改AnimatorCullingMode值，代码如下：
    private void Reset()
    {
        if (m_Graph.IsV

			
		

	





	

		

			

				
					
Unity动画系统（Animation与Animator的区别）

				
			

			

				

					m0_46612856的博客
				

				

					04-01
					
					4981
					
				

			

		

		

			
				
老版本Unity使用的是Legacy动画系统，在Unity4.0后引入了一套全新的动画系统，即为Mecanim动画系统。
Legacy动画系统使用的是Animation组件,而Mecanim动画系统使用的是Animator组件。
1.使用Legacy动画系统可直接将FBX文件拖入场景，Unity会自动帮我们添加Transform和Animation两个组件。可采用脚本"GetComponent()...

			
		

	





	

		

			

				
					
【Flutter】【packages】simple_animations 简单的实现动画

				
			

			

				

					自动人生博客
				

				

					08-09
					
					1711
					
				

			

		

		

			
				
delay: const Duration(seconds: 1),//延迟1s才开始动画//状态的监听，可以在这边做一些操作status');},},',

			
		

	





	

		

			

				
					
【简化动画创作，提升UI活力】—— 简易动画(Simple Animations)库深度探索

					
最新发布

				
			

			

				

					gitblog_00357的博客
				

				

					08-29
					
					772
					
				

			

		

		

			
				
????【简化动画创作，提升UI活力】—— 简易动画(Simple Animations)库深度探索????
 simple_animationsFlutter package for creating awesome animations.项目地址:https://gitcode.com/gh_mirrors/si/simple_animations 在追求极致用户体验的移动应用开发领域，流畅且富有创意的动...

			
		

	





	

		

			

				
					
android帧动画优化_九、性能优化相关知识

				
			

			

				

					weixin_29997223的博客
				

				

					12-27
					
					934
					
				

			

		

		

			
				
一、综合优化1、降低屏幕分辨率尤其是在android平台对性能提升很大。可以有效缓解gpu的压力。　　我们在android上分辨率是实际的0.85左右。2、做好资源异步加载，实现一个实例化队列，可以很大程度上减少卡顿。3、做好超量的模型和特效屏蔽，可以有效减轻cpu压力。4、善用工具。比如Unity Profiler、Snapdragon Profiler等，针对性的对性能瓶颈进行优化。5、玩家头...

			
		

	





	

		

			

				
					
Unity用Animation组件制作简单的动画

				
			

			

				

					qq_40629631的博客
				

				

					12-15
					
					1万+
					
				

			

		

		

			
				
游戏中经常会出现动态提示，例如提示当前金钱不足，一般会从屏幕中央弹出，然后缓慢的向上飘去。
今天游戏项目中遇到了这么个要求，以前做过几次，但总是会忘记，而且随着unity版本更新，新版本总有些莫名其妙的坑，今天写个文章记录一下。
首先用到的组件是Animation，这个组件可以制作动画。

先创建一个文件夹，添加一个Animation。
然后创建一个提示框文本，添加上Animation组件。

然后将刚才创建的Animation拖上去。
注意：在project面板下点击Animation组件是无法添加动画的

			
		

	





	

		

			

				
					
Unity Playable API 定制化动画系统

				
			

			

				

					漫漫无期的博客
				

				

					11-21
					
					4352
					
				

			

		

		

			
				
Unity Playable API 自定义动画系统 - 知乎 (zhihu.com)

Playable API：定制你的动画系统



传统动画系统

传统（Legacy）动画缺陷（Animation）（Animation组件就是用于Legacy动画）



下图是Unity为Legacy动画系统自动生成Animation：







Legacy动画没办法使用Mecanim动画系统（Animator）的以下这些高级功能：

动画重定向
	（重定向技术是一种在将动画数据从一个骨架拷贝到另外一个骨架的

			
		

	





	

		

			

				
					
Unity打造定制化科幻全息UI界面教程

				
			

			

				

					
				

			

		

		

			
				
在深入探讨“unity科幻交互式全息界面UI”这一主题之前，我们首先需要明确几个关键概念：Unity、全息界面以及交互式UI设计。  Unity是一个跨平台的游戏引擎，由Unity Technologies开发，广泛用于视频游戏开发、模拟...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值