티스토리 뷰

자작 패키지

[animatable-js] 자바스크립트(특히 canvas 환경)에서 퀄리티 높은 애니메이션을 구현할 수 있는 방법.

Dev Ttangkong 2024. 2. 2. 15:25

 

그래프를 만들거나 여러 복잡한 구조들이 빠르게 렌더링되어야 할 때 cavnas 요소를 사용하여 js에서 이를 제어합니다.

 

이러한 특성 덕분에 js에서 제어하는 canvas 요소 특정상 css 속성을 사용하지 못합니다.

해당 개발 환경에서 선형 또는 감속/가속(curved) 애니메이션을 구현할 때 매우 유용한 패키지를 만들었습니다.

 

NPM

 

animatable-js

This package allows easy and light implementation of linear or curved animation in javascript. `Especially suitable in a development environment on web components or canvas.`. Latest version: 1.0.5, last published: 10 minutes ago. Start using animatable-js

www.npmjs.com

Github

 

GitHub - animatable-js/animatable_js: This package allows easy and light implementation of linear or curved animation in javascr

This package allows easy and light implementation of linear or curved animation in javascript environment. - animatable-js/animatable_js

github.com

 

해당 패키지 문서는 한국어도 따로 있으니까 참고해 주세요.
저는 이 패키지를 지속적으로 사용하고 개발할 것이기 때문에 지속적으로 업데이트해나갈 예정입니다.

'자작 패키지' 카테고리의 다른 글

[CSS 압축] css-mangle-webpack-plugin을 소개합니다.  (1) 2024.08.26
[Webpack, JSP] 빌드된 내용을 HTML 문서에 모두 삽입하는 방법  (0) 2024.03.19