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

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

拙作のVRヘッドセット用アプリ 地図ロイドReality を性能改善する方法は無いかなと思いつつネットサーフィンしていると,

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

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

1225-1.jpg

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

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

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

参考サイト

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

出典

国土地理院 地理院タイル
  • 標高タイル(基盤地図情報数値標高モデル)
  • シームレス空中写真
kamolandをフォローしましょう


© 2018 KMIソフトウェア