labvanced logoLabVanced
  • Research
    • Publications
    • Researcher Interviews
    • Use Cases
      • Developmental Psychology
      • Linguistics
      • Clinical & Digital Health
      • Educational Psychology
      • Cognitive & Neuro
      • Social & Personality
      • Arts Research
      • Sports & Movement
      • Marketing & Consumer Behavior
      • Economics
      • HCI / UX
      • Commercial / Industry Use
    • Labvanced Blog
    • Services
  • Technology
    • Feature Overview
    • Code-Free Study Building
    • Eye Tracking
    • Mouse Tracking
    • Generative AI Integration
    • Multi User Studies
    • More ...
      • Reaction Time/Precise Timing
      • Text Transcription
      • Heart Rate Detection (rPPG)
      • Emotion Detection
      • Questionnaires/Surveys
      • Experimental Control
      • Data Privacy & Security
      • Desktop App
      • Mobile App
  • Learn
    • Guide
    • Videos
    • Walkthroughs
    • FAQ
    • Release Notes
    • Documents
    • Classroom
  • Experiments
    • Cognitive Tests
    • Sample Studies
    • Public Experiment Library
  • Pricing
    • Licenses
    • Top-Up Recordings
    • Subject Recruitment
    • Study Building
    • Dedicated Support
    • Checkout
  • About
    • About Us
    • Contact
    • Downloads
    • Careers
    • Impressum
    • Disclaimer
    • Privacy & Security
    • Terms & Conditions
    • Third-Party Licenses
  • Appgo to app icon
  • Logingo to app icon
Learn
ガイド
ビデオ
ウォークスルー
よくある質問
ニュースレターアーカイブ
ドキュメント
教室
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
ガイド
ビデオ
ウォークスルー
よくある質問
ニュースレターアーカイブ
ドキュメント
教室
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
  • ガイド
    • はじめに

      • タスクエディタ
      • 刺激提示
      • 反応の正確性
      • オブジェクト
      • イベント
      • 変数
      • タスクウィザード
      • トライアルシステム
      • 研究デザイン
        • タスク
        • ブロック
        • セッション
        • グループ
    • 特集トピック

      • ランダム化&バランス
      • 視線追跡
      • アンケート
      • デスクトップアプリ
      • サンプル研究
      • 参加者募集
      • APIアクセス
        • REST API
        • Webhook API
        • WebSocket API
      • その他のトピック

        • 正確な刺激のタイミング
        • マルチユーザー研究
        • Labvancedにおけるヘッドトラッキング | ガイド
    • メインアプリタブ

      • 概要: メインタブ
      • ダッシュボード
      • マイスタディ
      • 共有スタディ
      • マイファイル
      • 実験ライブラリ
      • マイアカウント
      • ライセンス&サービス
    • スタディタブ

      • 概要: スタディ特有のタブ
      • 研究デザイン
        • タスク
        • ブロック
        • セッション
        • グループ
      • タスクエディタ
        • タスクコントロール
        • 試行システム
        • キャンバスとページフレーム
        • オブジェクト
        • オブジェクトプロパティテーブル
        • 変数
        • システム変数テーブル
        • イベントシステム
        • テキストエディタの機能
        • タスクにおけるアイ・トラッキング
        • タスクにおける頭追跡
        • マルチユーザー研究
      • 設定
      • 変数
      • メディア
      • テキスト&翻訳
      • 開始&参加
      • 被験者管理
      • データビューとエクスポート
        • Dataview と変数 & タスクの選択 (古いバージョン)
        • 録音へのアクセス (古いバージョン)
  • ビデオ
    • ビデオ概要
    • Labvancedの始め方
    • タスクの作成
    • 要素ビデオ
    • イベント&変数
    • 高度なトピック
  • ウォークスルー
    • イントロダクション
    • ストループタスク
    • 語彙判断タスク
    • ポズナー視線キューイングタスク
    • 変化盲(チェンジ・ブラインドネス)フリッカー・パラダイム
    • アイ・トラッキングサンプル研究
    • 幼児のアイ・トラッキング研究
    • マウストラッキングによる注意捕捉研究
    • 急速連続視覚提示
    • ChatGPT研究
    • アイ・トラッキングデモ: SVGをAOIとして
    • マルチユーザーデモ: 被験者のカーソルを表示
    • ゲームパッド/ジョイステックコントローラー: 基本設定
    • EEG統合のデスクトップアプリ研究
    • 被験者間グループのバランスと変数設定
  • FAQ
    • 機能
    • セキュリティとデータプライバシー
    • ライセンス
    • Labvancedの精度
    • プログラムによる使用とAPI
    • Labvancedをオフラインで使用する
    • トラブルシューティング
    • 研究作成に関する質問
  • ニュースレターアーカイブ
  • ドキュメント
  • 教室
