[LIVE] How To Build a Magnetic Knob with Arduino & ProtoPie. Register Now.

Introducing ProtoPie

시작하기

첫 번째 프로토타입 제작하기

ProtoPie 생태계

ProtoPie Studio 인터페이스

Import

시작하기

Adobe XD에서 가져오기

Figma에서 가져오기

Sketch에서 가져오기

프로토파이 지니 (ProtoPie Genie)

Basic Elements

컨테이너

기기

레이어

미리보기 창

장면

스크롤/페이징

단축키

시스템 상태 표시줄

Triggers & Responses

이징 (Easing)

주석

응답

타임라인

트리거

Formulas

시작하기

함수

레이어 속성

구문

수식 활용 사례

Variables

시작하기

Variables

정의된 변수

변수 활용 사례

AI

시작하기

AI 상호작용 생성

AI 문서 Q&A

AI 패널 인터페이스

최상의 결과를 위한 팁

Auto Layout

시작하기

오토 레이아웃 속성

Components

시작하기

컴포넌트 가이드

구성 요소 편집

중첩된 컴포넌트

메시지 보내기 및 받기

Interaction Libraries

시작하기

상호작용 라이브러리 관리

도서관 회원 관리

Voice Prototyping

시작하기

수신 응답

음성 응답

사용 사례

음성 명령 트리거

Connecting Devices

blokdots 연결 중

모바일 기기 연결

ProtoPie Cloud

시작하기

프로토타입 관리

스토리지 관리

프로토타입 공유

ProtoPie Player

プロトタイプのテスト

글꼴 관리

오프라인 테스트

Wear OS용 ProtoPie Player

Teams

시작하기

편집기 및 뷰어

팀 온보딩하기

프로젝트

팀 소유자 및 팀 관리자

Handoff

시작하기

상호작용 기록 생성

통화 녹음 관리

녹화 페이지

User Testing

시작하기

제품 소개

테스트 룸 생성하기

외부 연동

테스트 세션 관리

테스트 결과 및 분석

ProtoPie Cloud에서의 사용자 테스트

ProtoPie Connect

시작하기

API 플러그인

아두이노 플러그인

blokdots 플러그인

커넥트 임베디드

사용자 정의 레이어 통합

사용자 지정 플러그인

기기 연결

게임패드 플러그인

IFTTT 플러그인

로지텍 G29 스티어링 휠 플러그인

プロトタイプのテスト

기능 비교

Unity 플러그인

ProtoPie Enterprise

시작하기

조직 설정

서비스 관리자

단일 로그인 (SSO)

Security

제품 소개

접근 제어

데이터 전송, 저장 및 백업

침해 사고 대응

네트워크 및 ProtoPie Player 앱 보안

물리적 보안

리스크 관리

메뉴

Introducing ProtoPie

시작하기

첫 번째 프로토타입 제작하기

ProtoPie 생태계

ProtoPie Studio 인터페이스

Import

시작하기

Adobe XD에서 가져오기

Figma에서 가져오기

Sketch에서 가져오기

프로토파이 지니 (ProtoPie Genie)

Basic Elements

컨테이너

기기

레이어

미리보기 창

장면

스크롤/페이징

단축키

시스템 상태 표시줄

Triggers & Responses

이징 (Easing)

주석

응답

타임라인

트리거

Formulas

시작하기

함수

레이어 속성

구문

수식 활용 사례

Variables

시작하기

Variables

정의된 변수

변수 활용 사례

AI

시작하기

AI 상호작용 생성

AI 문서 Q&A

AI 패널 인터페이스

최상의 결과를 위한 팁

Auto Layout

시작하기

오토 레이아웃 속성

Components

시작하기

컴포넌트 가이드

구성 요소 편집

중첩된 컴포넌트

메시지 보내기 및 받기

Interaction Libraries

시작하기

상호작용 라이브러리 관리

도서관 회원 관리

Voice Prototyping

시작하기

수신 응답

음성 응답

사용 사례

음성 명령 트리거

Connecting Devices

blokdots 연결 중

모바일 기기 연결

ProtoPie Cloud

시작하기

프로토타입 관리

스토리지 관리

프로토타입 공유

ProtoPie Player

プロトタイプのテスト

글꼴 관리

오프라인 테스트

Wear OS용 ProtoPie Player

Teams

시작하기

편집기 및 뷰어

팀 온보딩하기

프로젝트

팀 소유자 및 팀 관리자

Handoff

시작하기

상호작용 기록 생성

통화 녹음 관리

녹화 페이지

User Testing

시작하기

제품 소개

테스트 룸 생성하기

외부 연동

테스트 세션 관리

테스트 결과 및 분석

ProtoPie Cloud에서의 사용자 테스트

ProtoPie Connect

시작하기

API 플러그인

아두이노 플러그인

