4 Repos
Divides transitions into discrete intervals for frame-by-frame effects.
Distinct from Animation Libraries: Distinct from Animation Libraries: focuses on the specific timing logic for stepped motion rather than general animation capabilities.
Explore 4 awesome GitHub repositories matching user interface & experience · Stepped Animation Controllers. Refine with filters or upvote what's useful.
GSAP is a comprehensive JavaScript animation library designed for orchestrating complex motion sequences and interactive user interfaces. It provides a robust property-interpolation engine that calculates intermediate values for CSS styles, attributes, and numeric properties, enabling smooth visual transitions across web elements. The framework is built on a core architecture that manages animation lifecycles, timeline-based sequence orchestration, and virtual property interception to ensure precise control over motion. The library distinguishes itself through a modular, plugin-based extensib
Divides transitions into discrete intervals to produce jumpy or frame-by-frame motion effects.
Spectacle is a React-based presentation framework that enables developers to author slide decks using JSX and MDX syntax. It provides a component-driven approach to building presentations, where slides are composed as React components with declarative layouts, theme-driven styling, and step-based animation sequencing. The framework distinguishes itself through its support for live coding demonstrations within slides, allowing presenters to execute and display code directly during a talk. It includes a presenter mode with dual-view architecture that shows speaker notes, a timer, and upcoming s
Provides a hook-based step sequence mechanism to control component visibility across slide steps.
PathPlanning is a library of animated path planning algorithms that includes implementations of A-star, Dijkstra, RRT, and spline-based trajectory generation for both 2D and 3D environments. The project provides a collection of motion planning algorithms that demonstrate how robots can find collision-free paths through continuous spaces, with each algorithm rendered as a step-by-step visual animation to show how the search or tree grows over time. The library covers three main categories of path planning: sampling-based methods like RRT, RRT-star, and BIT-star that grow trees by randomly samp
Provides step-by-step visual playback of path planning algorithm exploration and convergence.
Dieses Projekt ist ein technischer Leitfaden und eine Implementierungsbibliothek für fortgeschrittene visuelle Effekte und Hardware-beschleunigte Animationen unter Verwendung des Core-Animation-Frameworks auf iOS. Es bietet eine umfassende Referenz für die Erstellung von High-Performance-Motion-Graphics, benutzerdefiniertem Grafik-Rendering und der Konstruktion von 3D-Engines mittels Perspektiv-Transformationen und Z-Achsen-Manipulation. Die Sammlung zeichnet sich durch einen starken Fokus auf GPU-Rendering-Optimierung und Grafikleistung aus. Sie deckt fortgeschrittene Strategien zur Aufrechterhaltung hoher Frameraten ab, wie etwa die Reduzierung von Offscreen-Rendering durch Shadow-Path-Optimierung, die Implementierung von asynchronem Bildladen und Dekomprimierung sowie die Nutzung von Rasterization-basiertem Content-Caching. Das Projekt deckt eine breite Palette an Funktionsbereichen ab, einschließlich 3D-Objektkonstruktion, Partikelsystem-Generierung und der Integration von Gerätesensordaten für physikbasierte Animationen. Es beschreibt zudem komplexe Animationssteuerung, von Keyframe-Interpolation und benutzerdefinierten Timing-Kurven bis hin zu manuellem Animations-Scrubbing und Anpassung der Wiedergabegeschwindigkeit. Zusätzliche Abdeckung umfasst räumliches Layout-Management, Vektorform-Zeichnung und Diagnostik zur Messung der GPU-Auslastung und Analyse der Rendering-Performance.
Implements multi-stage movement by assigning unique easing functions to individual segments of a keyframe animation.