嘘です、先に出来てました。キューブが一番解りやすいと言うか、世の中で ポピュラーなんで最初にやりました。 ・・・・これも嘘です。 最初にやったのは、メタセコイアデータのロードです。これが出来ないと面 白くもなんとも無いので最初にいろいろテストしています。でも、だからこ そ他のオブジェクトの特性も知っておかないといけないので、いろいろやっ ています。 デモページを開くには、以下の画像をクリックして下さい。関連する記事 Canvas を使って 3D データを描画する JavaScript ライブラリ『Three.js』の バグ対応( Firefox、IE9、Opera で正しくテクスチャが適用されない ) 作者の mrdoob さんはバグだとは思っていないらしいですけれど、WebKit 以外 の人間で、Canvas を使ってテクスチャしようと思ったら結構致命的です。その わりに簡単に誰でも修正できてしまうし・・・・でも普通は解らないですよね。 そう思って書き込んだんですが、軽くスルーされてしまったのでした。 >It's not supposed to work. >I'm considering removing that code altogether as it only works on WebKit. サポート云々では無く、テクスチャが実際に貼れないんですけど、つたない英語 では説明もできないので、こちらもスルーしました。 どちらにしても、WebGL 使えばどうってこと無いんですが、Win8 でビルドを予定 しているので、Canvas ベースで無いと困るのであります・・・
|
|
【Three.js : ベーシックの最新記事】
- 2012年04月21日 時点の Three.js の WebGL チェックと 2014年 7月17日(r68) のチェック
- Three.js : マテリアルで設定される overdraw: true は、セグメントの境界である白い線を消す機能です
- Three.js(r57) : THREE.Texture のプロパティの意味
- できる限りだれでも Three.js を楽しめるように、Three.js の基本コードをできる限り簡単にして、オブジェクトやアニメーション部分をホスティングしてみました
- Three.js では、複数のオブジェクトを一つの Object3D に追加して一括管理します。
- Three.js の名前空間でユーザオブジェクトを作って、Three.js の基本を再確認する
- Three.js(51) でPlane(平面)。但し、ブログで動作するのは Canvas のみ(画像が別ドメインでも動く)。★ Google Chrome ではスクロールバーが効かなくなるのでキーボー..
- THREE.PerspectiveCamera ( 透視法射影カメラ ) の引数
- Three.js : 日本語フォントの立体表示
- Three.js の球体のテクスチャに透過部分のある画像を使って表示
- Three.js(Canvas) : ２平面(それぞれ裏表としてテクスチャ)、MeshBasicMaterial に overdraw: true をセットする意味と、Texture オブジェクトを ..
