Chapter 2. 화면이 나오지 않는 TV - 2



21. 우선 zz0, zz1, zz2 이미지를 선택하고 Opacity를 0으로 줍니다.


22. 아래와 같이 sb_zzz라는 이름으로 스토리보드를 생성합니다. (지지지~~ 하는 그 화면을 만들려구요 ㅋ)


23. 타임라인의 비율을 300%로 해놓고. zz0, zz1, zz2 이미지가 들어있는 캔버스를 펼친 후 눈을 켜줍니다.


24. 타임라인을 0.1초의 위치로 당긴 후 zz0, zz1, zz2 이미지를 선택합니다. (Ctrl을 누르고 선택하면 되요.)


그리고  Opacity를 0으로 줍니다.


25. 아래와 같이 zz0, zz1, zz2 모두 분홍상자 안처럼 계란 모양이 생겼습니다.


26. 이중에서 zz0 만 선택합니다.


Opacity를 100으로 줍니다.

이렇게 한 이유는 0.1초가 되었을때에 zz0만 Opacity를 100으로 줘서 zz0만 보이게 하려고 한것입니다.

27. 타임라인을 0.2초의 위치로 당긴 후 zz0, zz1, zz2 이미지를 선택합니다.)


그리고  Opacity를 0으로 줍니다.


28. 아래와 같이 zz0, zz1, zz2 모두 0.2초 위치에 계란 모양이 생겼습니다.


29. 이중에서 zz1 만 선택합니다.


Opacity를 100으로 줍니다.

이렇게  한 이유는 0.2초가 되었을때에는~ zz1만 Opacity를 100으로 줘서 zz1만 보이게 하려고 한것입니다.

30. 타임라인을 0.3초의 위치로 당긴 후 zz0, zz1, zz2 이미지를 선택합니다.


그리고  Opacity를 0으로 줍니다.


31. 아래와 같이 zz0, zz1, zz2 모두 0.3초 위치에 계란 모양이 생겼습니다.


32. 이중에서 zz2 만 선택합니다.


Opacity를 100으로 줍니다.

이렇게  한 이유는 0.3초가 되었을때에는~ zz2만 Opacity를 100으로 줘서 zz2만 보이게 하려고 한것입니다.

33. 플레이버튼을 눌러서 화면이 지지직 거리는것을 확인 하실 수 있어요 ㅋ


34. 스토리보드의 이름을 선택 후


RepeatBehavior를 Forever로 줍니다.


35. 닫기를 눌러서 스토리보드를 빠져나옵니다.


이제.. 버튼을 눌러서 티비를 켜는것을 만들어보겠습니다.

36.  btn_On을 선택하고 Cursor를 Hand로 줍니다.


37. 마우스를 클릭했을때 티비가 켜지게 하기 위해 Properties > Events 로 가서
     MouseLeftButtonDown에 tvOn라고 적고 Enter를 칩니다.


그러면 아래와 같이 비주얼스튜디오가 열리고 분홍색 상자 부분이 추가됩니다.
(btn_On을 클릭하면 이 함수를 부르는거에요..)

우선 그냥 두고 다시 블랜드 화면으로 갑니다.

38.  btn_Off을 선택하고 Cursor를 Hand로 줍니다.


39. 마우스를 클릭했을때 티비가 꺼지게 하기 위해 Properties > Events 로 가서
     MouseLeftButtonDown에 tvOff라고 적고 Enter를 칩니다.


그러면 아래와 같이 비주얼스튜디오가 열리고 분홍색 상자 부분이 추가됩니다.
(btn_Off을 클릭하면 이 함수를 부르는거에요..)


40. 각각의 함수에 아래와 같이  sb_zzz.Begin(); sb_zzz.Stop();  을 각각 넣어줍니다.