画像オブジェクトを介してオンライン実験に画像刺激を追加する。

画像オブジェクト

画像オブジェクトはLabvancedで最も一般的に使用されるオブジェクトの一つであり、研究者が実験中に参加者に静止画像や写真を提示することを可能にします。これは、オブジェクト、シーン、顔などの刺激を表示するために、認知、社会、行動研究で一般的に使用されます。 画像オブジェクトは非常に柔軟で、実験デザインに合わせてさまざまなプロパティや設定でカスタマイズすることができます。研究者は、画像のサイズ、位置、回転、透明度などの側面を制御し、正確な刺激提示を保証します。さらに、画像オブジェクトはイベントを通じて動的に操作でき、高度な論理的相互作用を可能にします。

実験デザインにおける画像オブジェクト

画像オブジェクトを取り扱うには、実験デザイン中にどのように操作するかを知っておくことが重要です。以下では、このオブジェクトを介して画像を追加する方法や、カスタマイズを通じて、またデータフレームやイベントなどのより動的なアプローチを使用してどのように制御できるかについて議論します。 Labvancedは、実験内で画像オブジェクトの提示と動作を制御するための複数の方法を提供しています。これらは以下の方法で実行できます:

  • 画像オブジェクトのためのオブジェクトプロパティパネル
  • 画像オブジェクトの追加のためのタスクウィザード
  • トライアルシステム
  • イベント
  • ランダム化

まずは、前述のトピックに入る前に、画像がエディタに追加される方法を説明します。

画像オブジェクトの追加

画像オブジェクトを実験に統合するには、オブジェクトメニューに移動し、画像オブジェクトを選択します。

Labvancedのエディタに画像オブジェクトを追加するには、数回のクリックで済みます。

ワークフローヒント: 事前に刺激を準備して整理しておいてください。


画像オブジェクトのためのオブジェクトプロパティパネル

オブジェクトプロパティパネルは、編集モード中の画面右側に位置しており、画像オブジェクトのすべてのプロパティを編集するためのいくつかのオプションを提供します。画像刺激をアップロードするオプションも含まれています。 以下の画像に示されているように、設定を数回のクリックで制御できる右側のパネルにいくつかのオプションがあります。この画像には「ターゲット画像」と呼ばれる名前を付けました。

オブジェクトプロパティパネルは右側に表示され、選択されたオブジェクトの画像特有の値を明らかにします。

これらのオプションの完全な説明については、すべてのプロパティが表形式でリストされている このページのセクション を参照してください。

注: これらのすべてのプロパティはイベントを介してもアクセス可能です。したがって、プロパティを変更するためにカスタムアクション(ボタンクリックなど)を行いたい場合、それは完全に可能です!


このパネルを使用してデフォルトのプロパティを設定し、その後 イベントを使用 して新しい値に動的に更新するのは非常に一般的です。たとえば、画像をクリック(トリガー)した際に、画像を5単位右に移動するようにイベントを指定できます。

画像オブジェクトの追加のためのタスクウィザード

