Response

レスポンスは、トリガーを組み合わせてできるインタラクションピースです。トリガーとの組み合わせによって異なるプロパティを持ちます。

Move

レイヤーの位置を移動させます。

ムーブ

レイヤーが移動する座標を設定します。

response move

Scale

レイヤーのサイズを調整します。

サイズ

レイヤーのサイズを幅widthと高さheightで調整します。コンテナーのサイズを調整する時にはコンテナー内のレイヤーのサイズには変化がありません。

ファクター

レイヤーのサイズをパーセント%で調整します。コンテナーのサイズを調整する時,コンテナー中のレイヤーも一緒にサイズ調整されます

response scale

Rotate

レイヤーを設定した角度で回転させます。

指定角度に回転

レイヤーが回転する角度の絶対値を設定します。

指定角度まで回転

レイヤーの角度を設定した値の分ずつ増加または減少させます。

方向

レイヤーが回転する方向を設定します。

response rotate

3D Rotate

レイヤーを3次元回転させます。

指定角度に回転

レイヤーが回転する角度の絶対値を設定します。

指定角度まで回転

レイヤーの角度を設定した値の分ずつ増加または減少させます。

方向

レイヤーが回転する方向を設定します。

回転軸

レイヤーが回転する方向を設定します。

遠近感

レイヤーが3次元回転するとき歪曲の程度が設定できます。数値が小さくなるほど歪曲が大きくなります。

response 3dRotate

Opacity

レイヤーの透明度を変更します。

変動値

変更される透明度の値を設定します。

response opacity

Color

レイヤーの色を変更します。

塗りつぶしレイヤーの色を変更します。外枠レイヤの枠線の色を変更します。影レイヤの影の色を変更します。
塗りつぶし

レイヤーの色を変更します。

外枠

レイヤの枠線の色を変更します。

レイヤの影の色を変更します。

response color

Shadow

レイヤーに影(シャドー)を適用します。

Shadow

選択したコードとブラーを基にシャドーをユーザ指定できる。

response shadow

Border

レイヤーに枠線を適用します。

Border

Borderはレイヤーの輪郭の内側、中央または外部に配置することができる。

response border

Radius

レイヤーの1つまたは4つのコーナーの半径を変更します。

フィレット半径の値

加工したフィレットの半径値を示しています。

フィレット半径値の変化

現在のフィレット半径値にプラスまたはマイナスされた値を示しています。

response radius

Scroll

レイヤーを特定の方向にスクロールします。

Scroll

レイヤーをスクロールして移動する距離の値を入力します。

response scroll

Reorder

レイヤーの順番を変更します。レイヤーがコンテナの中にある場合は、コンテナー内にあるレイヤーの順番が変わります。

並べ替え

レイヤーが配列した順番を変えます。

response reorder

Jump

シーン間の移動ができます。

移動する

移動するシーンを選択できます。

エフェクト

シーン移動をする時にトランジション効果を入れことができます。

選択したシーンリセット

移動するシーンの状態を初期状態に戻します。このオプションを付けなかった場合、そのシーンで最後に起きたインタラクションの状態のまま移動します。

response jump

Playback

動画レイヤーとオーディオレイヤーを制御します。再生やストップ、または特定区間へのジャンプが可能です。

再生

動画またはオーディオを再生します。

一時停止

動画またはオーディオを一時停止します。

シーク

動画またはオーディオを特定区間にジャンプさせます。M:SSフォーマットで特定区間が入力できます。

Text

テキストのプロパティや内容が変更できます。

変動値

テキストの内容を変更します。

サイズ

テキストのサイズを変更します。

ウエイト

テキストの太さを変更します。

整列

テキストの左右または上下の整列を変更します。

行間

テキストのサイズを変更します。

response text

Stop

進行状況を示すバー(Progress bar)やローダー(Loader)のようにアニメーションが進行中のレイヤーをストップします。

Send

Receiveトリガーはデバイス間の相互コミュニケーションを可能にします。これらのトリガーは単体では使用できず、Sendレスポンスと一緒に使用する必要があります。レスポンスは、Receiveトリガーを持つデバイスがSendレスポンスを使う別のデバイスからメッセージを受信すると、アクティブになります。あるデバイスで受信したメッセージは、他のデバイスから送信されたものと一致する必要があります。
さらに、 Sendレスポンスと組み合わせたReceiveトリガーは、モジュール化するシーンとして、または繰り返し作業を避けるため、一連のレスポンスを再利用することができます。

チャンネル [Component]

Componentの内部でSend Responseを使いメッセージを送れます、そしてこれはComponent外部のReceiveトリガーに受信できます。これもまた反対にも作用します。総裁な内容はComponentsを参考してください。

チャンネル [ProtoPie Studio]

デバイス間のやり取りを可能にするチャンネルとしてProtoPie Studio を選択します。

チャンネル [Android Broadcast]

Android Broadcastは、Androidデバイス上のプロトタイプが他のAndroidアプリや外部ハードウェアと通信することを可能にします。詳しくは、こちらをご参照ください。

チャンネル [Current Scene]

相互作用をモジュール化したり、繰り返しの作業を避けながら一連のレスポンスを再利用するために、1つのシーンでRecieveトリガーとSendレスポンスを使用することができます。

アイディー

転送する文字列を設定します。Send(送信)レスポンスで設定した文字列とReceive(受信)トリガーで設定した文字列が一致するとき,デバイス間のインタラクションが実行できます。

変数に割り当てる

Messageと一緒に特定値を伝達することができます。受け側では伝達された値を変数に保存して使用できます。

Send Response

Vibrate

バイブレーションおよび触覚フィードバックはスマートデバイスで使用できます。触覚フィードバックの詳細については、GoogleのAndroid Developer Documentation、および、AppleのHuman Interface Guidelineをご参照ください。

