贴子标题/内容
产品形态变化演示,变形类组件怎么选怎么配
<p><span style="font-family: 宋体;">产品展示里有一类需求,不是展示产品长什么样,而是展示产品怎么变。</span></p><p><span style="font-family: 宋体;">比如一个管件弯曲的过程,一个表面凸起的效果,一个螺旋结构的扭转,一个物体从方形变球形的过程。这些需求用变形类组件做最合适。</span></p><p><span style="font-family: 宋体;">映数云图里的变形组件有八个:弯曲变形、凸出变形、分裂变形、偏斜变形、球化变形、星状变形、柱状变形、扭曲变形。每个对应不同的形变效果,选错了效果不对,选对了事半功倍。</span></p><p><span style="font-family: 宋体;">这些变形组件有一个共同的参数结构:变形是动作触发器,变形延迟执行时间控制触发后等多久开始动,变形过渡时长是整个动作持续多久,变形过渡曲线是速度变化曲线。然后每个组件有自己专属的参数。重置那边也是对称的,重置触发器、重置延迟执行时间、重置过渡时长、重置过渡曲线。</span></p><p><span style="font-family: 宋体;">下面逐个说。</span></p><p><strong>弯曲变形,管状物的首选</strong></p><p><span style="font-family: 宋体;">弯曲变形是沿轴线弯折模型。适合管状物、线缆、软管这类产品。</span></p><p><span style="font-family: 宋体;">专属参数有四个:弯曲角度、变形半径、变形方向、变形旋转圆心偏移。</span></p><p><span style="font-family: 宋体;">弯曲角度控制弯多少。变形半径控制弯折弧线的缓急,半径值越大弯曲越平缓舒展,半径值越小弯曲越急剧紧凑。变形方向是三维向量,xyz控制弯折的轴向和偏转角度。变形旋转圆心偏移改变弯折围绕的基准点,不设的话以物体几何中心为轴,设了之后围绕自定义的偏心点旋转弯折。</span></p><p><strong>凸出变形,表面隆起</strong></p><p><span style="font-family: 宋体;">凸出变形是把表面向外顶起,形成鼓包或隆起。</span></p><p><span style="font-family: 宋体;">专属参数有四个:变形方向、变形强度、最大变形区间、最小变形区间。</span></p><p><span style="font-family: 宋体;">变形方向是三维向量,控制凸出在空间中的朝向。变形强度控制隆起的幅度,值越大凸出越显著,值越小变形越轻微。最大变形区间限定隆起在空间中延伸的最远距离,超出范围的部分不受影响。最小变形区间限定底部的空间范围。</span></p><p><span style="font-family: 宋体;">这个组件适合展示材料受压变形的效果,或者产品表面的局部隆起。</span></p><p><strong>分裂变形,破碎效果</strong></p><p><span style="font-family: 宋体;">分裂变形是把模型分离为多个碎片,模拟破裂或分解效果。</span></p><p><span style="font-family: 宋体;">专属参数只有一个:分裂程度。数值越高,分裂散布越远。</span></p><p><span style="font-family: 宋体;">这个组件适合展示破碎、分解的过程。</span></p><p><strong>偏斜变形,倾斜效果</strong></p><p><span style="font-family: 宋体;">偏斜变形是沿某方向倾斜模型,改变姿态角度。</span></p><p><span style="font-family: 宋体;">专属参数有四个:变形方向、变形程度、变形最大区间、变形最小区间。</span></p><p><span style="font-family: 宋体;">变形方向是三维向量,控制物体沿哪个轴向或角度发生倾斜与偏移。变形程度控制倾斜或偏移的幅度,数值越高偏斜角度越大。变形最大区间和变形最小区间限定倾斜与偏移变形所波及的空间区域,超出边界的部分保持原始姿态。</span></p><p><strong>球化变形,从方到圆</strong></p><p><span style="font-family: 宋体;">球化变形是把模型形状向球体过渡。</span></p><p><span style="font-family: 宋体;">专属参数有两个:变形程度、球化半径。</span></p><p><span style="font-family: 宋体;">变形程度控制物体向球体形态逼近的强度,数值越高形体越接近标准球体,数值越低保持更多原始轮廓特征。球化半径定义目标球体的大小,半径值越大目标球体越大,变形后物体整体膨胀范围越广,半径值越小目标球体越紧凑,变形后物体向内收缩。</span></p><p><strong>星状变形,尖角效果</strong></p><p><span style="font-family: 宋体;">星状变形是向外凸出尖角形成星形。</span></p><p><span style="font-family: 宋体;">专属参数有三个:变形方向、凸起个数、变形程度。</span></p><p><span style="font-family: 宋体;">变形方向是三维向量,控制尖刺或棱角延伸的空间朝向。凸起个数控制尖角或凸起棱线的数量,数值越大星角越多越密集,数值越小星角越少越简洁。变形程度控制尖刺凸起的幅度与尖锐程度,数值越高星刺越长越尖锐。</span></p><p><strong>柱状变形,拉伸效果</strong></p><p><span style="font-family: 宋体;">柱状变形是沿轴向拉伸为柱体形态。</span></p><p><span style="font-family: 宋体;">专属参数有两个:变形程度、柱化半径。</span></p><p><span style="font-family: 宋体;">变形程度控制形变的幅度。柱化半径定义目标柱体的截面半径大小,半径值越大目标柱体越粗,变形后物体整体膨胀范围越广,半径值越小目标柱体越细,变形后物体向内收束越紧。</span></p><p><strong>扭曲变形,螺旋效果</strong></p><p><span style="font-family: 宋体;">扭曲变形是沿轴旋转扭曲模型,产生螺旋形态变化。</span></p><p><span style="font-family: 宋体;">专属参数有四个:变形方向、变形角度、内侧限制、外侧限制。</span></p><p><span style="font-family: 宋体;">变形方向是三维向量,控制扭曲的旋向与扭转轴线。变形角度控制旋转缠绕的幅度,角度值越大扭转圈数越多、形变越显著。内侧限制控制靠近扭转轴线内侧区域的约束范围,数值越高内侧区域受扭曲影响越小。外侧限制控制远离扭转轴线外侧区域的约束范围,数值越高外侧区域受扭曲影响越小。</span></p><p><strong>怎么选</strong></p><p><span style="font-family: 宋体;">管状物弯曲用弯曲变形。表面隆起用凸出变形。破碎分解用分裂变形。倾斜姿态用偏斜变形。向球体过渡用球化变形。尖角造型用星状变形。轴向拉伸用柱状变形。螺旋扭曲用扭曲变形。</span></p><p><strong>搭配时间轴和序列播放</strong></p><p><span style="font-family: 宋体;">变形过程一般不是一步到位,需要控制节奏。变形延迟执行时间控制触发后等多久开始动。变形过渡时长控制整个动作持续多久。变形过渡曲线控制速度变化。</span></p><p><span style="font-family: 宋体;">如果要串联多个变形效果,比如先弯曲再扭曲,可以用序列播放组件。序列播放组件的参数有播放序列触发器、序列播放延迟执行时间、序列片段、播放模式、暂停序列、结束序列。把每个变形效果做成序列片段,用序列播放统一控制。播放模式有单次播放和循环播放两种,形态变化演示一般用单次。</span></p><p><strong>和参数变换的区别</strong></p><p><span style="font-family: 宋体;">变形类组件是视觉形变,模型本身形状变了。参数变换是数值驱动,改的是亮度、速度、大小这些参数,模型形状不变。</span></p><p><span style="font-family: 宋体;">做形态变化演示用变形组件,做参数调节用参数变换。</span></p>