スタートページ>
Javascript>
CANVAS>
WebGL
WebGL Three.js マッピング 開発中!
テクスチャマッピング
テクスチャとは、マッピングに使う画像のことです。
画像を物体の表面に貼り付け、外部にあるカメラからの映像を表示します。
バンプマッピング
テクスチャマッピングで貼り付けた表面画像に凸凹をつけて質感を変える手段です。
var material = new THREE.MeshPhongMaterial({
color: 0xffffff,
specular: 0xcccccc,
shininess:50,
ambient: 0xffffff,
map: texture,
bumpMap:texture, // ピクセルごとの高さをグレースケールで格納したテクスチャ
bumpScale: 0.05 // 凹凸の深さを調整する係数
});