Three.jsの便利なライブラリ８選 - Qiita
WebGL Advent Calender ８日目。 まずここに、７日も過ぎての投稿になってしまったことをお詫び申し上げます・・・！ 完全に忘れていたとは口が裂けても言えないですね。 Three.jsは実は沢山のライブラリがある 試しにThree.jsのGithubリポをフォークしてみると、 本体 本体のソース・ファイル（たくさんの.jsファイル） Example build用スクリプト などなど、色んなファイルが置いてありますね。 今日見ていくのは、 Example > js ディレクトリです。 examples ├── js ├── cameras ├── controls ├── crossfade ├── curves ├── effects ├── exporters ├── geometries ├── libs ├── loaders ├── math ├── modifie
THREE.TextureのneedsUpdate - $ cat /var/log/shin
ローダを使わずに自力でテクスチャを生成する時は、needsUpdateをtrueにすることを忘れずに。 texture = new THREE.Texture(img); // img要素 or canvas要素 texture.needsUpdate = true; 内部的にどうなっているかというと、最終的にrenderer.setTextureが呼ばれ、ここでneedsUpdateフラグがチェックされます。 メモ テクスチャの更新 新しく生成する手法。 // update background bgSprite.texture.image = img bgSprite.texture.needsUpdate = true; scene2d.remove(bgSprite); var w = img.width, h = img.height; var texture = new THR
覚えた、Android ChromeのWebGLを有効にする方法
Android 4.x Chrome だと WebGL が見れるとうわさが… 早速three.jsのexampleを見たけど、Browserは対応してるみたいだけどGraphic boardが対応してないよ、みたいなメッセージが表示されて真っ黒な画面のまま。 ガセだったかと思ったけど、Chromeなので設定いじればどうにかなるかな〜と思い、URLに chrome://flags と入力してみた。 見にくい画面をスクロールしていくと、あったあった「WebGL を有効にする Android」って項目が。 有効にして「今すぐ再起動」。 見れた！ 見たのはこれ。 http://threejs.org/examples/webgl_buffergeometry.html 15fps出てるなー WebGLえらいなー 機種は Galaxy SC-03D (LTE) Android 4.0.4 こんな面倒
地理院タイルとOpenStreetMapのデータを使ってthree.jsで立体地図を描画する - Qiita
「新しい Google マップ」正式公開、地図大きく、精緻すぎる3D都市マップも -INTERNET Watch ViziCities Demo 地図サービスの王Googleマップをじわじわと追いかけるOpenStreetMap 地理院地図３D ↑の記事に触発されて書きました。乗るしかない、この(地理空間情報のオープンデータ化と、Web3D地図の普及という)ビッグウェーブに。 デモ ※注1 データの読み込み時間長めです ※注2 デスクトップ版のChrome、Firefox、Safariと、Android版のChrome、Firefox辺りは動くはず ※注3 CoffeeScript 1.7.1 で書いたんですが、jsdo.itがまだ1.7.1に対応してなかったので、自前でコンパイルしたjsコードを貼り付けて動かしてます。フォークしにくくてすみません。jsdo.itが1.7.1に対応したら直
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
neo-tech-lab.co.uk
GitHub - mrdoob/three.js: JavaScript 3D Library.