- 中心視野(フォベア) の視覚的な焦点を検出する ShaderToyベースの視覚効果コード
- GPUシェーダーを活用し、人間の視線が集中する領域を リアルタイムで可視化 する構成
- レンダリング効果と視覚的注意領域 の関係を実験的に表現
- ShaderToyプラットフォームを通じて Webブラウザ上で直接実行および調整が可能
- 人間の視覚の焦点メカニズムを グラフィックスプログラミングで探る例
Human Fovea Detector 概要
- ShaderToyに公開された 視覚実験用シェーダーコード で、人間の中心視野(フォベア)検出をシミュレーション
- GPUベースのシェーダーにより、視線の集中領域を強調表示 する方式で動作
- ブラウザ環境で JavaScriptとWebGL を有効にする必要がある
機能と実装
- リアルタイムレンダリング を通じて、画面内の特定領域の視覚的焦点を検出
- ShaderToyの インタラクティブな視覚効果エンジン を使って、中心視野の変化を表現
- コード実行時にユーザー入力やマウス移動に応じて 中心視野が移動する効果 を実装
技術的特徴
- GPUシェーダープログラミング を基盤とし、ピクセル単位の視覚計算を実行
- ブラウザ内での実行 のため、JavaScriptとCookieの許可が必要
- ShaderToyプラットフォームの標準構造に従い、GLSLコード で記述されている
活用可能性
- 人間の視覚における焦点移動を 可視化または分析する研究用ツール として活用可能
- 視線追跡インターフェース、視覚的注意分析、グラフィックデザイン実験 など、さまざまな分野に応用可能
実行条件
- サイトアクセス時に セキュリティ確認手順とスクリプト有効化の要求 がある
- JavaScriptとCookieを許可する必要があり、そうすることでシェーダーコードが正常にレンダリングされる
- 元のページでは「人間であることを確認しています」というメッセージの後、ShaderToyのレンダリング画面に切り替わる
1件のコメント
Hacker Newsの意見
動く物体を追跡していない限り、目を滑らかに動かすことは不可能
目は常に高速で不連続な**サッカード(saccade)**を行う
ただし、このShadertoyの例のように滑らかに動く赤い円を見ると、その円を追いながら目を滑らかに動かせるようになる
これを見ていてMaxwell’s Spot illusionを見つけた
この点滅する青/緑の画像を見ると、視線が留まる中央に暗い点が見える
眼鏡の種類によって結果がまったく違っていて興味深かった
私は遠視なのだが、眼鏡を外すと軽い斜視があってピントが合わず、8の字のような動きに見える
普通の眼鏡をかけるとこの効果は弱まるが、中心部以外ではほとんど動きが見えない
一方で**読書用眼鏡(近視用)**をかけると完璧な円が見え、周辺部でも低フレームレートのように動きを検知できる
度数が強いほど像は小さくなり、その結果、動きを認識する範囲は焦点付近へと狭まる
以前、このShadertoyは人気が出すぎてサーバーが落ちたことがあった
当時は「少々お待ちください」というカスタムバナーまで表示していて、またHNのトップに上がってきたのを見て懐かしく感じた
当時のアーカイブリンク
ページを開いた瞬間に片頭痛がひどく出て、すぐ閉じた
このような視覚刺激が発作や頭痛を誘発しうるのか確認が必要かもしれない
最初は面白かったが、1分ほどすると視界に残像が残り、耳で耳鳴りがし始めた
10分たってもまだ残っていたので、すぐコンピューターから離れた
しかし関連研究が不足していると知って訂正する
中心部以外でも何かが動いているのを感覚的に感じ取れるので、長く見ていると頭痛が来そうだった
似た不快感が出るか確認してみれば、原因を絞り込めるかもしれない
すべての十字は実際に回転していて、この実験は視野のどの部分が**変化盲(change blindness)**に弱いかを示している
つまり、視野の99%は変化を認識できていない
私のコメントがきっかけで新しい投稿が立った
最初はこの回転が錯視だと思っていた
National Geographicの関連記事を思い出したが、今回は実際に回転している
ただし、その回転をはっきり見られるのは中心部(中心窩、fovea)だけだ
この実験は**心理測定(psychometric)版に拡張することもできそうだ
スケールパラメータを調整すれば周辺部でも動きを見られるし、被験者に特定の領域(たとえば赤い円で示された場所)が実際に動いているか報告してもらえばよい
周辺視野の受容野(receptive field)**はより大きいため、そちらの細胞が動きを検知するには、より大きな視覚刺激が必要になる
中心部で回転をはっきり見られるぼんやりした領域はすぐ見つけられた
焦点を外すと周辺全体がぼやけて動いているのが見える
これがまさにfoveated rendering/streamingの理論的背景だ