タグ

WebGLと3dに関するpochi-mkのブックマーク (2)

  • 地理院地図3D

    ※1 3Dプリンタ印刷用ファイルをダウンロードできます。 ※2 立体地図用ファイルがダウンロードできます。ローカル環境で閲覧される場合は、Firefox をご使用ください。 - さらに1ステップ - 「WebGL」を選択してダウンロードされるファイルのうち「texture.png」は通常の画像ファイルです。 ペイントなどの描画ソフトで開き、線や文字を書き込んでオリジナル立体図を作ることもできます。 また、座標付の画像を扱えるソフトでは、GPSの軌跡などを重ね合わせて保存すると、登山ルートなどが入った立体地図や 立体模型を作ることができます。 サンプル ギャラリー 各地方測量部おススメの場所です。 イメージをクリックすると立体地図が開きます。 ボタンをクリックすると大きなイメージでご覧いただけます。 立体地図を閲覧するには、Internet Explorer 11、Google C

    地理院地図3D
    pochi-mk
    pochi-mk 2014/03/19
    おおお、これは面白い試み。ネットでこんなものが公開できる時代になったとは...。
  • JavaScript 3DレンダリングエンジンのThree.jsを試す

    こんにちは。 KRAYアルバイトの浅海です。 今回は、最近ちまたで噂のThree.jsで遊んでみようとおもいます。 http://github.com/mrdoob/three.js webgl対応のブラウザで見ている方は、右上に3Dのボックスが表示されていると思います。 Three.jsを使えば、このようなことを簡単にJavascriptで実現できるのです。 半信半疑で使ってみたところ、たしかにThree.jsでは、3D特有の行列計算や数学的思考をせずとも、3Dを表示、操作することができました。 「ちょっとのプログラムで3Dができる。」 この面白さを皆さんに届けたいです。 目次 立方体を表示する 光をあてる テスクチャを貼り付ける マウスで回転させる マウスで移動させる クリック判定する Three.js web上には、HTML5のcanvasを利用した様々なサンプルページやアプリケーシ

    JavaScript 3DレンダリングエンジンのThree.jsを試す
    pochi-mk
    pochi-mk 2012/02/03
    なかなか簡単でいいですね。筋はいいのでWebGL環境が一般的になれば流行るかも。
  • 1