DoTween实现鼠标经过图片，图片变大

功能：使用DoTween插件，实现鼠标经过图片，图片放大，鼠标离开图片，图片恢复原来大小

1.导入DoTween插件，给需要变化的图片添加DoTweenAnimation组件，改变状态Scale状态，要变化的大小

2.绑定脚本DoTweenAnim给图片
using UnityEngine;
using System.Collections;
using UnityEngine.EventSystems;
using DG.Tweening;

public class DoTweenAnim : EventTrigger, IPointerEnterHandler, IPointerExitHandler
{
private DOTweenAnimation ImageAnim;

void Awake()
{ImageAnim = GetComponent<DOTweenAnimation>();
}
void Start()
{ImageAnim.DOPause();
}

}
3.将脚本绑在图片上并且添加两个方法

分别是鼠标经过和鼠标离开时发生的事件。
PS：自用

DoTween实现鼠标经过图片，图片变大相关推荐

鼠标放到图片上，图片缓慢变大，离开时，图片缓慢恢复
给大家介绍一个小的动态效果,当鼠标放到图片上时,图片会变大,鼠标离开时,图片恢复,如果想简单一点,直接给图片加一个hover就可以了,但是这样效果不是很美观,我想让它有一个过度的实现效果,移除的时候也 ...
css：hover鼠标放上去字体变大 transform: scale
<template><div class="content-el-array"><div><h2>transform: scale( ...
鼠标放到图片上图片就变大
CSS3的transform:scale()可以实现按比例放大或者缩小功能. CSS3的transition允许CSS的属性值在一定的时间区间内平滑地过渡.这种效果可以在鼠标单击.获得焦点.被点击或对 ...
html鼠标划到图片位置变大
以上是鼠标划到图片位置,进行放
怎么把图片尺寸变大？手机怎么修改图片大小？
我们在社交平台上传封面图.头像的时候,经常会因为上传的图片尺寸太小导致系统自动将图片扩大(在线修改图片尺寸大小工具-压缩图),然后图片就变模糊了.有没有图片扩大尺寸又保证了清晰度的方法呢?其实可以用专 ...
「ImageProcess」mp4视频转存图片内存变大的原因探究
记录: 做CV因为要处理视频,将mp4格式视频中的每一帧都作为图片保存了下来,发现保存后图片所占内存(500M+)远远大于视频本身(30M+),原因不明对每帧图片做直方图均衡后,保存的结果所占内存更 ...
android 解决按钮、imageView 背景图片拉伸变大的问题
相信很多都遇到了设置布局里面的按钮或textview等其他控件的背景图片的时候,你会抱怨美工给的图片,怎么一运行放到手机上面,就严重变形了,一点都不友好一点都不专业,但我觉得这完全不是美工的问题,作为 ...
css 图片变大缩小,css3实现图片的变大变小
主要是使用 css3的animation,scale等于1是原图大小,大于1是把图片放大,小于1 是把图片缩小.animation-delay用来延迟5秒触发这个动画 Document * { mar ...
cropper裁剪后图片大小变大等问题
最近根据需求做了一个图片裁剪的功能,于是在Git上找了cropper这个插件,具体api网上有很多资料,大家感兴趣的可以自行查找,这次主要记录下我遇到的问题. 图片裁剪完成后cropper有个方法可以 ...
HTML图片渐渐放大和渐渐变小,css3实现图片的变大变小
主要是使用 css3的animation,scale等于1是原图大小,大于1是把图片放大,小于1 是把图片缩小.animation-delay用来延迟5秒触发这个动画 Document * { mar ...

DoTween实现鼠标经过图片，图片变大

功能：使用DoTween插件，实现鼠标经过图片，图片放大，鼠标离开图片，图片恢复原来大小

DoTween实现鼠标经过图片，图片变大相关推荐

最新文章

热门文章