Tween Animation 2008011181 천승현.

Slides:



Advertisements
Similar presentations
IT CookBook, 초보자의 첫 번째 파워포인트 2007 파워포인트 2007 기초. 2 이 장에서 배울 내용  01_ 파워포인트 2007 과 슬라이드 기본 조작법  02_ 텍스트와 워드아트  03_ 슬라이드 꾸미기.
Advertisements

두근두근 파이썬 수업 7장 프로젝트 I.
CHAP 19. 구글맵.
Chapter09 CSS3 애니메이션 HTML5 Programming.
게임 엔진 : 프로젝트 PPT_3 참참참 김 현 원.
안드로이드 앱 개발과정 Step1. 기초과정 강사 : 정 훈 희.
1차시: 질량 및 탄성 제어하기 SPL3D VR 툴 설치하기 구체(공) 도형 추가 후 질량 부여하기 바닥 추가하기
3D Project Cloud Warcraft 박 종 선.
Revenge of the Zombie:2차 발표
사원수 (Quaternion)
자기소개서 동서대학교 멀티미디어공학 전남용.
CHAP 24. nfc와 앱위젯.
openGL Project 제안서 - 해상 전투
1. C++ 시작하기.
Raster 애니메이션은 GIF Animator로 만들면 쉽다
전광판 어플 크레파스통 도상미 박아란 이민영.
CHAP 8. 그래픽.
프리젠테이션활용 및 데이터활용 Chapter 2 파워포인트의 기본 김 정 석
D / K / I / T / E / C / H / N / O / L / O / G / Y
In2smile PT Template in2smile.com.
스크래치 언어 이해 스크래치 이용법 습득 고양이가 말을 하며 움직이는 예제 작성
CHAP 12. 리소스와 보안.
멀티미디어 기본+활용 제대로 배우기.
과제#4 내용 정성훈.
Microsoft Robotics Developer Studio 고급 프로그래밍 과정 [Part 3] VPL 로봇 프로그래밍
트위닝.
사용자 함수 사용하기 함수 함수 정의 프로그램에서 특정한 기능을 수행하도록 만든 하나의 단위 작업
자바응용.
Chapter03 캔버스(1) HTML5 Programming.
7가지 방법 PowerPoint에서 공동 작업하는 다른 사용자와 함께 편집 작업 중인 사용자 보기
이름 : 황 상 두 전화번호 : 이메일 : PinTool 이름 : 황 상 두 전화번호 : 이메일 :
Unity로 만드는 안드로이드 앱 유니티 프로젝트의 구성 Made by Karoid.
자바와 아두이노를 넘어서 프로세싱으로... 자바실험실(JavaLab.org) 이동준
TERMPORJECT 라미君 이야기 EPISODE 1
CSS2(Cascading Style Sheets)
MVC 모델을 이용한 웹 애플리케이션 작성 웹 애플리케이션 개발 순서를 알아본다 웹 애플리케이션의 실행 순서를 이해한다.
CHAP 5. 레이아웃.
Samsung Software Membership 3D MIM 신진수
2D게임 프로그래밍 1차 발표 자료 정재훈.
Chapter6 : JVM과 메모리 6.1 JVM의 구조와 메모리 모델 6.2 프로그램 실행과 메모리 6.3 객체생성과 메모리
SEOUL NATIONAL UNIVERSITY OF SCIENCE & TECHNOLOGY
그래픽 모듈 편집.
3D 프린팅 프로그래밍 01 – 기본 명령어 강사: 김영준 목원대학교 겸임교수.
Clipping 이진학.
2D Game Programming Project 1
1차시: 낮과 밤이 생기는 원리 지구과학
인체 대 탐험 3D GAME ENGINE 게임 공학과 이성진.
SEOUL NATIONAL UNIVERSITY OF SCIENCE & TECHNOLOGY
컴퓨터 프로그래밍 기초 - 8th : 함수와 변수 / 배열 -
웹사이트 분석과 설계 (화면 설계) 학번: 성명: 박준석.
2D 게임프로그래밍 프로젝트 스틱 파이터 Stick Fighter 박하은.
CHAP 21. 전화, SMS, 주소록.
MATLAB Image Processing Toolbox
플래시 CS3 액션스크립트3.0.
1차 발표: 프로젝트 발표 안내 및 형식 학번: 이름: 김경우.
3D 프린팅 프로그래밍 03 – 도형 회전 (손잡이컵 만들기) 강사: 김영준 목원대학교 겸임교수.
애니메이션 제작 기법 2D 애니메이션 3D 애니메이션 임희영.
Animating Pictures with Stochastic Motion Textures
회전하는 공구를 현재 위치에서 임의의 좌표 위치까지 직선으로 위치이동하며 빠른 공구이동을 위한 명령이다.
9 브라우저 객체 모델.
2D 게임프로그래밍 프로젝트 - Air Clear 심석용.
Android -Data Base 윤수진 GyeongSang Univ. IT 1.
학번 : 이름 : 김종걸.
2D Game Programming 1차 발표 배강산.
Learning HTML5 Canvas #2 Jeon Yong ju.
8주 실습강의 학기, 소프트웨어 설계 및 실험(Ⅰ).
타이머를 시작하려면 슬라이드 쇼 메뉴에서 쇼 보기를 클릭하십시오.
Ch 4. 선택 위젯의 사용과 커스텀뷰 만들기 Assignment #1 04 – 1, 2) 08학번 정보과학과 유재윤
3. 모션과 트랜지션 Motion & Transitions
3. 모션과 트랜지션 Motion & Transitions
Presentation transcript:

