DoTween可视化编程用法详解

DoTween可视化编辑


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

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

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



Chinar —— 心分享、心创新!

助力快速完成理解并使用 DoTween的可视化编程

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


Chinar 教程效果:
这里写图片描述



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


分为两种:

Do Tween Animation —— 做补间动画

Do Tween Patch —— 做补间路径


添加组件方法:

直接 Add Component 添加

搜索 DoTween 就可以看到 Do Tween Animation Do Tween Patch
举个栗子黑白88
这里写图片描述


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 —— 阿里ECS云服务器自定义配置 - 购买教程(新手必备!)

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

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




<script type="math/tex" id="MathJax-Element-2"> </script>
技术交流群:806091680 ! Chinar 欢迎你的加入


END

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

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

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

  • 20
    点赞
  • 99
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Arduino可视化编程是指使用图形化界面编程工具来开发Arduino项目。传统的Arduino编程使用C/C++语言,需要熟悉语法和编写代码,对初学者来说有一定的难度。而可视化编程则是将各种功能模块以图形进行拖拽组合,通过连接线连接起来,以此来完成程序的编写。 使用可视化编程工具,比如Arduino IDE中的Blockly,可以直接拖拽各种模块,如数字输入、输出、循环、判断等,通过简单的操作就可以完成代码的编写。无需编写繁琐的语法,可视化编程编程更加直观、易于理解。初学者可以通过拖拽组合模块,快速上手编程,降低了学习门槛。 除了Blockly,还有其他可视化编程工具,如mBlock、Scratch等,它们都支持Arduino平台。这些工具不仅提供了丰富的模块库,还能直接与Arduino开发板进行连接,实时地将程序下载到开发板上运行。 可视化编程不仅适用于初学者,对于有一定编程基础的开发者来说,也可以以更高效的方式进行开发。通过可视化编程工具,可以快速搭建原型,进行功能验证和调试,缩短开发时间。 总结来说,Arduino可视化编程以图形化界面代替传统的编程语言,降低了编程难度,使得初学者能够更轻松地开始Arduino项目。它不仅提供了丰富的模块库,还能实时地将程序下载到开发板上运行。对于有经验的开发者来说,可视化编程工具也可以提高开发效率。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值