GLSLによるPNG標高タイル3D化

地理院標高タイル(PNG形式)を,GLSL(WebGL)で3D表示する実験です.

拙作のVRヘッドセット用アプリ

地図ロイドReality

を性能改善する方法は無いかなと思いつつネットサーフィンしていると,
wgld.org | GLSL

というサイトに,「レイマーチングという手法を使ってGLSLで描画する」という話が書かれていました.

この方法を使えば,PNG標高タイルをGLSLで直接3D化できそうな気がしたので,早速試してみました.

[実際に動くページ]
GLSLによるPNG標高タイルの3D化実験 (WebGL対応のブラウザが必要です)

[ソースコード(GitHub)]
kamoland/glsl-png3dtile

あくまで実験段階の単純なものですが,このコードのコンパクトさは魅力です.

参考サイト

wgld.org | GLSL

描画の基盤枠組みは,こちらのサイトのレイマーチングのサンプルを使わせていただいております.
ありがとうございます.

出典

国土地理院 地理院タイル

-標高タイル(基盤地図情報数値標高モデル)
-シームレス空中写真

Comment