technical-constraints

仓库: dylantarre/animation-principles
安装量: 43
排名: #16883

安装

npx skills add https://github.com/dylantarre/animation-principles --skill technical-constraints

Work within platform limitations while preserving animation intent.

Problem Indicators

  • Animation doesn't work on target browsers

  • Mobile devices can't handle animation

  • Framework limitations block implementation

  • File size constraints (Lottie, sprites)

  • Email/constrained environment needs

Diagnosis by Principle

Straight Ahead vs Pose-to-Pose

Issue: Runtime calculations too expensive Fix: Pre-calculate animations. Use CSS keyframes (pose-to-pose) over JS frame-by-frame (straight ahead).

Solid Drawing

Issue: Complex shapes cause rendering issues Fix: Simplify geometry. Use CSS shapes over SVG paths. Reduce polygon counts in 3D.

Timing

Issue: Consistent timing across devices Fix: Use relative units. Test on slowest target device. Consider

← 返回排行榜