ProtoPie의 카메라 기능을 사용해 실제 QR 코드를 스캔하고 풍부한 스마트 인터랙션을 구현할 수 있다는 것을 알고 계셨나요? 예를 들어 QR 코드를 스캔해 웹페이지를 열거나, 프로토타입에서 다양한 다른 동작을 트리거할 수 있습니다.
새로운 QR 코드 스캐너로 창의력을 마음껏 발휘하여 ProtoPie 프로토타입을 더욱 표현력 있고 현실감 있게 만들어 보세요!
QR 코드 스캐너 기능은 플랜과 관계없이 모든 ProtoPie 사용자에게 제공됩니다.
개요
프로토타입용 QR 코드를 생성하는 방법
ProtoPie에서 QR 코드 스캐너를 활성화하는 방법
“Open URL immediately”를 사용하는 방법
“Keep Tracking” 옵션을 사용하는 방법
프로토타입에서 QR 코드의 힘을 활용하기
프로토타입용 QR 코드를 생성하는 방법
[QR Code Generator]에서 무료로 직접 QR 코드를 만들고 ProtoPie에서 스캔할 수 있습니다.
QR Code Generator에서 QR 코드를 생성하는 방법
ProtoPie에서 QR 코드 스캐너를 활성화하는 방법
다음 중 하나에서 QR 코드 스캐너 옵션을 활성화하세요:
카메라 레이어(자동 시작이 활성화된 경우)
카메라 응답
카메라 레이어 위에 이미지를 배치하면 QR 코드 위에 이미지를 오버레이할 수 있습니다.
*QR 코드 스캐너를 활성화하는 방법 *
QR 코드 스캐너에는 두 가지 기능이 있습니다:
즉시 URL 열기
추적 유지
각 옵션이 무엇을 가능하게 하는지 자세히 살펴보겠습니다.
“Open URL immediately”를 사용하는 방법
ProtoPie의 "Open URL Immediately" 옵션을 사용하면 QR 코드를 스캔해 링크를 웹 브라우저에서 바로 열 수 있습니다.
이 기능을 창의적으로 활용해 QR 코드를 스캔하여 동영상을 열거나 결제 거래를 시작하는 등 인기 있는 모바일 인터랙션을 프로토타입으로 구현해 보세요.
즉시 URL 열기
“Keep Tracking” 옵션을 사용하는 방법
"Keep Tracking" 옵션을 사용하면 QR 코드에 저장된 값을 모니터링할 수 있습니다.
ProtoPie에서는 QR 코드 값을 미리 정의된 변수에 저장하고 이를 수식에서 동적으로 사용할 수 있습니다.
현재 지원하는 QR 코드 미리 정의된 변수 목록은 다음과 같습니다:
$qrValue
$qrHeight
$qrWidth
$qrX
$qrY
QR 코드 값을 미리 정의된 변수에 저장하면 다양한 인터랙션 디자인 가능성이 열립니다! 예를 들어 QR 값을 저장하고 다른 씬에서 그 안에 담긴 정보를 표시할 수 있습니다. 또는 아래의 프로토타입 예시처럼 QR 코드의 위치와 크기를 기반으로 레이어를 애니메이션할 수도 있습니다.
*추적 유지 *
이 프로토타입에서는 오버레이 아이콘이 QR 코드의 X/Y 좌표와 너비/높이에 따라 크기가 조정되고 이동합니다. 새로운 QR 코드 미리 정의된 변수를 사용해 이 효과가 어떻게 만들어졌는지 보려면, 프로토타입을 여기에서 다운로드하여 ProtoPie Studio에서 열어 보세요!
프로토타입에서 QR 코드의 힘을 활용하기
프로토타입을 다음 단계로 끌어올릴 준비가 되셨나요? ProtoPie의 QR 코드 스캐너로 끝없는 가능성을 탐색하고 그 어느 때보다 더 스마트하고 몰입감 있는 인터랙션을 만들어 보세요. 동작을 트리거하기 위해 스캔하든 웹페이지로 이동하든, 그 힘은 여러분의 손에 있습니다.
지금 ProtoPie를 다운로드하고 여러분의 아이디어를 손쉽게 현실로 만들어 보세요!
