Joy & Delight Animation 是一项专注于创造能激发快乐、愉悦惊喜和难忘愉悦感的动画技能。其核心情感目标是：快乐源于意外的愉悦、俏皮的移动以及超出预期的时刻；愉悦则来自感觉鲜活、响应灵敏且真正有趣的动画。
用途 该技能用于指导在用户界面中设计能唤起快乐、惊喜或愉悦时刻的动画，帮助开发者与设计师把情感目标转化为具体的动画手法与参数。
主要能力 技能将迪士尼动画原则映射到愉悦动画中，包括：
- 挤压与拉伸：夸张富有弹性的运动，物体在撞击时挤压 30-40% 会显得鲜活俏皮，适用于成功状态、奖励和庆祝。
- 预备动作：在揭示前积累兴奋感，弹出前轻微回拉（100-150ms）能带来满足的回报，适合通知和成就。
- 舞台调度：把焦点引向愉悦时刻，清晰的视觉层级确保愉悦元素获得全部注意力，庆祝动画中可调暗周围环境。
- 直进动作：为彩纸、粒子和庆祝效果创造自发、有机的运动，随机路径显得自然且令人兴奋。
- 跟随与重叠动作：让元素过冲并以弹跳的次级运动稳定下来，头发、丝带和装饰元素应在主动作后继续移动。
- 缓入缓出：使用非对称缓动——快速开始、缓慢满足地落地，cubic-bezier(0.34, 1.56, 0.64, 1) 可创造俏皮的过冲。
- 弧线：弹跳的曲线轨迹比直线路径更令人愉悦，庆祝时元素应沿抛物线弧线运动。
- 次要动作：在主动画上添加闪光、粒子或晃动，例如一个“点赞”爱心散发小爱心可放大愉悦感。
- 时间节奏：快速、干脆的节奏（150-250ms）感觉充满活力，快速爆发配合微停顿创造韵律，成功动画为 200-400ms。
- 夸张：将比例和运动推至超出真实 20-30%，如过大的弹跳、拉伸的笑容和放大的反应。
- 扎实造型：在拉伸运动中保持体积，被挤压的元素应水平扩展以保持质量，这读起来具有物理感。
- 吸引力：圆形、明亮色彩和流畅曲线，时间与位置上的不对称增添个性和魅力。
使用方式 技能提供了具体的时间与缓动建议：弹出（Pop-in）200-300ms，ease-out-back；弹跳（Bounce）300-500ms，spring(1, 80, 10)；彩纸（Confetti）800-1200ms，ease-out；庆祝（Celebration）400-600ms，ease-out-elastic。同时给出 CSS 缓动变量： --joy-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); --joy-pop: cubic-bezier(0.175, 0.885, 0.32, 1.275); --joy-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);
适用场景 成功确认与完成、成就解锁与奖励、引导庆祝、彩蛋与惊喜、正向反馈状态、欢迎动画。
限制 资料未提供该技能的具体安装方式、依赖环境、平台支持范围、收费或价格信息，这些内容暂未提供。