Tween Animation 2008011181 천승현

목 차 트윈애니메이션이란? 애니메이션 액션 Interpolator AnimationListener Example & Graphanimation 자유 주제

01. 트윈 애니메이션이란? 프레임 애니메이션 =>출력 내용을 주기적으로 변경 (Image 변경) 트윈 애니메이션 => 수학적 계산을 통해 주기적으로 출력 내용 변경 위치 및 저장파일 : [/res/anim]경로에 저장 ( *.xml ) API를 이용하여 애니메이션 로딩 =>AnimationUtils.loadAnimation(Context context, int id)

01. 트윈 애니메이션이란? 트윈 애니메이션 대상과 효과 구분 이름 설명 대상 뷰 위젯이나 레이아웃 그리기 객체 Drawable 객체 효과(action) 위치 이동 translate로 정의하여 위치 이동 확대/축소 Scale로 정의하여 확대/축소 회전 Rotate로 정의하여 회전 투명도 Alpha로 정의하여 투명도 조절

02. 애니메이션 액션 Scale 효과 : 확대 / 축소 액션을 하는 애니메이션 Scale 속성 - PivotX, PivotY : 중심 X축, Y축 값 결정 - fromXscale, fromYscale : 시작할 때의 확대/축소 비율 - toXscale, toYscale : 끝날 때 확대/축소 비율 - duration : 지속시간 *좌표 값을 백분율(%)로 가능 (Java => ScaleAnimation 객체를 생성하여 사용)

02. 애니메이션 액션 Scale 실행 화면 및 XML 파일 Scale : 확대 Scale2 : 확대 및 축소 Scale < 실행화면 > Scale Scale2 < XML 소스 > Scale Scale : 확대 Scale2 : 확대 및 축소 < Pivot 위치 >

02. 애니메이션 액션 translate 효과 : 위치 이동 액션을 하는 애니메이션 translate 속성 - fromXDelta, fromYDelta : X축,Y축의 시작위치 - toXDelta, toYDelta : X축,Y축의 도착위치 (Java => TranslateAnimation 객체를 생성하여 사용)

02. 애니메이션 액션 rotate 효과 : 회전 액션을 하는 애니메이션 rotate 속성 - fromDegrees : 시작각도 - toDegrees : 회전 할 방향 및 각도(음수: 반시계방향, 양수: 시계방향) (Java => RotateAnimation 객체를 생성하여 사용)

02. 애니메이션 액션 실행 화면 및 XML 파일 translate : 위치이동 rotate : 회전 < 실행화면 > < XML 소스 > translate : 위치이동 rotate : 회전

02. 애니메이션 액션 alpha 효과 : 투명도를 조절하는 애니메이션 alpha 속성 - fromAlpha : 시작할 때 투명도 - toAlpha : 종료될 때 투명도 (Java => AlphaAnimation 객체를 생성하여 사용)

02. 애니메이션 액션 실행 화면 및 XML 파일 Alpha : 투명해진 버튼이 나타남 Alpha2 : 버튼이 투명해짐 < 실행화면 > < XML 소스 > Alpha : 투명해진 버튼이 나타남 Alpha2 : 버튼이 투명해짐

< Interpolator 속성 > : 애니메이션의 진행과정과 속도를 제어하는 속성 interpolator 설명 accelerate_interpolator 점점 빠르게 나타나도록 만듬 decelerate_interpolator 점점 느리게 나타나도록 만듬 accelerate_decelerate_interpolator 점점 빠르다가 느리게 만듬 anticipate_interpolator 시작 위치에서 조금 뒤로 당겼다가 시작하도록 만듬 overshoot_interpolator 종료 위치에서 조금 지나쳤다가 종료되도록 만듬 anticipate_overshoot_interpolator 시작 위치에서 조금 뒤로 당겼다가 시작한 후 종료 위치에서 조금 지나쳤다가 종료되도록 만듬 bounce_interpolator 종료 위치에서 튀도록 만듬 < Interpolator 속성 >

03. Interpolator 실행화면 Accelerate : 점점 빨라짐 Decelerate : 점점 느려짐 Acc_Dec : 빨라졌다가 느려짐 Aniticipate : 뒤로 튕긴 후 앞으로 이동

03. Interpolator 실행화면 Overshoot : 종료위치에서 좀 더 지나침 Anti_over : Anticipate + Overshoot bounce : 종료 위치에서 튐

03. Interpolator 구현 방법 < XML로 정의 > < Java로 정의 >

04. AnimationListener AnimationListener : 애니메이션의 시작, 반복, 종료 상태를 알 수 있도록 함 onAnimationStart() : 애니메이션이 시작할 때 호출 onAnimationRepeat() : 애니메이션이 반복 될 때 호출 onAnimationEnd() : 애니메이션이 종료 될 때 호출 < Java 코드로 정의 >

05 Example & Graphanimation AnimationListener 사용 Translate(물방울) Rotate(그네) Translate(배경이미지)

06. 자유 주제 움직이는 졸라맨 : 그래프에 애니메이션을 추가하여 움직이는 그래프를 만든 것 프레임 애니메이션 : 그래프에 애니메이션을 추가하여 움직이는 그래프를 만든 것 프레임 애니메이션 Translate 액션 Alpha 액션 AnimationListener(start,end)

Do you have Question?