ReddRadar
Topic: animation
195 skills in this topic.
-
universal-solutions
Use when facing any animation problem as a comprehensive diagnostic framework
dylantarre/animation-principles 23
-
comfort-safety
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.
dylantarre/animation-principles 23
-
follow-through-overlapping
Use when animating multi-part objects, character appendages, fabric, hair, or any motion requiring realistic drag, momentum, and settling behavior.
dylantarre/animation-principles 23
-
gsap-greensock
Use when implementing Disney's 12 animation principles with GSAP (GreenSock Animation Platform)
dylantarre/animation-principles 23
-
calm-relaxation
Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.
dylantarre/animation-principles 23
-
accessibility-issues
Use when animation excludes users with vestibular disorders, cognitive disabilities, or assistive technology needs
dylantarre/animation-principles 23
-
spatial-thinking
Use when animation involves depth, perspective, volume, or three-dimensional awareness—camera moves, character positioning, environmental interaction, or maintaining consistent spatial relationships.
dylantarre/animation-principles 23
-
trust-reliability
Use when creating animations that build user confidence, establish credibility, and communicate dependability.
dylantarre/animation-principles 23
-
timing-calibration
Use when animation speed feels wrong—too fast, too slow, or inconsistent
dylantarre/animation-principles 23
-
game-development
Use when implementing game animations, player feedback, character movement, or interactive entertainment in Unity, Unreal, or other game engines.
dylantarre/animation-principles 23
-
micro-interactions
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
dylantarre/animation-principles 23
-
mobile-touch
Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.
dylantarre/animation-principles 23
-
anticipation-payoff
Use when designing action sequences, gags, reveals, or any motion that needs setup before delivery—preparing audiences for what's coming and maximizing impact.
dylantarre/animation-principles 23
-
attention-direction
Use when controlling where the audience looks—composing shots, choreographing action, revealing information, or any situation requiring clear visual hierarchy and focus management.
dylantarre/animation-principles 23
-
character-appeal
Use when creating or animating characters that need to connect with audiences—hero protagonists, memorable villains, lovable sidekicks, or any figure that must have personality and presence.
dylantarre/animation-principles 23
-
rhythm-pacing
Use when animation needs musical flow—dance sequences, action choreography, comedic timing, scene pacing, or any motion that should feel rhythmic and well-composed over time.
dylantarre/animation-principles 23
-
Animation Principles - Teaching Others
Use when someone needs to explain animation principles to students, mentees, or team members at various skill levels
dylantarre/animation-principles 23
-
timing-mastery
Use when determining how fast or slow motion should be—pacing action sequences, dramatic pauses, comedic beats, or any situation where the duration of movement matters.
dylantarre/animation-principles 23
-
framer-motion
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
dylantarre/animation-principles 23
-
slow-800-1200ms
Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb
dylantarre/animation-principles 23
-
attention-management
Use when wrong elements get attention, important content is missed, or visual hierarchy is broken by animation
dylantarre/animation-principles 23
-
secondary-action-mastery
Use when enriching primary animations, adding supporting details, creating depth in motion, or making scenes feel alive without distracting from main action.
dylantarre/animation-principles 23
-
Animation Principles - Absolute Beginner
Use when someone has never heard of animation principles, needs the simplest explanation possible, or is a complete newcomer to animation
dylantarre/animation-principles 23
-
Animation Principles - Advanced
Use when someone has strong command of animation principles and seeks deeper understanding of subtle applications, edge cases, and stylistic variations
dylantarre/animation-principles 23