bendc/animateplus
Animateplus
animateplus هي مكتبة رسوم متحركة خفيفة الوزن لـ JavaScript، مصممة لإنشاء انتقالات بصرية عالية الأداء بمعدل 60 إطاراً في الثانية واستيفاء عددي لعناصر المواقع. تعمل كمحرك رسوم متحركة يعتمد على الوعود (promises)، وتستخدم أنماط async await لترتيب جداول زمنية معقدة للحركة وتأخيرات التوقيت.
تتضمن المكتبة محاكياً لضبابية الحركة (motion blur) يطبق ضبابية السرعة الاتجاهية على محوري X و Y لمحاكاة السرعة العالية. كما توفر أداة استيفاء عددي للانتقال بين الألوان والخصائص الرسومية بين الحالات.
يدير النظام التحكم في العناصر بأداء عالٍ، مما يسمح ببدء وإيقاف وتأخير الرسوم المتحركة بدقة. كما يدعم تأثيرات الحركة الديناميكية من خلال استدعاءات (callbacks) لكل إطار يمكنها تشغيل منطق خارجي أثناء تقدم الرسوم المتحركة.
Features
- JavaScript Animation Libraries - Implements a high-performance 60 FPS animation engine for creating smooth visual transitions on website elements.
- JavaScript Animation APIs - A lightweight JavaScript library for creating high-performance 60 FPS animations and smooth visual transitions.
- Value Interpolation Engines - Calculates fluid intermediate numeric and color values between states to create smooth visual transitions.
- Numeric Range Interpolators - Interpolates numeric values and colors between states to create fluid transitions for graphic properties.
- Animation Sequence Promises - Uses JavaScript promises and async await patterns to sequence complex motion timelines.
- Motion Blur - Implements motion blur by simulating pixel blurring based on the velocity of moving UI elements.
- Animation Timelines - Orchestrates and manages the sequential execution of multiple animation events over a timed timeline.
- Animation Performance Tuning - Manages the precise start, stop, and delay of animations to ensure fluid 60 FPS user interface interactions.
- Property Interpolators - Interpolates numeric values and colors to create smooth transitions for graphic properties of DOM elements.
- Animation Sequencing - Coordinates the timing and order of multiple animations using promise-based sequencing.
- Asynchronous Task Delays - Provides battery-efficient, promise-based delays to pause execution within an asynchronous animation flow.
- RequestAnimationFrame Loops - Synchronizes visual updates with the browser refresh rate using requestAnimationFrame for smooth motion.
- Frame Callbacks - Triggers user-defined functions on every animation frame to synchronize external logic with visual progress.
- Animation Controllers - Allows for the immediate termination of all running animations on specific elements to prevent further movement.
- Animation Registries - Provides a registry of active animations tied to DOM elements to enable immediate targeted halting.
- Motion Effects - Adds visual polish using simulated motion blur and frame-by-frame callbacks that react to animation progress.
- Animation Libraries - Lightweight and performant library for CSS and SVG animations.
- Animations and Motion - A tiny library for high-performance animations.
- General Animation Engines - Modern animation module for the web.
