DoTween可视化编程用法详解

简介: DoTween可视化编辑本文提供全流程,中文翻译。Chinar坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 —— 高分辨率用户请根据需求调整网页缩放比例)...

DoTween可视化编辑


本文提供全流程,中文翻译。

Chinar坚持将简单的生活方式,带给世人!

(拥有更好的阅读体验 —— 高分辨率用户请根据需求调整网页缩放比例)




Do Tween Component - - - - DoTween组件的添加


分为两种:

Do Tween Animation —— 做补间动画

Do Tween Patch —— 做补间路径


添加组件方法:

直接 Add Component 添加

搜索 DoTween 就可以看到 Do Tween Animation Do Tween Patch

举个栗子↓

这里写图片描述


Do Tween Animation - - - - 做补间动画 - 所有功能翻译

None —— (无)这里就不说了

AutoPlay —— 自动播放(动画)

AutoKill —— 自动删除(动画)

Duration —— 持续的时间

Ignorer TimeScale —— 忽略时间表

Ease —— 减缓(动画的过程曲线:这是一个枚举类型)
Ease 详细,请跳转至我另一篇文章,会在其中会一一列举

loops —— 循环次数

ID —— 动画的 ID 标示(通过ID,直接用代码控制)

TO —— 到达目标位置(可通过点击,设置Form - 从哪里来)

Snapping —— 强烈 / 突然折断

Relative —— 相对的


Events —— 事件

监听的事件:

OnStart —— 初始化(只有在第一次运行)

OnPlay —— 运行开始(每次运行开始)

OnUpdate —— 运行时每一帧

OnStep —— 每一步(运行中的每个步骤)

OnComplete —— 动画结束后



1

Move - - 移动( - 世界坐标)


TO —— 到达目标位置(可通过点击,设置Form - 从哪里来)

Snapping —— 强烈 / 突然折断

Relative —— 相对的

举个栗子↓

这里写图片描述


2

LocalMove - - 移动(自身坐标 - 相对于父物体)


TO —— 到达目标位置(可通过点击,设置Form - 从哪里来)

Snapping —— 强烈 / 突然折断

Relative —— 相对的

举个栗子↓

这里写图片描述


3

Rotate - - 旋转( - 世界轴)


TO —— 到达设置的旋转角度(可通过点击,设置Form - 从哪里来)

↓ Rotation Mode —— 旋转模式

Fast —— 快速

Fast Beyond 360 —— 快速超过360

World Axis Add —— 世界轴加(世界轴的正方向)

Local Axis Add —— 自身轴加(自身轴的正方向)

Relative —— 相对的

举个栗子↓

这里写图片描述


4

LocalRotate - - 旋转( - 自身轴)


TO —— 到达设置的旋转角度(可通过点击,设置Form - 从哪里来)

↓ Rotation Mode —— 旋转模式

Fast —— 快速

Fast Beyond 360 —— 快速超过360

World Axis Add —— 世界轴加(世界轴的正方向)

Local Axis Add —— 自身轴加(自身轴的正方向)

Relative —— 相对的

举个栗子↓

这里写图片描述


5

Scale - - 缩放比例


TO —— 到达设置的比例(可通过点击,设置Form - 从哪儿开始)

Uniform —— 统一的(XYZ一起改变)

不勾选的话,可单一调节

这里写图片描述

Relative —— 相对的

举个栗子↓

这里写图片描述


6

Color - - 颜色


TO —— 到达设置颜色(可通过点击,设置Form - 从哪儿开始)

举个栗子↓

这里写图片描述


7

Fade - - 淡入/淡出( - 透明度)


TO —— 到达设置透明度(可通过点击,设置Form - 从哪儿开始)

透明度为从 0 到 1 的值

举个栗子↓

这里写图片描述


8

Text - - 文本


TO —— 到达设置的文本(可通过点击,设置Form - 从哪儿开始)

Rech Text Enabled —— 开启富文本

↓ Scrable Mode —— 混乱模式

All —— 所有

Uppercase —— 大写字母(混乱字符中,是大写字母)

