MenuToggle Menu
ProtoPie Connect에서 Logitech G29 스티어링 휠 사용하기
ProtoPie Connect와 Logitech G29 스티어링 휠 플러그인을 사용해 현실적인 멀티스크린 자동차 디자인을 제작해보세요.
자동차용 ProtoPie에 대해 자세히 알아보세요.
정보 흐름
아래 이미지는 ProtoPie와 Logitech G29 스티어링 휠 간의 정보 흐름을 보여줍니다.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/9859ac65eaf0bd04ce3f42c31bef192079710a5a-2175x1200.png/Connect-steering-wheel-info-flow.png)
- Logitech G29 스티어링 휠은 ProtoPie Connect의 G29 플러그인에 이벤트와 값을 전송합니다.
- G29 플러그인은 이러한 이벤트와 값을 ProtoPie가 이해할 수 있도록 Socket.IO 메시지로 변환합니다.
- ProtoPie Connect에 연결된 프로토타입은 이러한 입력을 수신한 후 Send 및 Receive 메시지를 알맞게 사용해 응답합니다.
생태계
아래는 ProtoPie Connect에서 G29 플러그인을 사용할 때의 일반적인 생태계입니다.
- USB 포트 및 WiFi/네트워크 기능이 있는 장치 1대
- ProtoPie Connect를 실행한 후 Logitech G29 스티어링 휠에 USB로 연결합니다.
- Logitech G29 레이싱 휠 및 페달(옵션) 1세트
- 태블릿 2대(iPadOS 또는 Android) 또는 컴퓨터 모니터 2대
- 대형 디스플레이에서 열어야 하는 프로토타입의 경우(ProtoPie Connect의 웹 브라우저, 태블릿의 ProtoPie Player).
- 스마트폰 1대(iOS 또는 Android)
- 모바일 디스플레이에서 열어야 하는 프로토타입의 경우(ProtoPie Player).
설정하기
아래는 Logitech G29 스티어링 휠과 ProtoPie에서 제작한 프로토타입 간의 메시지 핸들링에 가장 권장되는 설정입니다. 설정을 모두 마치면 이 페이지 상단에 있는 영상과 같은 모습이어야 합니다.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/7980a5b3e44427598c981c1b43c36bf362d30eb0-2175x1200.png/Connect-steering-wheel-setup.png)
- 대형 디스플레이 2대 및 스마트폰 1대를 사용해 프로토타입을 실행합니다(스마트폰, 태블릿, 모니터 모두 디스플레이 역할 수행 가능).
- WiFi(동일한 LAN)를 통해 ProtoPie Player를 ProtoPie Connect에 연결합니다.
- Logitech G29 스티어링 휠을 ProtoPie Connect가 실행되는 장치에 USB로 연결합니다.
- ProtoPie Connect의 오른쪽 상단 모서리에 있는 Plugins 버튼을 클릭합니다.
- 플러그인 목록에서 G29를 선택합니다.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/621fa2b795864cba0fea08dfd940463d6ba84def-2175x1200.png/Connect-connecting-G29.png)
- G29의 PlayStation 버전을 사용 중인 경우 PS3 및 PS4 호환성 모드 간에 토글할 수 있는 스위치가 있습니다. PS3 모드로 활성화되어 있는지 확인하세요.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/5b168b66db75d0378ca0f5b89f3d8ea4663a18ed-2175x1200.png/Connect-G29-PS3-mode.png)
- 컴퓨터에 G29 USB 코드를 연결합니다.
- Run 버튼을 클릭합니다.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/2e850fabde51c6e296273c44f877b2ee8f6fa024-2175x1200.png/Connect-run-G29.png)
- 이제 G29 스티어링 휠을 사용할 수 있습니다.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/44e6af6cd7a5cf34f382ce052a1bafbbe7c75d60-2175x1200.png/Connect-G29-ready.png)
예시
스티어링 휠을 왼쪽으로 돌리기
스티어링 휠을 왼쪽으로 돌려 ProtoPie Studio에서 레이어를 회전하거나 색상을 변경할 수 있습니다.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/cf3c555274e1aa9ef43258ad588c893b7fdffe06-2175x1200.png/Connect-steering-wheel-left.png)
- Logitech G29 스티어링 휠을 완전히 왼쪽으로 돌리면, G29 플러그인은 들어오는 이벤트를 ProtoPie가 해석할 수 있는 메시지로 변환합니다.
- ProtoPie Connect에 로드된 프로토타입은 이 메시지를 수신한 뒤 Color 및 Rotate 리스폰스를 트리거하는 변수에 할당합니다.
스티어링 휠의 버튼 누르기
스티어링 휠의 삼각형 버튼을 눌러 별도의 프로토타입 2개에서 액션을 트리거합니다.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/155ddbf57bbed9732a202a63c66c4204c8703e7c-2175x1200.png/Connect-steering-wheels-button.png)
- Logitech G29 스티어링 휠의 삼각형 버튼을 누르면, G29 플러그인은 들어오는 이벤트를 ProtoPie가 해석할 수 있는 메시지로 변환합니다.
- ProtoPie Connect에 로드된 2개의 프로토타입은 인터랙션 설정에 따라 이 메시지에 다양하게 반응합니다.
- 예를 들어, 하나의 프로토타입은 깜빡이는 불빛을 구현하고 다른 프로토타입은 'Emergency'라는 텍스트를 표시하도록 설정할 수 있습니다.