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.jsで動画をテクスチャに指定する - Qiita
video = document.getElementById( 'video' ); texture = new THREE.VideoTexture( video ); texture.minFilter = THREE.LinearFilter; texture.magFilter = THREE.LinearFilter; texture.format = THREE.RGBFormat; 下の記事はその前に書いたもので、比較的低レイヤーでのやり方です。 Three.jsのサンプルにあったものを抜粋。 基本的なフローは video要素を生成（あるいは取得） videoをキャプチャするcanvas要素を生成（あるいは取得） canvas要素をtextureに指定 生成したtextureを元にマテリアルを生成 loop updateの中でcanvasを更新し、さらにtextureオブジ
Three.js OrbitControls.js - Three.jsを使って、作ってみた
今回は、Three.jsの「OrbitControls.js」について書きます。 OrbitControls.jsは、マウスドラッグによる視点移動と、マウスホイールによるズームが可能になるクラスです。簡単に言いますと、マウスで視点がグルグル回せるということです。 以前に、「TrackballControls.js」というやつを書きましたが、それと少し似ています。 今回は、実際にやってみたほうが、分かりやすいと思います。 OrbitControlsは、Three.jsに記述されている標準クラスではなく、「OrbitControls.js」に書かれています。 ファイルの場所は、Three.jsダウンロードフォルダ内の examples/js/controls/OrbitControls.js にあります。 では、OrbitControlsの読み込み方を書きます。基本的にTrackballCon
HTML5による物理シミュレーション環境の構築 ～WebGLライブラリThree.js 入門（１／３）～
HTML5とWebGL 初めにHTML5の位置づけについて簡単に触れます。HTML5とはこれまでのWebページ作成言語で主流だったHTML4やXHTMLの後継言語のことで、 2008年に草案がまとめられ、2014年までにウェブブラウザ各社への正式勧告を目指して策定が進められています。 HTML5は 2012年1月でもまだ「草案」段階で、仕様も流動的な準備段階であるが、開発側からもユーザ側からも非常に注目が集められています。 その大きな理由の一つに挙げられているのが、iPhoneやAndroidなどのスマートフォンの台頭による情報端末の多様化への対応のためです。つまり、様々なWEBコンテンツのクロスプラットフォーム化への重要な貢献が期待されているからです。 というのもスマートフォンの登場までは、Adobe社が提供する FLASH が動画やオーディオなどが組み合わされたマルチメディアコンテンツ
[JS]Canvas, SVGを使用した軽量のJavaScriptの3Dエンジン -three.js
通常、複雑な記述をより簡単にできるようにした、3Dを描画する軽量のスクリプトを紹介します。 サイトでは下記のように数多くのデモが楽しめます。 three.js -Javascript 3D Engine [ad#ad-2] three.jsは<canvas>, <svg>とWebGLを使って、2Dと3Dをレンダリングすることができます。 各デモは対応ブラウザ（Firefox4+, Chrome9+, Safari10.6+など）でご覧ください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