Lowercase —— 小写字母(混乱字符中,是小写字母)

Numerals —— 数字符号(混乱字符中,是数字符号)

Custom —— 定制(混乱字符中,是自定义字符)

Custom Scramble —— 自定义字符(输入自己想要的字符)

Relative —— 相对的

举个栗子↓

这里写图片描述


9

Punch - - 重击(打击感)


1
Position —— 位置( - 打击感 位移 偏移量)

TO —— 到达设置的偏移量(可通过点击,设置Form - 从哪儿开始)

Vibrato —— 抑扬顿挫(来回摇晃的震动感)

Elasticity —— 弹性

Snapping —— 强烈的/断裂的

举个栗子↓

这里写图片描述


2
Rotation —— 旋转( - 打击感 角度 偏移量)

TO —— 到达设置的偏移角度(可通过点击,设置Form - 从哪儿开始)

Vibrato —— 抑扬顿挫(来回摇晃的震动感)

Elasticity —— 弹性

举个栗子↓

这里写图片描述


3
Scale —— 缩放比例( - 打击感 缩放 偏移量)

TO —— 到达设置的偏移比例(可通过点击,设置Form - 从哪儿开始)

Vibrato —— 抑扬顿挫(来回摇晃的震动感)

Elasticity —— 弹性

举个栗子↓

这里写图片描述


10

Shake - - 摇动(震动)


1
Position —— 位置( - 摇动 位移 偏移量)

TO —— 设置最大偏移量(可通过点击,设置Form - 从哪儿开始)

Vibrato —— 抑扬顿挫(来回摇晃的震动感)

Randomness —— 不可测性

Snapping —— 强烈的/断裂的

举个栗子↓

这里写图片描述


2
Rotation —— 旋转( - 摇动 角度 偏移量)

TO —— 设置的最大偏移角度(可通过点击,设置Form - 从哪儿开始)

Vibrato —— 抑扬顿挫(来回摇晃的震动感)

Randomness —— 不可测性

举个栗子↓

这里写图片描述


3
Scale —— 缩放比例( - 摇动 缩放 偏移量)

TO —— 设置的最大偏移比例(可通过点击,设置Form - 从哪儿开始)

Vibrato —— 抑扬顿挫(来回摇晃的震动感)

Randomness —— 不可测性

举个栗子↓

这里写图片描述


11

Camera - - 相机


1
Aspect —— 方向( - 改变Camera的视角范围 )

TO —— 到达设置的值(可通过点击,设置Form - 从哪儿开始)

值为正时,视角范围沿X轴变宽

值为负时,视角范围沿X轴变窄,并反向增长

栗子中,设置值为0.01(为0时会报错)

举个栗子↓

这里写图片描述

这里写图片描述


2
Background —— 背景( - 改变Camera的背景底色 )

TO —— 到达设置的颜色(可通过点击,设置Form - 从哪儿开始)

举个栗子↓

这里写图片描述


3
Field of View —— 视野 ( - 改变Camera的视野距离 )

TO —— 到达设置的值(可通过点击,设置Form - 从哪儿开始)

这个值的范围是: 1<= 值 <=179

其实就是修改 Camera 组件 中的 Field of View 的值

这里写图片描述

举个栗子↓

这里写图片描述


4
Orthosize —— 正交视野大小

Orthographic Size —— 正交大小

↓ Camera 组件中 Projection (视角类型) 里有2种模式

Orthographic —— 正交视野

Perspective —— 远景视野


Orthographic Size 默认为5

这里写图片描述

举个栗子↓

这里写图片描述

这里写图片描述


5
PixelRect —— 像素矩阵


对应 Camera 组件中 ↓ Viewport Rect (视口矩形)

X —— 不敢断定,先不写

Y —— 不敢断定,先不写

W —— 不敢断定,先不写

H —— 不敢断定,先不写

这里写图片描述

举个栗子↓

这里写图片描述

这里写图片描述


6
Rect —— 矩阵


对应 Camera 组件中 ↓ Viewport Rect (视口矩形)

X —— 不敢断定,先不写

Y —— 不敢断定,先不写

