map33.js - Three.jsを使って3D地図を生成 MOONGIFT
ただ地図を表示するだけでも面白いのに、それが立体になるとさらにワクワクします。これはGoogleアースなどで立体的な地図を見た時、誰もが感じた感情でしょう。立体化されることで、より体験がリアルに感じられます。 今回紹介するmap33.jsはWeb上で地図を立体的に表示してくれます。建物などではなく、等高線に基づいた立体化になります。 map33.jsの使い方 例です。位置情報は自分で指定します。3Dでぐりぐり動かせます。 位置情報を富士山に指定すればこの通り。 map33.jsは指定した位置情報に基づいて、その周囲の標高を取得して3Dマップに展開します。最初は位置情報を中心とした4×4のタイルですが、ダブルクリックするとその部分のタイルも追加されます。徐々に空間が埋められていく様子は面白いです。 map33.jsはJavaScript製のオープンソース・ソフトウェア（MIT License
ウェブのグラフィック性能を大幅に引き上げるWebGPUではWebGLのどんな部分が改善されているのか？
ブラウザ上で3Dグラフィック機能を利用する時、ほとんどの場合には「WebGL」が利用されています。「WebGPU」は、年々向上していくGPUの性能をより一層引き出すために、「WebGL」の後継としてゼロから設計されているAPI仕様です。現在、WebGPUは仕様の策定と各ブラウザへの実装が同時に進められており、本格的な普及はまだまだ先という状況ですが、一足先にMozillaの技術者であるDzmitry MalyshauさんがWebGLと比較しながら「WebGPUはどのような点が進化しているのか」を解説しています。 A Taste of WebGPU in Firefox - Mozilla Hacks - the Web developer blog https://hacks.mozilla.org/2020/04/experimental-webgpu-in-firefox/ WebGP
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