blokdots 플러그인

커넥트 임베디드

사용자 정의 레이어 통합

사용자 지정 플러그인

기기 연결

게임패드 플러그인

IFTTT 플러그인

로지텍 G29 스티어링 휠 플러그인

プロトタイプのテスト

기능 비교

Unity 플러그인

ProtoPie Enterprise

시작하기

조직 설정

서비스 관리자

단일 로그인 (SSO)

Security

제품 소개

접근 제어

데이터 전송, 저장 및 백업

침해 사고 대응

네트워크 및 ProtoPie Player 앱 보안

물리적 보안

리스크 관리

미리 정의된 변수

미리 정의된 변수란 프로토타입에서 언제나 접근할 수 있는 일련의 변수 모음입니다. 이 변수들이 가지는 가치는 자동으로 업데이트됩니다.

예를 들어, $mouseX의 값은 커서가 어디에 위치하느냐에 따라 항상 자동으로 변경됩니다.

변수 사용법에 대해 자세히 알아보기.

$mouseX 커서의 x 좌표.

$mouseY 커서의 y 좌표.

$touchX 터치가 감지된 지점의 x 좌표.

$touchY 터치가 감지된 지점의 y 좌표.

$touchVelocity 움직이고 있는 손가락 또는 마우스의 터치 속도.

$touchVelocityX 움직이고 있는 손가락 또는 마우스의 터치 속도 중 x 성분.

$touchVelocityY 움직이고 있는 손가락 또는 마우스의 터치 속도 중 y 성분.

$touchPointerCount 화면을 터치하고 있는 손가락의 개수.

$keyboardHeight 스마트 기기에서 네이티브 키보드가 활성화되었을 때의 키보드 높이. 입력 레이어에 대해 자세히 알아보기.

$deviceOS 프로토타입이 실행 중인 기기의 운영체제.

$pi 원주율 (3.141592).

$time 프로토타입이 시작된 후 경과된 시간(초). 특정 이벤트가 발생한 시점부터 경과된 시간을 알고 싶다면, 해당 이벤트 발생 시점의 시간을 변수에 할당한 뒤 이를 $time에서 차감하십시오.

$voiceTranscript 음성 명령 수신이 활성화될 때 들어오는 음성 텍스트. 음성 프로토타이핑에 대해 자세히 알아보기.

$deviceHeight 기기의 높이를 표시합니다.

$deviceWidth 기기의 너비를 표시합니다.

기기의 너비와 높이는 뷰포트 크기가 아니라 화면 크기(해상도 크기)를 나타냅니다. 예를 들어, iPhone 14 Pro의 해상도는 390x844 @3x이므로 기기 너비 x 기기 높이는 1170x2532(즉, (390x3)x(844x3))가 됩니다.

따라서 프리셋 크기와 기기 크기는 서로 무관합니다. iPhone 13용으로 디자인된 Pie를 iPhone 14에서 실행하면, iPhone 14의 기기 크기가 표시됩니다. 자세한 내용은 이 예시를 확인해 보십시오.

$qrValue QR & 바코드 스캐너로 QR 코드를 스캔한 후 해당 QR 코드에 저장된 값을 반환합니다. QR 코드 스캐너에 대해 자세히 알아보십시오.

$qrHeight QR & 바코드 스캐너로 QR 코드를 스캔한 후 해당 QR 코드에 저장된 높이를 반환합니다. QR 코드 스캐너에 대해 자세히 알아보십시오.

$qrWidth QR & 바코드 스캐너로 QR 코드를 스캔한 후 해당 QR 코드에 저장된 너비를 반환합니다. QR 코드 스캐너에 대해 자세히 알아보십시오.

$qrX QR & 바코드 스캐너로 QR 코드를 스캔한 후 해당 QR 코드에 저장된 x 좌표를 반환합니다. QR 코드 스캐너에 대해 자세히 알아보십시오.

$qrY QR & 바코드 스캐너로 QR 코드를 스캔한 후 해당 QR 코드에 저장된 y 좌표를 반환합니다. QR 코드 스캐너에 대해 자세히 알아보십시오.

$barcodeValue QR & 바코드 스캐너로 바코드를 스캔한 후 해당 바코드에 저장된 값을 반환합니다.

$barcodeHeight QR & 바코드 스캐너로 바코드를 스캔한 후 해당 바코드에 저장된 높이를 반환합니다.

$barcodeWidth QR & 바코드 스캐너로 바코드를 스캔한 후 해당 바코드에 저장된 너비를 반환합니다.

$barcodeX QR & 바코드 스캐너로 바코드를 스캔한 후 해당 바코드에 저장된 x 좌표를 반환합니다.

$barcodeY QR & 바코드 스캐너로 바코드를 스캔한 후 해당 바코드에 저장된 y 좌표를 반환합니다.