'수학' 카테고리의 다른 글
| Lissajous (1) | 2010/10/27 |
|---|---|
| 구속 운동방정식을 이용한 모션 : Constrained Dynamics (0) | 2010/10/24 |
| Bisection Method - 방정식의 근 찾기 (0) | 2010/09/29 |
| 몬테카를로 시뮬레이션 - 파이 구하기 (3) | 2010/09/14 |
'actionscript 3.0'에 해당되는 글 10건
- 2010/10/27 Lissajous (1)
- 2010/02/04 컴퓨터가 그린 설리와 손담비 (3)
- 2009/09/25 [Actionscript3] Tweener 제작
- 2009/08/19 Actionscript 3 자유낙하 하는 공 그리고 탄성충돌
- 2009/08/19 색의 황금비율 구하기
- 2009/08/16 Actionscript 3.0 Bezier 곡선의 이해
- 2009/08/16 Actionscript 3.0 제 이름입니다. (1)
- 2009/08/08 Actionscript 3.0 - 회오리에 휘날리는 글자들
- 2009/08/04 Sprite와 MovieClip의 차이점
- 2009/07/26 Actionscript 3.0 입자들이 그림 형태로 (4)
ㅋㅋ... 그리는 과정은 아래에..
'프로그래밍 > Actionscript3.0' 카테고리의 다른 글
| Actionscript 3.0 /flash drawing (0) | 2010/02/26 |
|---|---|
| 컴퓨터가 그린 설리와 손담비 (3) | 2010/02/04 |
| Flash Actionscript Media Art - Line (0) | 2010/01/21 |
| 액션스크립트와 수학 - Bezier(베지어) 곡선 소스 source (0) | 2010/01/11 |
TAG actionscript 3.0
이번 프로젝트를 진행하면서 OpenAPI를 사용하지 않고 내 힘으로 만들어보자고 다짐했다.
그래서 일단 Tweener 를 만들어 보았다.(아마 내장 API가 있으려나..)
나는 먼저 무엇을 만들기 전에 그것을 어떻게 사용할것인지부터 생각을 한다.
여러가지 고민을 해보았지만 그냥 Tween.go(대상객체,Duration,{속성:값}); 의 형식이 가장 사용하기 편하다고 생각했다.
우선 Tweener 라 하면은, Duration 동안 대상 객체의 현재 속성값이 얼마간의 '횟수'를 통해 지정된 '값'에 도달하도록 하는것이 목적이다.
이 애니메이션을 적용하기 위해 Timer 클래스를 사용하였고, Timer가 실행되는 '주기'는 stage.frameRate*duration 에 반비례 하게 된다.
frameRate와 Timer의 실행 주기를 계산해보면 1:stage.frameRate = duration:실행될 횟수 -> 즉, 실행될 횟수 = stage.frameRate*duration 이 된다.
그러면 실제로 Timer가 실행되어야 할 주기는 1/(stage.frameRate*duration) 이 된다.
그럼 이제 duration 값에 따라 Timer가 총 실행될 '횟수'를 계산해보자.
Timer가 총 실행될 '횟수'는 duration 에 반비례하고, 즉 총 실행될 횟수는 frameRate/duration 이 된다.
그럼 이제, Timer가 한번씩 실행될때마다 대상객체의 속성값에 더해져야 할 값은 (대상객체가 가져야 할 목표값 - 대상객체 초기 위치)/실행될 총 횟수
가 된다.
그래서 일단 Tweener 를 만들어 보았다.(아마 내장 API가 있으려나..)
나는 먼저 무엇을 만들기 전에 그것을 어떻게 사용할것인지부터 생각을 한다.
여러가지 고민을 해보았지만 그냥 Tween.go(대상객체,Duration,{속성:값}); 의 형식이 가장 사용하기 편하다고 생각했다.
우선 Tweener 라 하면은, Duration 동안 대상 객체의 현재 속성값이 얼마간의 '횟수'를 통해 지정된 '값'에 도달하도록 하는것이 목적이다.
이 애니메이션을 적용하기 위해 Timer 클래스를 사용하였고, Timer가 실행되는 '주기'는 stage.frameRate*duration 에 반비례 하게 된다.
frameRate와 Timer의 실행 주기를 계산해보면 1:stage.frameRate = duration:실행될 횟수 -> 즉, 실행될 횟수 = stage.frameRate*duration 이 된다.
그러면 실제로 Timer가 실행되어야 할 주기는 1/(stage.frameRate*duration) 이 된다.
그럼 이제 duration 값에 따라 Timer가 총 실행될 '횟수'를 계산해보자.
Timer가 총 실행될 '횟수'는 duration 에 반비례하고, 즉 총 실행될 횟수는 frameRate/duration 이 된다.
그럼 이제, Timer가 한번씩 실행될때마다 대상객체의 속성값에 더해져야 할 값은 (대상객체가 가져야 할 목표값 - 대상객체 초기 위치)/실행될 총 횟수
가 된다.
'프로그래밍 > Actionscript3.0' 카테고리의 다른 글
| [Actionscript3] 3D 파티클.. (0) | 2009/09/25 |
|---|---|
| [Actionscript3] Tweener 제작 (0) | 2009/09/25 |
| [Flash/Actionscirpt3] 3D 로테이션 (0) | 2009/09/17 |
| 장난감... (0) | 2009/09/13 |
액션스크립트 3 로 만든 모션(?)
'프로그래밍 > Actionscript3.0' 카테고리의 다른 글
| Actionscript3 관절 표현 (0) | 2009/08/21 |
|---|---|
| Actionscript 3 자유낙하 하는 공 그리고 탄성충돌 (0) | 2009/08/19 |
| 색의 황금비율 구하기 (0) | 2009/08/19 |
| Actionscript 3 - Movieclip 색상 변환하기 (0) | 2009/08/19 |
사용방법
1. Input 박스안에다가 원하시는 색상정보값을 넣습니다. (예: 0xFDA920, 0xFFFFFF..)
2. Enter 버튼을 누릅니다.
보통 레이아웃 구조를 잡을때면 황금비율을 이용해야겠다는 생각을 쉽게 할수 있었는데, 과연 색에도 황금비율을 적용하면 어떻게 될까? 라는 생각에 만들어 보았습니다.
포토샵이나, 기타 프로그램 언어에서는 색상정보값을 16진수 값을 사용해서 나타내는데, 이를 10진수로 변환해서 황금비율을 곱해준다음에, 다시 16진수로 바꾸어주고, 각 박스에다가 적용해 보았습니다.
저는 디자인에 대해서는 문외한이라 결과가 어떤지 참 궁금하네요.
'프로그래밍 > Actionscript3.0' 카테고리의 다른 글
| Actionscript 3 자유낙하 하는 공 그리고 탄성충돌 (0) | 2009/08/19 |
|---|---|
| 색의 황금비율 구하기 (0) | 2009/08/19 |
| Actionscript 3 - Movieclip 색상 변환하기 (0) | 2009/08/19 |
| Actionscript 3.0 Bezier 곡선의 이해 (0) | 2009/08/16 |
베지어 곡선이 무엇인지 궁금해서 알아보다가 아래와 같은 그림을 봤다.
그림 저작권 있으면 알려주세요 ㅠ.ㅠ
(아.. 이런것을 베이지어 곡선이라고 하는구나!)
일단은 위에 보이는 플래쉬처럼 포인트 3개만 가지고 베이지어 커브를 만들어 보았다. (P1 은 마우스 포인트 ).
그냥 직관적으로 풀어보긴 풀어보았는데, 일반화 시키는게 좀 어려울듯 싶다.
선을 그리려고 한다면 그냥 curveTo 메소드를 쓰면 되겠지만, 물체의 운동을 표현하려면 이것을 일반화 시킬수 있어야 겠다.
'프로그래밍 > Actionscript3.0' 카테고리의 다른 글
| Actionscript 3 - Movieclip 색상 변환하기 (0) | 2009/08/19 |
|---|---|
| Actionscript 3.0 Bezier 곡선의 이해 (0) | 2009/08/16 |
| Actionscript 3.0 제 이름입니다. (1) | 2009/08/16 |
| ActionScript 3 유고 나카무라의 '그것'과 비슷한가.. (0) | 2009/08/16 |
제 이름이 궁금하시다면 마우스를 계속 누르고 계시면 됩니다..
'프로그래밍 > Actionscript3.0' 카테고리의 다른 글
| Actionscript 3.0 Bezier 곡선의 이해 (0) | 2009/08/16 |
|---|---|
| Actionscript 3.0 제 이름입니다. (1) | 2009/08/16 |
| ActionScript 3 유고 나카무라의 '그것'과 비슷한가.. (0) | 2009/08/16 |
| Actionscript 3.0 - 회오리에 휘날리는 글자들 (0) | 2009/08/08 |
TAG actionscript 3.0
선생님이 저번에 보여주신걸 한번 따라해 보고 싶어서 해보았는데... 역시... 아류작이란 ㅉㅉ...
다음시간에는 개발자로써 갖추어야할 자세와 지식들에 대해서 알려주신다니 기대된다.
'프로그래밍 > Actionscript3.0' 카테고리의 다른 글
| ActionScript 3 유고 나카무라의 '그것'과 비슷한가.. (0) | 2009/08/16 |
|---|---|
| Actionscript 3.0 - 회오리에 휘날리는 글자들 (0) | 2009/08/08 |
| 3D 렌더링 오지게 계산해놨더니, 간단하게 지원해주는 Actionscript3 (0) | 2009/08/05 |
| Sprite와 MovieClip의 차이점 (0) | 2009/08/04 |
MovieClip은 Sprite 클래스를 상속받는다.
둘간의 차이점은 타임라인을 가지고 있느냐 가지고 있지 않느냐..
Sprite는 타임라인을 가지고 있지 않아서 좀더 가볍다.
'프로그래밍 > Actionscript3.0' 카테고리의 다른 글
| 3D 렌더링 오지게 계산해놨더니, 간단하게 지원해주는 Actionscript3 (0) | 2009/08/05 |
|---|---|
| Sprite와 MovieClip의 차이점 (0) | 2009/08/04 |
| Actionscript 3.0 입자들이 그림 형태로 (4) | 2009/07/26 |
| Actionscript 3.0 - 랜덤으로 그림그리기 (2) | 2009/07/25 |
TAG actionscript 3.0
랜덤으로 움직이는 작은 입자들이 위 이미지의 형태를 띄도록 해보았다. 이미지가 허전해서인지 그다지 멋져보이지는 않지만, 여러모로 활용할수 있을듯..
'프로그래밍 > Actionscript3.0' 카테고리의 다른 글
| 3D 렌더링 오지게 계산해놨더니, 간단하게 지원해주는 Actionscript3 (0) | 2009/08/05 |
|---|---|
| Sprite와 MovieClip의 차이점 (0) | 2009/08/04 |
| Actionscript 3.0 입자들이 그림 형태로 (4) | 2009/07/26 |
| Actionscript 3.0 - 랜덤으로 그림그리기 (2) | 2009/07/25 |
