一种简单的触发Dotween动画的方式

最新推荐文章于 2023-03-26 10:04:45 发布
最新推荐文章于 2023-03-26 10:04:45 发布
阅读量750 收藏 3
点赞数
分类专栏： Unity Dotween 文章标签： ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43751272/article/details/108544560
版权
本文介绍如何利用Dotween插件为Unity UI创建鼠标悬停时控件放大的动画效果，避免使用原生Animation以减少性能消耗。通过挂载DotweenAnimation组件和设置EventTrigger，实现在Editor中无代码编辑动画。实测性能优异，无明显GC影响。
摘要由CSDN通过智能技术生成

导语

偶然想实现一下鼠标悬浮在控件上时控件放大的效果，类似于守望先锋的主菜单UI，但不想使用Unity原生的Animation（性能消耗过大）。于是使用Dotwwen插值动画来做这个效果。

步骤一 动画

组件上挂载一个DotweenAnimation，做一个scale到1.3的效果，记得把autokill和autoplay取消
在这里插入图片描述

步骤二 触发

给组件添加一个EventTrigger, 或者自己写一个脚本继承EventTrigger，我使用了前者。在EventTrigger的鼠标移入和移出事件中分别调用DotweenAnimation的正向和反向播放动画：DoPlayForward() 和DoPlayBackWards()
在这里插入图片描述

完成

在这里插入图片描述

简单布置一个UI测试这个功能
运行时（没有截图到鼠标）

