본문 바로가기

Flutter

플러터 애니메이션

https://pub.dev/packages/flutter_animate

 

flutter_animate | Flutter package

Add beautiful animated effects & builders in Flutter, via an easy, customizable, unified API.

pub.dev

 

flutter pub add flutter_animate

 

를 터미널에 쳐서 입력하면 사용이 된다.

 

 

 

https://pub.dev/packages/live_background/install

 

live_background install | Flutter package

Provide nice moving particle bokeh effect wall paper on your background.

pub.dev

이건 라이브 화면을 주는 페이지다

 

 

이건 공식 애니메이션이다.

https://pub.dev/packages/animations

 

animations | Flutter package

Fancy pre-built animations that can easily be integrated into any Flutter application.

pub.dev

 

 

여기서 깃허브로 들어가 프로젝트를 받아보자

 

 

 

 

 

 

 

이번에는 다른 걸 보자. 

https://rive.app/

 

Rive - Build interactive motion graphics that run anywhere

Complex designer-developer handoff is a thing of the past. Build functional graphics with motion and interactivity that run in products, apps, sites, and games.

rive.app

 

 

https://lottiefiles.com/kr/

 

무료 로티 애니메이션, 모션 그래픽을 위한 모든 플러그인과 도구를 한 곳에 - 로티파일즈/LottieFi

로티파일즈/LottieFiles는 오픈소스 애니메이션 포맷 로티를 제공하는 세상에서 가장 큰 무료 플랫폼입니다. 웹, iOS, 안드로이드, 윈도우를 위한 모션 그래픽 작업을 지원하는 플러그인과 툴을 통

lottiefiles.com

 

위 2개로 애니메이션을 만들 수 있다.

 

 

https://rive.app/@JcToon/

 

Rive - JcToon

 

rive.app

이분걸로 실습해보자

 

 

rive 사용할 떄 

flutter pub add rive 하자. 터미널에

 

또한 pubspec.yaml에 추가하자

'Flutter' 카테고리의 다른 글

firebase -cli 실습  (0) 2024.07.02
firebase -cli  (0) 2024.07.02
Package 수정해서 배포하기  (0) 2024.06.09
토스앱 만들기 - 앱 하단바 만들기  (0) 2024.05.01
토스앱 만들기 - 스플래시 화면 작동시키기  (0) 2024.05.01