ウィジェットの操作 > 2D > カメラ
  
カメラ
このウィジェットの機能
2D アイウェアまたはモバイルのエクスペリエンスで画像を撮影できます。
このウィジェットを使用するケース
エクスペリエンス中にユーザーが画像を撮影できるようにするには、「カメラ」ウィジェットを使用します。
このウィジェット固有のプロパティ、サービス、イベント、操作
一般的なウィジェットのプロパティ、サービス、イベントのリストについては、共通のウィジェットプロパティ、サービス、イベントを参照してください。
次のテーブルに、このウィジェット固有のプロパティを示します。
プロパティ
説明
3D 拡張を非表示
選択した場合、エクスペリエンスの 3D 拡張は非表示になります。
イメージデータ
カメラによって撮影された結果の JPEG イメージの base64 エンコード文字列 (テキスト)。
イメージ URL
上記のイメージデータを、Web ページに埋め込むことができるハイパーリンク、または 3D イメージウィジェットのリソースとしてバインドできるハイパーリンクにラップします。
サービス
説明
画像を撮影
このサービスを起動すると、画像を撮影するためにカメラが起動します。
イベント
説明
画像を撮影済み
画像を撮影したときにトリガーされます。
ユーザーがキャンセル
ユーザーがカメラをキャンセルしたときにトリガーされます。
動作中のウィジェット
ウィジェットがどのように表示されるか、以下に例を示します。
使用時に必要な最小ステップ
1. 2D アイウェアまたはモバイルのプロジェクトの 2D キャンバスから、「カメラ」ウィジェットをキャンバス上にドラッグアンドドロップします。
2. 「ボタン」ウィジェットをキャンバス上にドラッグアンドドロップします。
3. ボタンに表示するテキストを入力します。たとえば、「Take Picture」などと入力します。
4. 「ボタン」「クリック」イベントの横にある アイコンを、プロジェクトツリーの「camera-1」にドラッグアンドドロップします。
5. 「バインディングターゲットを選択」ウィンドウで「画像を撮影」を選択し、「バインド」をクリックします。
6. 「イメージ」ウィジェットをキャンバス上にドラッグアンドドロップします。
7. 「カメラ」ウィジェットの「イメージ URL」プロパティを「イメージ」ウィジェットにドラッグアンドドロップします。「バインディングターゲットを選択」ウィンドウで、「リソース」を選択して「バインド」をクリックします。
手順 1 から 5 を完了した後、オプションで次の手順を実装できます。
1. 「カメラ」ウィジェットの「イメージ URL」プロパティを「イメージ」ウィジェットにバインドします。「リソース」をバインディングターゲットとして選択します。
2. 「カメラ」ウィジェットの「イメージデータ」プロパティを ThingWorx サービスにバインドして、イメージを保存します。