デモの使い方

マウス位置を光源として、ランダムに配置された障害物の影をレイキャスティングで計算し、2Dの光と影を描画するデモです。

レイキャスティング 動的ライティング Canvas描画

操作手順

  1. マウスカーソルを画面上で動かす
  2. カーソルが光源となり、障害物に遮られた光の領域がリアルタイムに変化するのを確認
  3. 障害物の頂点方向へ光が伸び、裏側が影になる様子を観察

活用シーン

  • 2Dゲームの視界・照明表現(FOV描画)の学習
  • レイと線分の交差判定アルゴリズムの実装例確認
  • ダンジョン探索など光と影の演出のプロトタイプ