Tagged articles
4 articles
Page 1 of 1
New Oriental Technology
New Oriental Technology
Jul 19, 2021 · Frontend Development

Implementing a Simple Tween/Easing Library in TypeScript

This article introduces a lightweight TypeScript tween library, explains its core classes HTweenLite and HTween, details the implementation of various easing functions, and demonstrates how to use the library to perform data-driven animations without relying on any specific UI framework.

EasingLibraryTween
0 likes · 15 min read
Implementing a Simple Tween/Easing Library in TypeScript
Yuewen Frontend Team
Yuewen Frontend Team
May 28, 2018 · Frontend Development

Master Simple Easing: Plug‑and‑Play Animation Algorithm for UI

This article introduces a lightweight easing algorithm that moves an element by half the remaining distance each frame, provides a requestAnimationFrame polyfill, a reusable Math.easeout function, and shows real‑world usage in Qidian's scroll‑to‑top and other UI effects.

EasingJavaScriptUI
0 likes · 12 min read
Master Simple Easing: Plug‑and‑Play Animation Algorithm for UI