W —— 不敢断定,先不写

H —— 不敢断定,先不写

这里写图片描述

举个栗子↓

这里写图片描述


支持

May Be —— 搞开发,总有一天要做的事!


拥有自己的服务器,无需再找攻略!

Chinar 提供一站式教程,闭眼式创建!

为新手节省宝贵时间,避免采坑!


先点击领取 —— 阿里全产品优惠卷 (享受最低优惠)


1 —— 云服务器超全购买流程 (新手必备!)

2 —— Windows 服务器配置、运行、建站一条龙 !

3 —— Linux 服务器配置、运行、建站一条龙 !



70

Chinar


END

本博客为非营利性个人原创,除部分有明确署名的作品外,所刊登的所有作品的著作权均为本人所拥有,本人保留所有法定权利。违者必究

对于需要复制、转载、链接和传播博客文章或内容的,请及时和本博主进行联系,留言,Email: ichinar@icloud.com

对于经本博主明确授权和许可使用文章及内容的,使用时请注明文章或内容出处并注明网址

相关文章
|
10天前
GreenSock动效库TweenMax简单使用代码片段
GreenSock动效库TweenMax简单使用代码片段
|
2月前
|
JavaScript IDE 前端开发
什么是编程领域的 IntelliSense 功能
什么是编程领域的 IntelliSense 功能
30 0
|
开发者 Python
Python Qt GUI设计:信号与槽的使用方法(基础篇—7)
Python Qt GUI设计:信号与槽的使用方法(基础篇—7)
Python Qt GUI设计:信号与槽的使用方法(基础篇—7)
|
4月前
|
数据可视化 安全 定位技术
【Unity 3D】常用插件DOTween、Haste、Exploder、KGFMapSystem介绍(图文解释)
【Unity 3D】常用插件DOTween、Haste、Exploder、KGFMapSystem介绍(图文解释)
43 0
|
4月前
|
算法 图形学
Unity——DOTween插件使用方法简介
Unity——DOTween插件使用方法简介
219 0
|
5月前
|
前端开发 C# 开发工具
Unity快手上手【熟悉unity编辑器,C#脚本控制组件一些属性之类的】
Unity快手上手【熟悉unity编辑器,C#脚本控制组件一些属性之类的】
103 0
|
测试技术 定位技术 C++
QCustomPlot开发笔记(二):QCustomPlot用户交互、元素项以及特殊用法
QCustomPlot开发笔记(二):QCustomPlot用户交互、元素项以及特殊用法
QCustomPlot开发笔记(二):QCustomPlot用户交互、元素项以及特殊用法
|
C# 图形学
Unity C# 《有限状态机》的用法教程详解
Unity C# 《有限状态机》的用法教程详解 有限状态机用法教程 本文提供全流程,中文翻译。 助力快速理解 FSM 有限状态机,完成游戏状态的切换 为新手节省宝贵的时间,避免采坑! 有限状态机简称: FSM —— 简称状态机 是表示有限个状态以及在这些状态之间的转移和动作等行为的数学模.
6191 0
|
vr&ar 图形学
【Unity3D 灵巧小知识点】☀️ | 在编辑器中手动设置 各个脚本的执行顺序
Unity 小科普 老规矩,先介绍一下 Unity 的科普小知识: Unity是 实时3D互动内容创作和运营平台 。 包括游戏开发、美术、建筑、汽车设计、影视在内的所有创作者,借助 Unity 将创意变成现实。 Unity 平台提供一整套完善的软件解决方案,可用于创作、运营和变现任何实时互动的2D和3D内容,支持平台包括手机、平板电脑、PC、游戏主机、增强现实和虚拟现实设备。
【Unity3D 灵巧小知识点】☀️ | 在编辑器中手动设置 各个脚本的执行顺序
|
Python
Python 技术篇-PyQt5动画功能演示,组件移动、尺寸改变动画演示
Python 技术篇-PyQt5动画功能演示,组件移动、尺寸改变动画演示
714 0
Python 技术篇-PyQt5动画功能演示,组件移动、尺寸改变动画演示