地理院標高タイル(PNG形式)を,GLSL(WebGL)で3D表示する実験です.
GLSLによるPNG標高タイル3D化拙作のVRヘッドセット用アプリ 地図ロイドReality を性能改善する方法は無いかなと思いつつネットサーフィンしていると,というサイトに,「レイマーチングという手法を使ってGLSLで描画する」という話が書かれていました. この方法を使えば,PNG標高タイルをGLSLで直接3D化できそうな気がしたので,早速試してみました.
[実際に動くページ]
[ソースコード(GitHub)] あくまで実験段階の単純なものですが,このコードのコンパクトさは魅力です.
参考サイト描画の基盤枠組みは,こちらのサイトのレイマーチングのサンプルを使わせていただいております. ありがとうございます.
出典国土地理院 地理院タイル
|