눈효과 만들기

자연스러운 눈효과의 움직임을 만들기 위해서는 액션스크립트의 움직임 필요합니다.

어찌보면 액션스크립트로만 제작을 한다고 할 수 있겠습니다.
이번 눈 효과 제작에 필요한 액션스크립트의 코드들을 살펴보면

1. Math.sin을 이용한 움직임

2. random을 이용한 무비클립 속성 값들의 변화

3. attachMovie를 이용한 무비클립복제

이렇게 됩니다.

먼저 Math 의 움직임에 대해서 알아보도록 하겠습니다.
Sin 에 대해서는 알고 계실거라 생각됩니다.
전체적으로 확실하게 이해를 하시면 좋지만 필요한 부분만을 설명해드리겠습니다.
지금 효과에선 삼각함수의 전체적인 것을 다루는 것이 아니라 sin(X)란

값을 이용하는 것뿐입니다.

천천히 설명해드리겠습니다.

액션스크립트에서는 sin을 Math.sin이라고 표현 합니다.
Math.sin에서 나올 수 있는 값은 -1부터 1까지 입니다.
이값을 무엇을 하느냐? 라고 생각하실 수 있지만 -1과 1은 오브젝트의

움직임에서 아주 커다란 영향력을 가지고 있습니다.
오브젝트의 움직임에 대한 방향을 정할 수 있습니다.

오브젝트의 움직임이.. 오브젝트의 속성 (_x,_y)의 값의 변화이기 때문에
이 속성값에..곱해지게 되면 오브젝트의 움직임 방향이 정해지기 때문입니다.

Math.sin에 대해서 그럼 간단한 예제를 한번 제작해 보도록 하겠습니다.
먼저 스테이지에 원을 하나 그리고무비클립으로 만들어보겠습니다.

액션스크립트 부분

center=200;
radian=200;
angle=0;
angle_sp=5;
snow.onEnterFrame=function(){
this._x=center+radian*Math.sin(angle*Math.PI/180);
angle+=angle_sp;
}

이렇게 작성합니다.

Center와 radian의 부분에대해서 설명드리면,
sin이란 자체는 원운동이라 생각하시면 됩니다.

원을 그릴 때 원의 중심점의 위치를 center라 하고

원의 반지름을 radian 이라고 합니다.

-center 와 radian 의 그림 자리-

angle은 위에서 sin그래프에서 보셨던 것처럼

그래프의 각도를 나타내는 변수 입니다.
angle_sp 는 각도에 더해지는 변수입니다.
이 변수가 크면 클수록 움직임이 빨리 지게 되는 것입니다.

onEnterFrame 부분을 보면,
this._x=center+radian*Math.sin(angle*Math.PI/180)
입니다.

이해로 돕고자 숫자로 보면,
this._x=200+200*Math.sin(0*Math.PI/180); 입니다.