スプレッドシート / CSVデータを使用して実験タスクを設定したい場合、タスクウィザードを使用して画像刺激を追加できます。

以下の例では、B列とC列は画像刺激を表しており、タスクウィザードを使用すると自動的に画像オブジェクトに追加されます。

以下の例では、B列とC列は画像刺激を表しており、タスクウィザードを使用すると自動的に画像オブジェクトに追加されます。

タスクウィザードを介してタスクを作成するためにアップロードされる画像刺激名(B列&C列)のスプレッドシートの例です。

このウィザードを使用することで、刺激、イベント、変数、要因、条件、ランダム化、データ記録を含む実験タスクの全体的な構造を、単一のCSVファイルおよび刺激ファイルから作成できます。

トライアルシステムと画像オブジェクト

画像オブジェクトがフレームに追加されると、トライアルシステムを共同で使用して、実験の仮説に基づいて異なるトライアル(タスクのいくつかのユニークな繰り返し)を作成できます。

たとえば、感情を研究しており、トライアルを感情タイプに基づいて分類し、デザインしたい場合、1つのフレームに2つの画像オブジェクトを追加できます。一つは幸せな感情の刺激を、もう一つは悲しい感情の刺激を持っています。その後、「感情」という名前のファクターを追加し、2つのレベル「幸せ」と「悲しい」を設定した後、関連する条件の下で画像刺激をアップロードすると進むことができます。

📌 実践例: 特定のレベルとオブジェクトに刺激をアップロードする: 以下の動画では、画像刺激を関連する条件にアップロードすることで実験デザインを発展させます。

詳細については、トライアルシステムのドキュメントをご覧ください。

イベントシステムと画像オブジェクト

イベントシステムは、次のような動的な方法です:

  • 画像がどのように振る舞うかを制御する
  • オブジェクトの特定のプロパティを記録する
  • データフレームを介して画像刺激を提示する

これらのポイントについて、今から詳しく議論します。

画像の振る舞いを制御する

画像の任意の動作や外観は、イベントを使用して修正できます。

以下の例では、名前が「ターゲット画像」の画像オブジェクト上でマウスクリック(トリガー)を設定し、ターゲット画像のx座標(プロパティ)を+5増加させることを指定します。これはつまり、各クリックごとにx座標が+5増加し、画像が右に移動することになります。

インタラクティブな実験デザインで画像の座標を動的に変更するためのイベントがどのように設定されるかの例です。

注: オブジェクトプロパティ変更が画面に更新された正確な時間をミリ秒で変数に記録して保存することができます!


画像オブジェクトからのデータと記録

画像オブジェクトに関連する値を記録するには、Set/Record Variableアクションを使用し、記録したいデータを指定します。

ファイル名の記録

場合によっては、実験中にトライアルで提示された画像の正確な名前を記録したいことがあります。それは完全に可能で、設定するのは簡単です!

以下の例では、正しい画像と誤った画像のために画像名を保存します。2つの変数があります–「正しい画像名」と「誤った画像名」、どちらもファイルの名前が文字列形式であるため、「文字列」データを保存します。

オブジェクトを指し示すには、鉛筆アイコンをクリックし、Frame / Task / Objectカテゴリを選択し、Object Propertyを選びます。最初のフィールドではターゲットオブジェクトを選択し、2番目のフィールドではFilenameを選択します。同様に、「誤った画像名」変数については、「誤った」画像オブジェクトにリンクして刺激のファイル名を指し示します。

画像オブジェクトからの変数を記録する

上記の結果として、試行ごとに画像の特定のファイル名が以下の画像のようにリストされています。

画像刺激が試行でどのように提示されたかを明らかにするために、データビューにおいて画像データがどのように記録・保存されるかの説明

上記の例は、あなたのアカウントにインポートできるこのブーバ-キキ効果に関するサンプル研究から取られています。

ランダム化と画像オブジェクト

ランダム化は、画像提示に関連する別の重要なトピックです。この文脈におけるランダム化については、手元の特定の実験に重く依存するため、多くの方法があります。

