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