iOS
  • Default: 基本バイブレーション
  • Notification - Success: 小切手の入金や車両のロック解除などのタスクまたはアクションが完了したことを示します。
  • Notification - Warning: 小切手の入金や車両のロック解除などのタスクまたはアクションにおいて何らかの警告が発生したことを示します。
  • Notification - Failure: 小切手の入金や車両のロック解除などのタスクまたはアクションが失敗したことを示します。
  • Impact - Light/Medium/Heavy: 視覚的な体験を物理的比喩で補完します。例えば、画面がある位置にスライドされたり、2つのオブジェクトが衝突した時、ユーザーはドキッとするでしょう。
  • Selection - Selection: セレクションが頻繁に変更されることを示します。例えば、ユーザーはホイールをスクロールしながらタップを軽く感じます。このフィードバックは、セレクションを選んだり確認するのではなく、多様な値のシリーズを通して動きを伝えるものです。
Android
  • Default: 基本バイブレーション
  • Keyboard Press: ユーザーが仮想またはソフトウェアのキーボードを押した時の触覚フィードバック
  • Keyboard Tap: ユーザーがソフトキーボードを押した時の触覚フィードバック。
  • Long Press: ユーザーがあるオブジェクトに対して長押しをした結果、実行されるアクションの触覚フィードバック。
  • Virtual Key: ユーザーが画面上の仮想キーを押した時の触覚フィードバック。

response vibrate

Focus

選択したインプットレイヤーにカーソルをフォーカスイン/アウトします。

Focus In

選択されたインプットレイヤにフォーカスインします。

Focus Out

選択されたインプットレイヤにフォーカスアウトします。

response focus

Assign

変数の値を上書きします。

Link

ウェブサイトや指定のURLが開けるよう設定できます。

URL

ウェブサイトURLが開けます。iosはin-app browserで開くことができます。

  • e.g. https://protopie.io
  • e.g. https://www.google.com/search?q=protopie

URL schemeを入力するとiOS, Androidの基本アプリを開けたりサードパーティーアプリが実行できます。

  • e.g. mailto:hello@protopie.io
  • e.g. tel:+1-212-555-1234
  • e.g. whatsapp://send?text=[[hello]]
  • e.g. fb://feed
  • e.g. slack://open?team={TEAM_ID}
数式

Formulaを使用して urlを動的に入力できます。

  • e.g. "https://www.google.com/search?q=" + `Input 1`.text
  • e.g. "https://www.amazon.com/s/field-keywords=" + `keyword`.text

Camera

カメラレイヤーと一緒に使用します。カメラの起動または停止を行います。

アクション[スタート]

カメラを開始させます。前面カメラと背面カメラから選択することができます。

アクション[ストップ]

カメラを停止させます。

カメラ[現在のカメラ]

現在選択されたカメラを使います。

カメラ [フロントカメラ]

前面のカメラを使います。

カメラ [リアカメラ]

背面のカメラを使います。

カメラ [スイッチ]

最後に使用したカメラの反対側向きのカメラを使います。

Reset

現在のシーン、レイヤーまたは変数をリセットします。全てのシーンを最初からやり直して、レイヤーまたは変数を初期状態に戻すことができます。

Background Blur

Apple iOSで定義されている以下のような様々なスタイルのレイヤーの下にぼかしをかけることができます。

デフォルトエフェクト
  • Extra Light
  • Light
  • Dark
マテリアルエフェクト(明るいテーマ及び暗いテーマ)
  • Ultra Thin Material
  • Thin Material
  • Material
  • Thick Material
  • Chrome Material

response background blur

Condition

レスポンスを実行するための条件を設定します。コンディションピースで設定した条件を満たす時、以下のようなレスポンスが実行されます。

Greater than

ターゲットレイヤのプロパティが特定の値を超える場合にのみ実行します。

Greater than or equal to

ターゲットレイヤのプロパティが特定の値以上の場合にのみ実行します。

Less than

ターゲットレイヤのプロパティが特定の値未満の場合にのみ実行します。

Less than or equal to

ターゲットレイヤのプロパティが特定の値以下の場合にのみ実行します。

Equal to

ターゲットレイヤのプロパティが特定の値と一致しる場合にのみ実行します。

Not equal to

ターゲットレイヤのプロパティが特定の値と一致しない場合にのみ実行します。

response condition

Listen

Voice Controlで音声認識機能のオン・オフを設定できます。Tap、Touch Down、Startなどのトリガーと一緒に使用して、トリガーが作動した際に音声認識を開始または停止します。

ボイスプロトタイピングに関してはこちらをご参照ください。

Continuous

基本的に音声認識機能を有効にすると、ユーザーが話をやめると自動的に音声認識も停止します。Continuous Optionにチェックすると、ユーザーが話をやめても音声認識を継続します。

参考)Continuousを選択した場合、音声認識を中止するためには聞き取りストップを追加する必要があります。

Continuous Option For Listen Response

Speak

入力しておいたテキストやFormulaで読み込んだテキストを読み上げる機能です。

ボイスプロトタイピングに関してはこちらをご参照ください。

テキスト

直接入力したTextを読み上げます。

数式

$voiceTranscriptを使用すると、VoiceControl-Startで認識したユーザーの発話をそのまま再び読み上げることができます。その他にもFomulaを利用すると、多様なTextタイプのVariableにある内容を読み上げることができます。

言語

40カ国の言語から選択できます。

ボイス選択

言語ごとに女性音声と男性音声を選択できます。

速度

0.5から2の間の数値を選び、速度の調節ができます

ピッチ

0.5から2の間の数値を選び、ピッチの高低を調整できます。

Speak Response As Interaction
Back To Top