画像オブジェクトに関して、ランダム化は通常、ターゲット画像の位置を変更したり、セットからランダムな画像を選択したりすることを含みます。

Labvancedにおけるランダム化とバランスに関する詳細情報については、このページを参照してください。

研究スポットライト: 画像オブジェクトの実行

画像オブジェクトは、特に視覚的認知、記憶、および注意に関する研究において、実験研究で重要な役割を果たします。 Labvancedは、さまざまな分野の研究者がLabvancedの画像オブジェクトを使用して研究を行うことを可能にしました。

視覚的注意の動態: アイ・トラッキング研究

この研究(Calignano et al., 2024)では、意味処理、つまり、単語や物体の意味が、私たちが視覚的な焦点をどこに向けるかにどのように影響するかを探求しました。実在の単語や馴染みのある物体が、非単語や擬似物体よりも注意の関与やターゲットの検出をより効果的にバイアスすることが仮定されました。

参加者は、プライム(後のターゲットへの注意と認知に影響を与える可能性のある初期の手がかり)を提示されました。研究者たちは、Labvancedを使用して、2つのウェブベースのアイ・トラッキング実験を行いました:

  • 実験1: 参加者に単語(実在の単語または擬似単語)をプライムとして提示
  • 実験2: 画像(実在の物体または擬似物体)をプライムとして提示。

Labvancedの画像オブジェクトとアイ・トラッキングを組み込んだ二つの実験の図 単語(実験1)と画像(実験2)の実験パラダイム; Calignano et al. (2024).

プライムを見た後、彼らはターゲットを見る場所を示す空間的手がかり(有効または無効)を見ました。有効な空間的手がかりはターゲットと同じ位置に表示され、無効な手がかりはターゲットとは異なる位置に表示されます。参加者はターゲットを特定し、ターゲットを見つけたときにキーを押して応答する必要がありました。

収集されたデータには、ターゲット検出の反応時間(ミリ秒)、タスクのパフォーマンスに対する精度率、および注意分析におけるアイ・トラッキングデータが含まれました。

結果は、単語や認識された物体が、タスクとの直接的な関連がなくても、トップダウンプロセスを通じてターゲット検出を強化できることを示しました。

画像オブジェクトのプロパティテーブル

Labvanced内の任意のオブジェクトと同様に、オブジェクトを操作する際に右側パネルに表示される一般的なプロパティとオブジェクト固有のプロパティがあります。以下は、画像オブジェクトオプションに関連する仕様と説明です:

画像オブジェクトの主なプロパティ

プロパティ名データ型修正可能か、方法フレームタイプ説明
NameStringはい、テキストボックスCanvas & Pageオブジェクトの名前。名前は多くの場面でオブジェクトを参照するために使われるため(つまり、イベント内で)、一意である必要があります。
VisibilityNumeric (0-1)はい、チェックボックスCanvasオブジェクトの透明度の値。0の値はオブジェクトが完全に見えなくなり、1の値は完全に見えます。
ActiveBoolean (true / false)はい、チェックボックスCanvas & Pageオブジェクトがアクティブかつ実験実施中に変更可能かを決定します。falseに設定すると、オブジェクトはアクションを起こしません。

画像オブジェクトの位置・サイズプロパティ

プロパティ名データ型修正可能か、方法フレームタイプ説明
XNumeric (0-幅のフレーム)はい、テキストまたは矢印CanvasオブジェクトのX位置。
YNumeric (0-高さのフレーム)はい、テキストまたは矢印CanvasオブジェクトのY位置。
WidthNumeric (0-幅のフレーム)はい、テキストまたは矢印Canvasオブジェクトの幅。
HeightNumeric (0-幅のフレーム)はい、テキストまたは矢印Canvasオブジェクトの高さ。
AnchorCategorical (1-9)はい、オプションを選択Canvasアンカーはオブジェクトの「位置参照ポイント」を設定します。デフォルトでは、これは左上隅です。

