【第２部】
ライティングとシェーディング

 //ランバート反射材質の準備
						var material = new THREE.MeshLambertMaterial({ color: 0xFF0000 });
				

//平行光源オブジェクトの生成
directionalLight = new THREE.DirectionalLight(0xFFFFFF, 1.0);
//平行光源オブジェクトの位置の設定
directionalLight.position.set(100, 100, 100);
//平行光源オブジェクトのシーンへの追加
scene.add(directionalLight);
				

					//フォン反射材質の準備
					var material = new THREE.MeshPhongMaterial({
						color:0xFF0000,	//拡散色
						specular: 0xFFFFFF, //鏡面色
						shininess: 200		//鏡面指数
					});	
				

					//平行光源オブジェクトの生成
					directionalLight = new THREE.DirectionalLight(0x00FFFF, 1.0); //<--------赤成分を無くす
				

					//環境光オブジェクトの生成
					ambientLight = new THREE.AmbientLight(0x555555);
					//環境光オブジェクトのシーンへの追加
					scene.add(ambientLight);
				

					//フォン反射材質の準備
					var material = new THREE.MeshPhongMaterial({
						color:0xFF0000,		//拡散色
						ambient: 0x550000,	//環境色	<-------------追記
						specular: 0xFFFFFF, //鏡面色
						shininess: 200			//鏡面指数
					});
					

					//形状オブジェクトの宣言と生成
					var geometry = new THREE.PlaneGeometry(200, 200);
				

					//点光源オブジェクトの生成
					pointLight = new THREE.PointLight(0xFFFFFF, 1.0);
					//点光源オブジェクトの位置の設定
					pointLight.position.set(0, 0, 20);
					//点光源オオブジェクトのシーンへの追加
					scene.add(pointLight);
					

					//ステップ数のインクリメント
					step++;	
					var x = 50 * Math.cos(Math.PI * step / 60);
					var y = 50 * Math.sin(Math.PI * step / 60);
					pointLight.position.set(x, y, 20);
					

					//スポットライト光源オブジェクトの生成　コンストラクタの引数(hex,intensity,destance,angle,exponent)
					spotLight = new THREE.SpotLight( 0xFFFFFF, 1.0, 0.0, Math.PI/6, 30 );
					//スポットライトオブジェクトの位置の設定
					spotLight.position.set(0, 0, 100);
					//スポットライトオブジェクトのシーンへの追加
					scene.add(spotLight);
				

 //形状オブジェクトの宣言と生成
var geometry = new THREE.TorusGeometry(20, 5, 50, 50); //トーラスの半径、管の半径、トーラスの分割数、管の分割数
//材質オブジェクトの宣言と生成
var material = new THREE.MeshLambertMaterial({color:0xFFE98D});
//トーラスオブジェクトの生成
torus = new THREE.Mesh(geometry, material);
//トーラスオブジェクトのシーンへの追加
scene.add(torus);
//トーラスオブジェクトの位置座標の指定
torus.position.set(0,0,30);

// (1) レンダラーオブジェクト
renderer.shadowMapEnabled = true;
// (2) 光源オブジェクト
spotLight.castShadow = true;
// (3) 影生成元のオブジェクト
torus.castShadow = true;
// (4) 影描画オブジェクト
plane.receiveShadow = true;

	//シャドーマップのサイズ
spotLight.shadowMapWidth = 2048;	//デフォルト値 512
spotLight.shadowMapHeight = 2048; //デフォルト値 512
//影の暗さ
spotLight.shadowDarkness = 1.0;	//デフォルト値 0.5

	//シャドーカメラの可視化
spotLight.shadowCameraVisible = true;