用途:GSAP Utilities 是 GSAP 提供的工具函数集合(通过 gsap.utils 访问),用于数据转换、数学运算和常见动画辅助逻辑,让复杂计算更简洁、可读。
主要能力:数值处理方面有 clamp(限制在 min/max 之间)、mapRange(把一个区间映射到另一个区间)、normalize(归一化到 0-1)、interpolate(数值、颜色、对象插值)、snap(吸附到增量或数组)、pipe(串联多个函数)。数组与随机方面有 toArray(类数组转真数组)、random(区间、步进或数组取值)、shuffle(打乱数组)、wrap 与 wrapYoyo(循环/往返取值)。单位与颜色方面有 getUnit、unitize、removeUnit、splitColor、checkPrefix。选择器方面有 selector(创建作用域选择器)。
使用方式:从 gsap 导入后直接调用,例如 gsap.utils.clamp(0, 100, 150) 返回 100;gsap.utils.mapRange(0, 100, 0, 500, 50) 返回 250;gsap.utils.random(0, 100, 10) 取 0 到 100 的 10 的倍数;gsap.utils.interpolate('#ff0000', '#0000ff', 0.5) 得到中间色。可传入动画属性,如 gsap.to('.box', { x: gsap.utils.random(-200, 200), duration: 1 }),也可配合 ScrollTrigger 的 onUpdate 使用。
适用场景:滚动进度映射、视差限制、响应式数值、循环轮播索引、元素错落分布、颜色过渡、随机粒子效果等。
限制与注意:random 在循环中每帧会重新求值,需先求值再传入;mapRange 前建议先用 clamp 限制输入范围;频繁使用的工具函数应缓存以提升性能。资料未提供安装命令、版本要求、收费与平台信息。