超簡単に3DCGできるJavaScriptライブラリ作った - aike’s blog
three.jsによる WebGLワークショップ
【第２部】 ライティングとシェーディング １. シェーディングの基本 ２. 反射材質モデル ３. 様々な光源によるライティング ４. シャドーイングの基本 シェーディングとは？ 「シェーディング」とは日本語で「陰影づけ」の意味 人目に映る物体の質感 ＝ 反射光 シェーディングに必要な要素 「①反射材質」と「②光源」の２つの要素で決定！ ①反射材質の用意 「TrackBallControls.html」に変更を加えていきます！ 材質オブジェクトを「ランバート反射材質」に置き換えます //ランバート反射材質の準備 var material = new THREE.MeshLambertMaterial({ color: 0xFF0000 });
最新版で学ぶThree.js入門 - 手軽にWebGLを扱える3Dライブラリ - ICS MEDIA
Three.jsのルーツ!? Flashの3Dからの系図を眺めてみる | ClockMaker Blog
エフェクト作成入門講座 Three.js編 ゲーム演出に役立つマグマ表現の作り方 - ICS MEDIA
ゲームやビジュアライゼーションのWebコンテンツでは、華やかな3D演出の実装をJavaScriptとWebGLで求められることがあります。この記事のシリーズでは、WebGLのJSライブラリとして有名なThree.jsを利用して、3Dエフェクトの作成手順を解説します。 今回、扱うテーマは「マグマエフェクト」。実は以前、このテーマを3Dエフェクト作成ツールであるEffekseerエフェクシアーで扱ったことがあります（記事「エフェクト作成入門講座 Effekseer編 UVスクロールを使ったマグマエフェクトの作成」)。Effekseerはプログラムを使わないデザインツールなので、今回紹介するThree.jsによるプログラムの作り方とはまったく異なります。ですが、表現のエッセンスはどんな作り方でも共通。エフェクトの実装ポイントが理解できていれば、異なった方法でも同じ表現を実装できるのです。 本記事
THREE.CubeTextureLoaderでSkyboxする - Qiita
Three.js - billboard effect, maintain orientation after camera pans
I have a plane geometry that is always set to face the camera via: plane.lookAt(camera.position); in the update loop. I am using OrbitControls to control the camera. When rotating or zooming the scene, the plane continues to face the camera as expected. However, after panning the scene, while the plane continues to face the camera, rotating the camera appears to rotate the plane as well, so that f
Three.js : マテリアルで設定される overdraw: true は、セグメントの境界である白い線を消す機能です
Material.js に、コメントで説明があります。 Overdrawn pixels (typically between 0 and 1) for fixing antialiasing gaps in CanvasRenderer CanvasRenderer でアンチエイリアシングのギャップを修正するためのフラグだそうです。他のソフトでも同様のものがあったので、その内容は以下のように書かれています。 antialiasing gaps(アンチエイリアスによる隙間)を埋めるために立体表面を広げるか。広げる場合true。それ以外の場合false。 内容は『よりよい描画』のようですし、サンプルではだいたい true のようなので、セットしておくと良いと思います。 ▼ 以下をクリックするとセグメント(5x5)の境界である線を見る事ができます <!DOCTYPE html> <html l
Three.js(r57) : THREE.Texture のプロパティの意味
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebGL Skybox Texture Mapping – Creative Development
Three.js : WebGL Cube テクスチャパノラマ背景の画像配置が解る表示
JavaScript — Skybox and environment map in Three.js
three.js - Three js alphaMap material artefacts - Stack Overflow
What does Material.alphaTest mean?
Transparent texture in pointCloudMaterial and depth-buffer
using renderOrder in three.js
Transparent textures behaviour in WebGL
Transparent objects in Three.js
three.js: how to control rendering order
Edit fiddle - JSFiddle - Code Playground