最低0.47元/天 解锁文章
东粟
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DoTween Animation使用详解
2301_77153068的博客
05-23 847
yoyo是动画会像悠悠球一样，从位置1到位置1080，再从1080到位置1，如此往复，incremental是会让动画一直从终点继续向前叠加，从位置1到1080，然后继续从1080到2160，如此向前叠加。DoTween Animation是一款用于Unity游戏引擎的强大动画插件，它提供了丰富的动画功能，可用于实现物体的移动、旋转、缩放等效果，并且其消耗和性能优化方面效果相对普通动画来说要好得多，因此也成为了我们开发游戏时重要的动画工具。循环次数，-1表示一直循环，0表示不循环，1表示循环一次。
unity22——DO Tween 常用简单操作
qq_37576129的博客
07-14 897
我们在unity开发中，经常会遇到一些界面的简单动画，场景的简单动画。我们一般会用animation去穿动画帧解决。但是这样做有一个弊端，会生成一个很大的帧动画文件。如下图。 如果你想更方便，以及让资源更简洁化。那么这个时候。我们就可以用 DO Tween这个插件来解决问题。 在网上有一些教程，但是会看到一些代码的讲解，比较程序化。如果你不是个程序员，可能看的云里雾里。下面我将写一个，美术可以看懂的操作方式。比较简单。 操作一。 将插件包丢入你的工程。找到你想做动画的物体。点击add component
【unity3D】DoTween动画插件（下）
zhurouwanzi的博客
01-04 2006
本篇是unity的DoTween动画插件可视化编辑，内含DoTween Animation和DoTween Path。
DOTween Pro 1.0.178（Unity 快速高效动画编辑工具最新版）
07-10
REQUIRES UNITY 4.6/5/2017/2018/2019 or higher (will automatically activate features based on your Unity version). IMPORTANT: if upgrading from a version older than 1.0.000, follow these instructions carefully DOTween Pro extends the free engine DOTween, implementing new features both for scripting and visual scripting, including extra features for these external assets (if present): - 2D Toolkit - TextMesh Pro (both payed and free version)
Unity_DOTween动画的学习(九)_可视化动画组件DOTween Animation的使用
⎝⎝⎝MaximilianLiu⎠⎠⎠的博客
10-04 4980
Unity_DOTween动画的学习(九)_可视化动画组件DOTween Animation的使用 1.如何创建可视化动画的组件,直接Add Component即可: 2.DOTween智能报错机制: 3.DOTween Animation面板上一些简单属性介绍: 4.DOTween Animation可视化动画通过按钮和脚本进行控制的操作演示: 先写代码,然后取
DoTween DOTweenAnimation动画的组件可视化创建方式
cuijiahao的专栏
02-14 5429
代码调用： using UnityEngine; using System.Collections; using System.Security.Permissions; using DG.Tweening; public class Panel2 : MonoBehaviour { private DOTweenAnimation tweenAnimation; p...
Unity3d 插件 系列——DoTweenPro介绍（图文详细+案例）
热门推荐
水光涵月的博客
02-09 1万+
Unity3d 插件 系列——DoTweenPro介绍（图文详细+案例）前言一、DoTweenPro简介二、DoTweenPro安装三、DoTweenPro主要组件1.DoTweenAnimation2.DoTweenPath3.DOTween Visual Manager三、DoTweenPro的应用案例总结????????版权声明 前言 之前一直在用DoTween，最近因为工作需要开始看DoTweenPro，记录下学习过程。 个人感觉DoTweenPro是比原来的DoTween要方便，主要体现在他的可
DOTween教程☀️DOTween的使用教程
星河造梦坊
09-02 1908
DOTween的使用教程
Dotween动画使用加入状态机 实现各种动画的切换
qq_43204246的博客
01-06 427
最近项目中有一个比较麻烦的需求 各种界面都需要用到动画 界面这里延迟一下哪里延迟一下 于是逻辑乱的很 写出来后一堆bug 主要麻烦的是动画播放的时间不好管理 于是主程给了我一个好的思路 用状态机 播放动画时就进入一个状态 状态结束切换状态 于是逻辑一下就清晰了 ...
DoTween实现鼠标经过图片，图片变大
Edinburgh_yx的博客
04-12 3257
功能：使用DoTween插件，实现鼠标经过图片，图片放大，鼠标离开图片，图片恢复原来大小1.导入DoTween插件，给需要变化的图片添加DoTweenAnimation组件，改变状态Scale状态，要变化的大小 2.绑定脚本DoTweenAnim给图片 using UnityEngine; using System.Collections; using UnityEngine.Event
DOTween（专业版）
09-24
版本：DOTween+Pro+0.9.550，专业稳定版本，你值得拥有！
Unity插件实战-DoTween事件
大话程序员
06-29 1104
DoTween 作为一个移动，渐变api工具合集 可轻松实现各种2d动画（移动，旋转，缩放） 我们就来看看他的事件（动画帧事件）如何 学习插件，可去游戏蛮牛获取 【DoTweenpro9.0】-插件-【游戏蛮牛】-游戏出海,ar增强现实,虚拟现实,unity3d,unity3d教程下载首选u3d,unity3d社区 - Powered by Discuz! (manew.com) 第一次安装需要Setup 各版本的界面略有不同，基本内核+功能变化不大 如不是最新版，可能和下面最新..
DOTween动画插件的使用
qq_62947569的博客
03-26 1062
DOMove动画移动时，它回返回Tweener的一个对象(每次用DO类型的方法都会创建用来管理信息)，而这个对象在动画播放完成后会自动销毁，这个时候就需要用 Tweener对象=MoveObjectTranform.DOMove(TargetPosition,Time)；(4)控制动画的移动曲线，DOMove默认的是就做简单的直线运动，可以用Tweener对象=MoveObjectTranform.DOMove(TargetPosition,Time)，中的。Tweener对象.SetLoops(次数);
014-DoTween动画插件学习
Romain的博客
10-20 749
DOTween.To(() => myValue, x => myValue = x, new Vector3(0, 0, 10), 2); 1.myValue已在外界声明；前两个是两个lambda表达式，第一个是返回myValue，第二个是将x的值赋给myValue，x是插件自动计算出来的；第三个参数为目标位置，第四个参数为时间 DOMove(new Vector3(0, 0...
DoTween可视化编程用法详解
ChinarCSDN的博客
01-03 1万+
DoTween可视化编程用法详解 DoTween可视化编辑 Chinar-本文提供全流程，中文翻译 助力快速完成理解并使用 DoTween的可视化编程 Do Tween Component - - - - DoTween组件的添加 分为两种： Do Tween Animation —— 做补间动画 Do Tween Patch —— 做补间路径 添加组件方法： 直接 Add Component 添加 搜索 DoTween 就可以看到 Do Tween Animation 和 Do Tween
DoTween的一般使用
Beyond_Wang的博客
03-18 1067
平常我们编辑动画的时候要用到Animator来控制动画播放，每一个动画都是一个Clip 都要用代码来控制播放 那样太过繁琐了所以用DoTween来做一些比较简单的动画是比较好的选择DoTween的使用1.对一个值做动画  其实就是对一个值做差值运算private Vector3 myValue;对一个值做修改：void Start(){DoTween.To(()=>myValue,x=&gt...
【功能】Unity 制作简单红框闪烁提示效果
TheBigBoy的博客
03-18 1927
需求：红框闪烁提示效果 实现方案：1. 特效 2. 单张 Image 原理：设置 alpha 的值，使其能够动态变化，由 0 —1 ， 再由 1 — 0 首先给物体挂载 CanvasGroup 组件，使用 DoTween 动画，控制 Alpha 值 local DOTween = DG.Tweening.DOTween --建立seq队列 self.seq = DOTween.Sequence() --节点 local fade = self.warning.canvasGroup --渐变
Unity：DOTween 动画插件快速上手
木头
03-19 612
DOTween是最常用的动画插件之一，比使用Unity自带脚本写动画，方便很多，可以快速的通过DOTween提供的接口实现所要的动画。
dotween动画什么时候generate
最新发布
07-09
例如，你可以在游戏对象的 Start 方法中调用 Dotween 的方法来生成初始动画，或者在特定事件触发时生成动画效果。你还可以使用协程等方式控制动画的播放时间和顺序。 生成动画的基本步骤通常包括选择目标游戏对象、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值