画像オブジェクトのスケール・回転プロパティ

プロパティ名データ型修正可能か、方法フレームタイプ説明
ScalingNumeric (0-Inf)はい、テキストまたは矢印Canvas要素のスケール/ズームを変更します。大きな値は要素をズームインします。
RotationNumeric (0-359)はい、テキストまたは矢印Canvasオブジェクトの回転を変更します。0はデフォルトの直立位置です。
Keep aspect ratioBoolean (true / false)はい、チェックボックスCanvasオブジェクトがリサイズされるときに、オブジェクトのアスペクト比が保持されるかどうかを決定します。

画像オブジェクトのスタイル

プロパティ名データ型修正可能か、方法フレームタイプ説明
Border-SizeNumeric (0-INF)はい、テキストまたは矢印Canvasオブジェクトのボーダーサイズを変更します。0はボーダーが表示されません。
Border-ColorHex String (Color)はい、オプションを選択Canvasオブジェクトのボーダー色を変更します。
Background (BG)-ColorHex String (Color)はい、オプションを選択Canvasオブジェクトの背景色を変更します。デフォルトでは、色はありません/透明です。
RoundnessNumeric (0-1)はい、テキストまたは矢印Canvasオブジェクトの丸みを変更します。1は完全に丸いオブジェクト、0は完全に四角いオブジェクトです。
Overflow-XCategorical (Hidden,Auto,Visible)はい、オプションを選択CanvasオブジェクトがX次元に視覚的なスクロールバーを持つかどうかを決定します。
Overflow-YCategorical (Hidden,Auto,Visible)はい、オプションを選択CanvasオブジェクトがY次元に視覚的なスクロールバーを持つかどうかを決定します。
Scroll MarginNumericはい、テキストまたは矢印Canvasスクロールバーの余白をパーセントで決定します。
Change CSS PropertiesCSSコードはい、チェックボックスとテキストボックスCanvasCSSコードを使用してオブジェクトの外観の一部分を変更します。

プレーヤー内のマウスインタラクション

プロパティ名データ型修正可能か、方法フレームタイプ説明
SelectableBoolean (true / false)はい、チェックボックスCanvasオブジェクトが実験の実施中に選択/ハイライト可能かどうかを決定します。
Highlight on SelectBoolean (true / false)はい、チェックボックスCanvas選択されたオブジェクトが視覚的に選択されたことを示すかどうかを決定します(例:ボーダーで)。
DraggableBoolean (true / false)はい、チェックボックスCanvasオブジェクトが実験の実施中にドラッグ可能かどうかを決定します。
ResizableBoolean (true / false)はい、チェックボックスCanvasオブジェクトが実験の実施中にリサイズ可能かどうかを決定します。
Track ScrollBoolean (true / false)はい、チェックボックスおよび有効化された場合は数値(ScrollPositionX, ScrollPositionY)Canvasスクロールバーと共に提示されている場合、スクロールを追跡することを可能にします。

画像プロパティ

プロパティ名データ型修正可能か、方法説明
FilenameStringはい、テキストボックスファイルの指定された名前。
Select File (Folder Icon)Functionはい、アイコンをクリックフォルダーアイコンをクリックすると、既存のファイルを選択するか、新しいファイルをアップロードして選択するためのファイルマネージャーが開きます。
Stimulus InfoStringはい、テキストボックス実験の実施中に動的な刺激情報を保存するために使用できる修正可能なプロパティ。
Stretch to Fit Bounding BoxBoolean (true / false)はい、チェックボックス有効化されると、画像がバウンディングボックスを完全に埋めるように引き伸ばされます。
Bounding Box FitFunctionはい、アイコンをクリック「フィット」をクリックすると、バウンディングボックスが画像の寸法に切り取られます。
Auto Fit Bounding Box with ImageFunctionはい、チェックボックス有効化されると、バウンディングボックスが画像に合わせて自動的に変更されます。