7-4. 원하는 각도로 열리는 회전문 만들기

지난 시간, 클릭하면 열리는 슬라이딩 도어는 잘 만드셨나요? 이번시간에는 클릭하면 열리는 회전문을 만들어봅시다. 지난번의 복습 + 응용이라 쉬울꺼에요.

그것만이면 너무 쉽겠죠? 덤으로 숫자를 바로 입력해 열린정도를 조정하는 것까지 해봅시당.

0.준비물

아래 예제 파일을 다운받아서 열어주세요. 예쁜 여닫이문이 준비되어 있습니다.

swing_door_ex.zip

1.콤포넌트 확인하기

지난 번과 같은 과정입니다.

1) 콤포넌트를 선택한뒤, 아이콘을 클릭해 Component Attributes 창을 엽니다.

2) 여닫이문과, 문틀로 구성되어 있는 것을 확인합니다. 저번보다 심플하군요.

더블클릭해서 편집모드로 들어간뒤, 여닫이문 콤포넌트를 선택합니다.

이제 변수를 설정해봅시다.

2. 변수 삽입하기

이번에 사용할 변수는 Rot 계열입니다. 회전축을 담당하죠.

살짝 방향이 헷갈릴수 있는데요…… 아래 그림을 참고하세요. 축을 중심으로 회전한다고 생각하시면 좀더 이해가 편합니다. 물론 더 헷길릴수도 있습니다.

4) 문은 Z축으로 회전해야 하므로 RotZ 변수를 설정해야 합니다. Add Attribute를 클릭한뒤, RotZ를 클릭해 추가합니다. 수치가 0으로 나옵니다.

5) 테스트해볼까요? 숫자를 90을 입력합니다.

응? 문이…이상한 방향으로 열리네요?1)

6) 문이 엉뚱한 축으로 열립니다. 중심축의 위치가 잘못되어 있기 때문이죠. 문을 양쪽으로 열거나, 중앙이 회전하는 회전문 등의 경우 중심축을 바꾸어 주어야 합니다.

중심축은 (su_axes) 툴을 사용합니다. 거의 안쓰이는 툴이죠? 이럴때 쓰라고 있는 거에요.

7) 다시 0을 입력해서 문을 원상태로 돌린다음, 여닫이문 콤포넌트를 더블클릭해서 편집모드로 들어갑니다. 중심축의 위치가 엉뚱한 곳으로 가 있는 것을 알수 있습니다.

(su_axes) 툴을 선택한다음 문의 회전축 위치로 가서 클릭합니다. 3개의 축을 설정하는데요, 딱히 축방향을 바꾸진 않으니 그냥 클릭.클릭.클릭해서 원래랑 똑같이 설정합니다.

8) 여닫이문 편집모드에서 빠져나오면 창이 하나뜹니다. 실제로 축을 바꿀껀지 물어보는 내용인데요, 바꿀꺼니 '예'를 선택하시면 됩니다.

9) 이제 테스트해보면 제대로 열리는 걸 확인할 수 있습니다.

3. 회전 설정하기

10) Add Attribute를 클릭해 onClick 항목을 등록합니다. 그리고

  Animate("RotZ",-90,0) 

를 값으로 입력하세요.

7-3.클릭하면 열리는 슬라이딩 도어 만들기 강좌를 잘 따라오셨으면 쉽게 하실수 있을꺼에요.

아래는 를 사용해본 모습니다. 잘 되시나요?

4. 회전각도 직접 입력하는 입력창 만들기

앞서 작업은 한번 했던 방법의 응용이라 쉽게 따라하셨을꺼에요. 그럼, 여기서 덤 하나. 끝내주는거 하나 알켜드리쥬

문을 열긴 했습니다만, 특정 각도로 열고 싶으면 어떨까요? 15도나? 25.5도나? 이럴땐, 열림각도를 직접 입력할수 있으면 참 편할 것 같아요. 그 작업을 해보도록 하죠.

11) Component Attributes 창에서 아까 만든 RotZ 항목을 클릭합니다. 값입력칸 우측에 조그만 메뉴가 보입니다. 클릭해보세요.

12) 새로운 메뉴가 나옵니다. 이 부분은 선택한 변수를 사용자들이 옵션창에서 사용할 수 있도록 공개할지를 설정하는 부분입니다. 요거 잘 쓰면 꽤 그럴듯한 걸 만들수 있다죠~

메뉴 설명은 아래와 같습니다.

Users cannot see this attribute 사용자들은 이 값을 볼수 없습니다. 옵션창에 안나와요. 기본 옵션
Users can see this attribute 사용자들은 이 값을 볼 수만 있습니다.
Users can edit as a textbox 사용자들은 이 값을 편집창으로 편집할 수 있습니다.
Users can select from a list 사용자들은 이 값을 리스트에서 선택할수 있습니다. 풀다운메뉴를 만들수 있어요

13) 이중 3번째 Users can edit as a textbox 를 선택합니다. 그러면 추가 메뉴가 나옵니다.

Display label은 변수의 제목을, Display in 은 어떤 방식으로 표시할지를 설정하는 부분입니다. Display label 항목을 '열린 각도' 로 설정하고 Apply 를 클릭해 저장합니다.

14) 이제 Component Options 창을 열면, 열린각도라는 항목이 보이며 이 값을 조정하면 원하는 각도로 열수 있습니다.

15) 그런데 편집창을 빠져나오면 메뉴가 사라집니다. 요걸 해결하는 방법도 있죠~~ 그치만 한꺼번에 하면 체하니 다음시간에 또^^

5. 숙제

자, 숙제시간입니다.

1) 양쪽으로 열리는 문도 만들어보세요.

2) 앞서 만들었던 슬라이딩 도어도 숫자입력칸을 만들어보세요.

다음시간에는 메뉴를 선택하면 윗판의 모양이 바뀌는 탁자를 만들어볼까요?

7-5. 윗면이 바뀌는 테이블 만들기 바로가기

1)
직접 제작하셨으면 정상작동 합니다