用途
该技能用于创建能够娱乐用户、带来惊喜、让交互真正令人愉悦的动画。其情感目标是：通过出人意料、异想天开的运动来邀请用户互动；趣味来自那些有个性、能富有表现力地响应、并让用户会心一笑的动画。
主要能力
该技能将迪士尼动画原则应用于“趣味性”场景，并给出具体指导：
- 挤压与拉伸：幅度慷慨、夸张（25-40%），呈现橡胶般的卡通物理感，物体应显得有生命、有反应，像沙滩球一样弹跳。
- 预备动作：夸张的蓄力（150-250ms），漫画式节奏——大准备带来大回报，元素在行动前会“思考”。
- 舞台呈现：戏剧化表现，清晰的铺垫与笑点，给趣味时刻留出呼吸和被注意的空间。
- 直进动作：拥抱自发性，摇摆的路径、不可预测的弹跳，角色和元素仿佛有自己的想法。
- 跟随动作与重叠动作：大量、有弹性的跟随，过冲、摇摆和沉降，像卡通角色刹车滑行。
- 慢入慢出：不对称并带过冲，快速起步、弹跳落地，使用 cubic-bezier(0.68, -0.55, 0.265, 1.55) 实现弹性效果。
- 弧线：夸张、有弹性的曲线，跳跃用高弧线，个性用波浪路径，没有东西沿直线运动。
- 次要动作：丰富！摆动、闪光、表情，元素之间相互反应，整个界面感觉有生命。
- 时间节奏：多变且富有表现力（100-500ms），快速切换、缓慢预备，带有节拍和停顿的漫画式节奏。
- 夸张：高幅度（30-50%），把动作推到卡通级别，用不可能的物理传达情感上的真实。
- 扎实的绘画：通过形变保持吸引力，被拉伸的元素依然迷人，为效果改变体积。
- 吸引力：圆润友好的形状，明亮饱和的色彩，大眼睛、富有表现力的形态，万物皆有性格。
使用方式
该技能提供时间节奏建议表：
| 元素 | 时长 | 缓动 |
|---|---|---|
| 弹跳 | 400-600ms | spring(1, 60, 8) |
| 摇摆 | 300-400ms | ease-in-out |
| 弹出 | 150-250ms | ease-out-back |
| 挤压 | 100-150ms | ease-out |
并提供 CSS 缓动变量：
--play-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
--play-elastic: cubic-bezier(0.34, 1.56, 0.64, 1);
--play-wobble: cubic-bezier(0.45, 0.05, 0.55, 0.95);
以及趣味动画关键帧示例：
@keyframes wiggle {
0%, 100% { transform: rotate(0deg); }
25% { transform: rotate(-5deg); }
75% { transform: rotate(5deg); }
}
@keyframes boing {
0% { transform: scale(1); }
30% { transform: scale(1.25, 0.75); }
50% { transform: scale(0.85, 1.15); }
70% { transform: scale(1.05, 0.95); }
100% { transform: scale(1); }
}
适用场景
- 游戏与游戏化
- 儿童界面
- 社交媒体反应
- 引导教程
- 空状态
- 彩蛋
- 休闲应用
- 娱乐平台
限制
资料未提供关于该技能的具体安装命令、依赖要求、平台兼容性范围或收费信息，这些内容暂未提供。