🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
#### **4.2.3.1 Alpha 效果** ![](https://img.kancloud.cn/01/89/0189004bd9bdda3e00dabac5aac8bdf4_168x52.png) 【节点说明】 Alpha 效果节点用于改变文本字符的alpha值,从而实现文本的淡入和淡出效果。文本的输入属性是文本>来源。变换后的文本由属性文本>结果输出。 ![](https://img.kancloud.cn/5e/15/5e1555cdab9e5daa49c3ece8f653c683_635x119.png) 【属性参数】 ![](https://img.kancloud.cn/0b/a8/0ba8eee1641bf1332a37b6ac9644c1eb_390x638.png) - 进度:控制文本效果影响的字符数量。 - 进度>模式:与进度>进度属性相关。在Relative模式中,进度>进度值为0表示没有任何字符受到影响,值100表示所有字符都受文本效果的影响;在Absolute模式中,进度>进度值和源文本字符长度有关。 - 速度:设定一个恒定速度。 - 方向:设定效果应用的方向,提供以下选项: |名称|说明| | --- | --- | |NearToFar|从文本开始到结束| |FarToNear|从文本结束到开头| |Center|从文本的两端到中间合拢| |Random|随机的应用在文本上| - 范围:当方向处于Random模式下时,设置范围属性来确定同时有多少字符处于第二阶段(即alpha值处于透明和不透明之间的阶段)。 - 有效:设置当前效果是否启用。 - 取反:设置是否反向施加当前的效果。 - 开始/结束:定义Alpha的初始值和结束值。 - Alpha 效果节点具有两组输出属性。当所有文本入场完毕后事件>效果完成会被触发,当所有文本出场完毕后事件>效果重置会被触发。 #### **4.2.3.2 缩放效果** ![](https://img.kancloud.cn/ee/e7/eee78b5ec4bceba56eae979cca29353d_124x52.png) 【节点说明】 缩放效果节点会修改文本字符的大小。 ![](https://img.kancloud.cn/ea/48/ea485317c56a66d0e67f9f775775be58_721x158.png) 【属性参数】 ![](https://img.kancloud.cn/5d/87/5d8749c54fb86bbcd2a9760569b4d655_421x682.png) Alpha 效果部分中已描述了进度、效果和文本属性,这里不作说明。 缩放:定义字符的缩放方式。 - 开始/结束:定义了将缩放值应用于字符的范围。第一阶段中的所有字符都将按开始值进行缩放;第三阶段中的字符将按结束值进行缩放;第二阶段中的字符按照在开始和结束值之间线性插值进行缩放。 - 对齐X:指定缩放中心的字符相关X位置,选项值如下: |名称|说明| | --- | --- | | Left|缩放中心位于角色的左边界。| |Right|缩放中心位于角色的右边界。| |Center|缩放中心位于角色的中心。| - 对齐Y:指定缩放中心的字符相关Y位置,选项值如下: |名称|说明| | --- | --- | |Top|缩放中心位于角色的上边界。| |Center|缩放中心位于角色的中心。| |BaseLine|缩放中心位于角色的基线上。| |Bottom|缩放中心位于角色的下边界。| - 对齐Z:指定缩放中心的字符相关Z位置,选项值如下: |名称|说明| | --- | --- | |Front|缩放中心位于角色的前边界。| |Center|缩放中心位于角色的中心。| |Rear|缩放中心位于角色的后边界。| - XYZ:激活相应的属性,可以指定在哪些轴上缩放字符。 #### **4.2.3.3 旋转效果** ![](https://img.kancloud.cn/ef/c1/efc14e68c59f98188b82857fe7f8de53_144x53.png) 【节点说明】 旋转效果节点更改文本字符的旋转角度。 ![](https://img.kancloud.cn/b3/98/b398eb09f17abe49ad1219f2f67c2984_655x293.png) 【属性参数】 相关属性参数可参考上一节4.2.3.2 缩放效果。 #### **4.2.4.4 火花效果** ![](https://img.kancloud.cn/c5/db/c5db80d0ce5e50435c6572086c12e8a8_141x52.png) 【节点说明】 火花效果节点更改文本字符的位置。同时可以通过修改alpha值来淡入和淡出字符。 ![](https://img.kancloud.cn/73/ee/73ee5e4c223f020f162b859855a46253_664x321.png) 【属性参数】 Alpha 效果部分中已描述了进度、效果和文本属性,这里不作说明。 ![](https://img.kancloud.cn/b3/f0/b3f05c550d19613bcd8a01bf49e95616_343x129.png) **触发** :影响字符重新定位的方式。 - 距离:定义了与其原点位置的距离,字符仍然可见。 - 启用Alpha:激活该属性,则字符会随着距离减小而通过alpha值淡入。如果禁用UseAlpha,则会弹出字符。 - X/Y/Z:指定角色移动的方向,可选项如下: |名称|说明| | --- | --- | |None|字符不会沿相应的轴移动。| |Positive|角色沿着相应的轴向正方向移动。| |Negative|角色沿着相应的轴向负方向移动。| |Both|角色沿着相应轴在正负方向上移动。| - 坐标系选择:指定每个角色的运动方向,有以下四种模式: |名称|说明| | --- | --- | |Static|根据矢量分析对所选择的X,Y,Z方向求和。**【注】对于设置为“Both”的轴,仅添加正方向(否则正方向和负方向将相互抵消)。例如,如果属性设置为X = 'Positive', Y = 'Positive' 和 Z = 'None',则字符从左下角到右上角在对角线上移动。**| |Repeat|接着将字符分配给通过X,Y,Z选择的方向之一。过程如下:假设方向选择是X = 'Positive', Y = 'Both' 和 Z = 'None'。这导致方向+X,+Y和-Y。在此模式下,第一个字符在X轴上移动;第二个字符在Y轴上移动;第三个字符也在Y轴上移动,但方向相反,下一个再次在X轴上移动。| |Alternate|与Repeat的过程类似。不同之处在于方向未按顺序分配1,2,3,1,2,3 ......,而是按顺序分别为1,2,3,2,1,2,3 ......| |Random|从可能的方向池中,每个角色随机分配一个。| #### **4.2.3.5 圆周效果** ![](https://img.kancloud.cn/28/cd/28cd22dbcee142459f6b2e476a1e511c_167x52.png) 【节点说明】 圆周效果节点将文本排列在Y轴周围的圆上。 ![](https://img.kancloud.cn/84/0e/840eec85e28a635cbd84108d679be734_612x350.png) 【属性参数】 ![](https://img.kancloud.cn/5f/42/5f42e4699ba63d0ddfd9ff5b8826797a_402x183.png) 原始文本链接到输入属性文本来源;输出属性文本>结果提供修改后的文本。可以通过两个输入属性半径和角度修改圆的外观。修改半径可改变圆的大小。设置角度确定角色相对于Y轴的角度。 #### **4.2.4.6 自适应宽度效果** ![](https://img.kancloud.cn/0e/38/0e388e0cb44bb794ac5da99c847dbff7_152x91.png) 【节点说明】 自适应宽度效果缩放文本,使其适合指定的边界框,此效果只可以缩小文本,但不会放大文本。 ![](https://img.kancloud.cn/77/59/7759e6f51415f85943d541b688c53c41_571x407.png) 【属性参数】 ![](https://img.kancloud.cn/7a/99/7a997e662e4c05f018e8cb08be25f021_426x767.png) 原始文本链接到输入属性文本>来源;输出属性文本>结果提供修改后的文本。 缩小以适应 - 有效:切换属性,可以分别激活和取消激活文本效果。如果文本效果处于非活动状态,原始文本将保持不变。 - 宽度/高度:定义文本需要适应的边界框。根据原始文本的大小和指定的边界框,文本可以或多或少地进行缩小。 - 虚拟边界:定义如何计算文本对象的结果边界框。如果此属性设置为“静态(Static)”则边界框将采用“宽度”和“高度”的值;如果设置为“动态(Dynamic),边界框是整个文本适合的最小可能矩形。 缩放&限制 - 比例:可实现比例缩放。在这种情况下,宽度和高度的缩放因子是相等的。 - 最小尺寸限制:如果启用,则文本将仅缩小为最小宽度和最小高度中指定的因子。在这种情况下,当文本太宽或太高并且必要的缩放因子低于限制时,文本将超出边界框。 - 减少字符间距:可以减少字符之间的空间,以实现所需的宽度。如果缩小未达到所需的文本宽度,则另外缩放文本。 - 字符间距: 指定减少两个字符之间距离的值。 另外,该节点还提供由收缩过程产生的边界框(X,Y,宽度,高度)的输出属性以及宽度和高度的收缩系数(缩放X,缩放Y)。