three.js wiki
three.js wiki

Bokeh

three.js wiki内検索 / 「Bokeh」で検索した結果

検索 :
  • Bokeh
    更新日：2013-04-30, r58 ボケ。
  • メニュー
    ...AO [環境遮蔽] Bokeh [ボケ] お遊び リンク @wikiご利用ガイド ここを編集
  • ポストプロセス
    ... BokehShader ボケ。下例だと赤箱の角の距離でピントが合っていて、離れるに従いボケている。
  • TextGeometry
    更新日：2013-04-21, r58 テキストジオメトリ。使い道多そうなのに下準備がちょっと面倒くさいヤツ。 説明 script type="text/javascript" src="fonts/helvetiker_regular.typeface.js" /script まずtypeface.js形式のフォントファイルを読ませないとダメ。three.js読み込んだ後に。 THREE.TextGeometry( text, { 　size, curveSegments, height, 　font, weight, style, 　material, extrudeMaterial, 　bevelEnabled, bevelSize, bevelThickness, beve...
  • Physijs
    更新日：2013-04-26, r58 かなり重い timeStepのあたりがちょっとおかしい？ 中のammo.jsが1.2MBなので1ファイル1MB制限のあるフリ鯖なんかだと置けない 同梱examples Firefox 20 鯖上では問題ないが、ローカル環境では Physijs.scripts.worker = ../physijs_worker.js ; // ← ディレクトリさかのぼって読めない Physijs.scripts.ammo = examples/js/ammo.js ; ので physijs_worker.jsを /examples/ に写して、 Physijs.scripts.worker = ./physijs_worker.js ; Physijs.scripts.ammo = ./js/...
  • AmbientLight
    更新日：2013-04-28, r58 THREE.AmbientLight ( hex ) 環境光。周囲光、間接光などとも。どの面に対しても一様に照らすライト。 DirectionalLightなどで光が当たっていないところは真っ黒になってしまう。 照り返しの分を補うためにこのAmbientLightを使う、というのが通常の使い方。 パラメータ hex 16進数 [= 0xffffff] |光の色。例えば、赤い部屋なら照り返しも赤だろうから赤っぽい色を設定する、など。 まず表示オブジェクトのマテリアルにAmbient色をつけておく。 たいてい基本の色と同じに。 var boxGeometry = new THREE.CubeGeometry(10,10,10); var boxMaterial = new...
  • マテリアル
    更新日：2013-04-23, r57 色や陰、テクスチャを指定する。 面 マテリアルの種類 MeshBasicMaterial |面用マテリアルの基本。陰がつかない。 MeshLambertMaterial |ランバート・マテリアル。 MeshPhongMaterial |フォン・マテリアル。ランバートの上位互換。 MeshFaceMaterial |複数マテリアルから選択して使えるようにまとめる。 他に、THREE.SceneUtils.createMultiMaterialObject（複数マテリアルを同時に表示させるための3Dオブジェクト）も関連項目かもしれない。 プロパティ side [= THREE.FrontSide] |THREE.FrontSide：オモテ面。THREE.BackSide：裏面。TH...
  • OrthographicCamera
    更新日：2013-04-22, r58 説明 THREE.OrthographicCamera ( left, right, top, bottom, near, far ) 平行投影カメラ。近くのモノも遠くのモノも同じ大きさで描画される。 上例の床の平行線は遠くなってもずっと同じ幅のまま。 パラメータ left float |視線のどれぐらい左まで画面に入れるか。 right float |視線のどれぐらい右まで画面に入れるか。 top float |視線のどれぐらい上まで画面に入れるか。 bottom float |視線のどれぐらい下まで画面に入れるか。 near float [= 0.1] |この値より手前は描画されない。 far float [= 2000] |この値より奥は描画され...
  • TubeGeometry
    更新日：2013-04-21, r58 (わかりやすくするためにワイヤーフレームも一緒に表示している。) 説明 THREE.TubeGeometry ( path, segments, radius, radiusSegments, closed, debug ) パスに従って管を作る。 パラメータ path THREE.Curve？ |カーブのパス。 segments int [= 64] |パス方向の分割数。増やすと曲線パスが滑らかに。 radius float [= 1] |管の太さ。 radiusSegments int [= 8] |管の断面円の分割数。増やすと円柱形に近づく。 closed bool [= false] |true：終点-始点を閉じる、false：閉じない debug b...
  • CylinderGeometry
    更新日：2013-04-20, r58 (わかりやすくするためにワイヤーフレームも一緒に表示している。) 説明 THREE.CylinderGeometry ( radiusTop, radiusBottom, height, radiusSegments, heightSegments, openEnded ) 円柱のジオメトリを作る。 パラメータ radiusTop float [= 20] |上面の半径。0にすると円錐(実際は正多角形の錐)になる（→ 錐はLatheとどっちで作ればいいのか？） radiusBottom float [= 20] |底面の半径。 height float [= 100] |高さ。 radiusSegments int [= 8] |円周の分割数。 heightSegment...
  • Mesh
    更新日：2013-05-04, r58 Object3Dのサブクラス。 Mesh THREE.Object3D ┣ geometry THREE.Geometry ┃┣ vertices Array ┃┃┗ [i] THREE.Vector3 ┃┗ faces Array ┃　┗ [i] THREE.Face4 (THREE.Face3) ┣ material THREE.Material ┃ ┣ position THREE.Vector3 ┣ rotation THREE.Vector3 ┣ quaternion THREE.Quaternion ┣ useQuaternion bool [false...
  • ColladaLoader
    更新日：2013-04-22, r58 （モデルデータ：Lowpoly building LPBldX... TurboSquid） 向こう側の壁とか抜けて見えるのは仕様。両面化してない。 script type="text/javascript" src="ColladaLoader.js" /script ColladaLoader.jsを読み込んでおく。three.jsを読んだ後で。 three.jsセットの examples/js/loaders/ にある。 var house; var loader = new THREE.ColladaLoader(); // loader.options.convertUpAxis = true; // 向きが狂ったら loader.load...
  • ParametricGeometry
    更新日：2013-04-20, r58 (わかりやすくするためにワイヤーフレームも一緒に表示。） 説明 THREE.ParametricGeometry ( func, slices, stacks, useTris ) 関数 func に従って、パラメトリック曲面を作る。 上例では単純な立体を表示しているが、パラメトリック曲面で作れる形状は多種多様である（例2を参照）。 パラメータ func function(u, v) |引数u, vをとるパラメトリック関数。0≦u≦1、0≦v≦1。 slices int |uの分割数。 stack int |vの分割数。 useTris bool [= false] |trueにすると四角ポリゴンではなく三角ポリゴンを使う。面数は2倍になる。 例 ジオメト...
  • @wiki全体から「Bokeh」で調べる

更新順にページ一覧表示 | 作成順にページ一覧表示 | ページ名順にページ一覧表示 | wiki内検索