'달리는자동차'에 해당되는 글 1건

  1. 2008/11/18 [Expression Blend 활용강좌] 달리는 자동차

갑자기 날씨가 추워졌네요. 눈이 온 곳도 있다고 하네요..ㅋㅋ;
11월 첫주에는 실버라이트 교육이, 지난주 토요일에 폴리텍1대학에서 블렌드 교육이 있었습니다. 실버라이트 교육에서 했던 실습예제를 강좌로 옮기려고 합니다. 간단하게 생략하여 쓴 것이라 이해가 안가는 부분은 글을 남겨주시면 알려드리겠습니다.^^

 1.
자동차를 디자인하고 차의 몸체(Body)와, 바퀴 2(wheel1, wheel2)의 레이어를 분리합니다.



2.
스토리보드를 생성합니다.


3.
자동차 바퀴(wheel1, whee2)를 선택하고 3가 되는 시점에서 키프레임을 만들어줍니다.


4.
키프레임을 생성한 후 회전 각도를 360 입력합니다.



5. 바퀴가 회전하는 애니메이션의 반복 횟수를 10x로 입력합니다.



6. 2번째 스토리보드를 생성합니다.


7. 3가 되는 시점에서 키프레임을 생성합니다.


8.
Car
x, y 스케일 2로 입력합니다.


9. 캔버스를 드래그하여 위치를 이동시킵니다.

10. 3 시점의 키프레임을 선택한 다음 KeySpline 곡선을 이용하여 가속도를 줍니다.

 



11. CS
파일을 열어 페이지가 로드될 때 스토리보드를 호출하는 코드를 삽입합니다.

namespace Sample1

{

        public partial class Page : UserControl

        {

               public Page()

               {

                       // Required to initialize variables

                       InitializeComponent();

 

            this.sb_CarMove.Begin();

            this.sb_WheelMove.Begin();

               }

        }

}

 
자동차 디자인은 여러분의 환상적인 감각에 맡기도록 할께요~ ^^

예제는 다음 페이지에서 확인하세요.

http://www.hoons.kr/Board.aspx?Name=mysilverlight&Mode=2&BoardIdx=17098&Key=&Value=
Posted by 짱묜