Raycasting Demo3D Game Development

HTML5, CSS5, Javascript

raycasting-js

42Tokyoのカリキュラムにて、レイキャスティングを使って3DゲームをC言語で作る課題が存在する。 C言語で実装する前に、レイキャスティング実装の学習をするためにJavascriptでプロトタイプを作成した。

raycasting-js

このプロトタイプ作成では、三角関数の定理を利用して、どのように3D描写を実装していくのかを学習することができた。

今後の課題としては、このプロトタイプ制作ではP5というライブラリに依存する関数を多く利用しているため、 異なる&関数制限のあるライブラリを利用した際に、依存しない自関数を作る上でどれだけ工夫できるか。

デモ画面はこちら

ソースコードはこちら