灯光调整中

4 years ago · b2f3afdc2c
61 changed files with 76 additions and 316215 deletions
--- a/(copy)/dimian.mtl
+++ b/(copy)/dimian.mtl
@ -1,11 +0,0 @@
-newmtl dimian
-newmtl tijiao
-newmtl qiangti
-newmtl chuangkuang
-newmtl chuangsha
-newmtl glass
-newmtl chuanglianbu
-newmtl heikon
-newmtl jinshuxian
-newmtl qiangbu
-newmtl dalishi
--- a/(copy)/index.html
+++ b/(copy)/index.html
@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<meta charset="utf-8">
-		<title>My first three.js app</title>
-		<style>
-			body { margin: 0; }
-			canvas { display: block; }
-		</style>
-	</head>
-	<body>
-		<div id="container"></div>
-		<script type="text/javascript" src="main.js"></script>
-	</body>
-</html>
--- a/(copy)/ket.mtl
+++ b/(copy)/ket.mtl
@ -1,174 +0,0 @@
-# 3ds Max Wavefront OBJ Exporter v0.97b - (c)2007 guruware
-# ´´½¨µÄÎÄ¼þ:14.10.2020 10:23:41
-
-newmtl chuangkuang
-	Ns 10.0000
-	Ni 1.5000
-	d 1.0000
-	Tr 0.0000
-	Tf 1.0000 1.0000 1.0000 
-	illum 2
-	Ka 0.5882 0.5882 0.5882
-	Kd 0.5882 0.5882 0.5882
-	Ks 0.0000 0.0000 0.0000
-	Ke 0.0000 0.0000 0.0000
-	map_Ka ket_menkuang_Diffuse.png
-	map_Kd ket_menkuang_Diffuse.png
-	map_bump ket_menkuang_Height.png
-	bump ket_menkuang_Height.png
-	map_refl ket_menkuang_Specular.png
-
-newmtl chuangsha
-	Ns 24.0000
-	Ni 1.5000
-	d 0.3000
-	Tr 0.7000
-	Tf 0.3000 0.3000 0.3000 
-	illum 2
-	Ka 0.5882 0.5882 0.5882
-	Kd 0.5882 0.5882 0.5882
-	Ks 0.4590 0.4590 0.4590
-	Ke 0.0000 0.0000 0.0000
-
-newmtl glass
-	Ns 93.0000
-	Ni 1.5000
-	d 0.0500
-	Tr 0.9500
-	Tf 0.0500 0.0500 0.0500 
-	illum 2
-	Ka 0.5882 0.5882 0.5882
-	Kd 0.5882 0.5882 0.5882
-	Ks 0.8820 0.8820 0.8820
-	Ke 0.0000 0.0000 0.0000
-
-newmtl tijiao
-	Ns 10.0000
-	Ni 1.5000
-	d 1.0000
-	Tr 0.0000
-	Tf 1.0000 1.0000 1.0000 
-	illum 2
-	Ka 0.5882 0.5882 0.5882
-	Kd 0.5882 0.5882 0.5882
-	Ks 0.0000 0.0000 0.0000
-	Ke 0.0000 0.0000 0.0000
-	map_Ka ket_tijiao_Diffuse.png
-	map_Kd ket_tijiao_Diffuse.png
-	map_bump ket_tijiao_Height.png
-	bump ket_tijiao_Height.png
-	map_refl ket_tijiao_Specular.png
-
-newmtl dimian
-	Ns 10.0000
-	Ni 1.5000
-	d 1.0000
-	Tr 0.0000
-	Tf 1.0000 1.0000 1.0000 
-	illum 2
-	Ka 0.5882 0.5882 0.5882
-	Kd 0.5882 0.5882 0.5882
-	Ks 0.0000 0.0000 0.0000
-	Ke 0.0000 0.0000 0.0000
-	map_Ka ket_dimian_Diffuse.png
-	map_Kd ket_dimian_Diffuse.png
-	map_bump ket_dimian_Height.png
-	bump ket_dimian_Height.png
-	map_refl ket_dimian_Specular.png
-
-newmtl qiangti
-	Ns 10.0000
-	Ni 1.5000
-	d 1.0000
-	Tr 0.0000
-	Tf 1.0000 1.0000 1.0000 
-	illum 2
-	Ka 0.5882 0.5882 0.5882
-	Kd 0.5882 0.5882 0.5882
-	Ks 0.0000 0.0000 0.0000
-	Ke 0.0000 0.0000 0.0000
-	map_Ka ket_wall_Diffuse.png
-	map_Kd ket_wall_Diffuse.png
-	map_bump ket_wall_Height.png
-	bump ket_wall_Height.png
-	map_refl ket_wall_Specular.png
-
-newmtl heikon
-	Ns 10.0000
-	Ni 1.5000
-	d 1.0000
-	Tr 0.0000
-	Tf 1.0000 1.0000 1.0000 
-	illum 2
-	Ka 0.0000 0.0000 0.0000
-	Kd 0.0000 0.0000 0.0000
-	Ks 0.0000 0.0000 0.0000
-	Ke 0.0000 0.0000 0.0000
-
-newmtl jinshuxian
-	Ns 10.0000
-	Ni 1.5000
-	d 1.0000
-	Tr 0.0000
-	Tf 1.0000 1.0000 1.0000 
-	illum 2
-	Ka 0.5882 0.5882 0.5882
-	Kd 0.5882 0.5882 0.5882
-	Ks 0.0000 0.0000 0.0000
-	Ke 0.0000 0.0000 0.0000
-	map_Ka ket_jinshuxian_Diffuse.png
-	map_Kd ket_jinshuxian_Diffuse.png
-	map_bump ket_jinshuxian_Height.png
-	bump ket_jinshuxian_Height.png
-	map_refl ket_jinshuxian_Specular.png
-
-newmtl qiangbu
-	Ns 10.0000
-	Ni 1.5000
-	d 1.0000
-	Tr 0.0000
-	Tf 1.0000 1.0000 1.0000 
-	illum 2
-	Ka 0.5882 0.5882 0.5882
-	Kd 0.5882 0.5882 0.5882
-	Ks 0.0000 0.0000 0.0000
-	Ke 0.0000 0.0000 0.0000
-	map_Ka ket_qiangbu_Diffuse.png
-	map_Kd ket_qiangbu_Diffuse.png
-	map_bump ket_qiangbu_Height.png
-	bump ket_qiangbu_Height.png
-	map_refl ket_qiangbu_Specular.png
-
-newmtl dalishi
-	Ns 10.0000
-	Ni 1.5000
-	d 1.0000
-	Tr 0.0000
-	Tf 1.0000 1.0000 1.0000 
-	illum 2
-	Ka 0.5882 0.5882 0.5882
-	Kd 0.5882 0.5882 0.5882
-	Ks 0.0000 0.0000 0.0000
-	Ke 0.0000 0.0000 0.0000
-	map_Ka ket_dalishi_Diffuse.png
-	map_Kd ket_dalishi_Diffuse.png
-	map_bump ket_dalishi_Height.png
-	bump ket_dalishi_Height.png
-	map_refl ket_dalishi_Specular.png
-
-newmtl chuanglianbu
-	Ns 10.0000
-	Ni 1.5000
-	d 1.0000
-	Tr 0.0000
-	Tf 1.0000 1.0000 1.0000 
-	illum 2
-	Ka 0.5882 0.5882 0.5882
-	Kd 0.5882 0.5882 0.5882
-	Ks 0.0000 0.0000 0.0000
-	Ke 0.0000 0.0000 0.0000
-	map_Ka ket_curtain_Diffuse.png
-	map_Kd ket_curtain_Diffuse.png
-	map_bump ket_curtain_Height.png
-	bump ket_curtain_Height.png
-	map_refl ket_curtain_Specular.png
--- a/(copy)/ket.obj
+++ b/(copy)/ket.obj
--- a/(copy)/ket_chuangkuang_BaseColor.png
+++ b/(copy)/ket_chuangkuang_BaseColor.png
--- a/(copy)/ket_chuangkuang_Height.png
+++ b/(copy)/ket_chuangkuang_Height.png
--- a/(copy)/ket_chuangkuang_Metallic.png
+++ b/(copy)/ket_chuangkuang_Metallic.png
--- a/(copy)/ket_chuangkuang_Normal.png
+++ b/(copy)/ket_chuangkuang_Normal.png
--- a/(copy)/ket_chuangkuang_Roughness.png
+++ b/(copy)/ket_chuangkuang_Roughness.png
--- a/(copy)/ket_chuanglianbu_BaseColor.png
+++ b/(copy)/ket_chuanglianbu_BaseColor.png
--- a/(copy)/ket_chuanglianbu_Height.png
+++ b/(copy)/ket_chuanglianbu_Height.png
--- a/(copy)/ket_chuanglianbu_Metallic.png
+++ b/(copy)/ket_chuanglianbu_Metallic.png
--- a/(copy)/ket_chuanglianbu_Normal.png
+++ b/(copy)/ket_chuanglianbu_Normal.png
--- a/(copy)/ket_chuanglianbu_Roughness.png
+++ b/(copy)/ket_chuanglianbu_Roughness.png
--- a/(copy)/ket_chuangsha_BaseColor.png
+++ b/(copy)/ket_chuangsha_BaseColor.png
--- a/(copy)/ket_chuangsha_Height.png
+++ b/(copy)/ket_chuangsha_Height.png
--- a/(copy)/ket_chuangsha_Metallic.png
+++ b/(copy)/ket_chuangsha_Metallic.png
--- a/(copy)/ket_chuangsha_Normal.png
+++ b/(copy)/ket_chuangsha_Normal.png
--- a/(copy)/ket_chuangsha_Roughness.png
+++ b/(copy)/ket_chuangsha_Roughness.png
--- a/(copy)/ket_dalishi_BaseColor.png
+++ b/(copy)/ket_dalishi_BaseColor.png
--- a/(copy)/ket_dalishi_Height.png
+++ b/(copy)/ket_dalishi_Height.png
--- a/(copy)/ket_dalishi_Metallic.png
+++ b/(copy)/ket_dalishi_Metallic.png
--- a/(copy)/ket_dalishi_Normal.png
+++ b/(copy)/ket_dalishi_Normal.png
--- a/(copy)/ket_dalishi_Roughness.png
+++ b/(copy)/ket_dalishi_Roughness.png
--- a/(copy)/ket_dimian_BaseColor.png
+++ b/(copy)/ket_dimian_BaseColor.png
--- a/(copy)/ket_dimian_Height.png
+++ b/(copy)/ket_dimian_Height.png
--- a/(copy)/ket_dimian_Metallic.png
+++ b/(copy)/ket_dimian_Metallic.png
--- a/(copy)/ket_dimian_Normal.png
+++ b/(copy)/ket_dimian_Normal.png
--- a/(copy)/ket_dimian_Roughness.png
+++ b/(copy)/ket_dimian_Roughness.png
--- a/(copy)/ket_glass_BaseColor.png
+++ b/(copy)/ket_glass_BaseColor.png
--- a/(copy)/ket_glass_Height.png
+++ b/(copy)/ket_glass_Height.png
--- a/(copy)/ket_glass_Metallic.png
+++ b/(copy)/ket_glass_Metallic.png
--- a/(copy)/ket_glass_Normal.png
+++ b/(copy)/ket_glass_Normal.png
--- a/(copy)/ket_glass_Roughness.png
+++ b/(copy)/ket_glass_Roughness.png
--- a/(copy)/ket_heikon_BaseColor.png
+++ b/(copy)/ket_heikon_BaseColor.png
--- a/(copy)/ket_heikon_Height.png
+++ b/(copy)/ket_heikon_Height.png
--- a/(copy)/ket_heikon_Metallic.png
+++ b/(copy)/ket_heikon_Metallic.png
--- a/(copy)/ket_heikon_Normal.png
+++ b/(copy)/ket_heikon_Normal.png
--- a/(copy)/ket_heikon_Roughness.png
+++ b/(copy)/ket_heikon_Roughness.png
--- a/(copy)/ket_jinshuxian_BaseColor.png
+++ b/(copy)/ket_jinshuxian_BaseColor.png
--- a/(copy)/ket_jinshuxian_Height.png
+++ b/(copy)/ket_jinshuxian_Height.png
--- a/(copy)/ket_jinshuxian_Metallic.png
+++ b/(copy)/ket_jinshuxian_Metallic.png
--- a/(copy)/ket_jinshuxian_Normal.png
+++ b/(copy)/ket_jinshuxian_Normal.png
--- a/(copy)/ket_jinshuxian_Roughness.png
+++ b/(copy)/ket_jinshuxian_Roughness.png
--- a/(copy)/ket_qiangbu_BaseColor.png
+++ b/(copy)/ket_qiangbu_BaseColor.png
--- a/(copy)/ket_qiangbu_Height.png
+++ b/(copy)/ket_qiangbu_Height.png
--- a/(copy)/ket_qiangbu_Metallic.png
+++ b/(copy)/ket_qiangbu_Metallic.png
--- a/(copy)/ket_qiangbu_Normal.png
+++ b/(copy)/ket_qiangbu_Normal.png
--- a/(copy)/ket_qiangbu_Roughness.png
+++ b/(copy)/ket_qiangbu_Roughness.png
--- a/(copy)/ket_qiangti_BaseColor.png
+++ b/(copy)/ket_qiangti_BaseColor.png
--- a/(copy)/ket_qiangti_Height.png
+++ b/(copy)/ket_qiangti_Height.png
--- a/(copy)/ket_qiangti_Metallic.png
+++ b/(copy)/ket_qiangti_Metallic.png
--- a/(copy)/ket_qiangti_Normal.png
+++ b/(copy)/ket_qiangti_Normal.png
--- a/(copy)/ket_qiangti_Roughness.png
+++ b/(copy)/ket_qiangti_Roughness.png
--- a/(copy)/ket_tijiao_BaseColor.png
+++ b/(copy)/ket_tijiao_BaseColor.png
--- a/(copy)/ket_tijiao_Height.png
+++ b/(copy)/ket_tijiao_Height.png
--- a/(copy)/ket_tijiao_Metallic.png
+++ b/(copy)/ket_tijiao_Metallic.png
--- a/(copy)/ket_tijiao_Normal.png
+++ b/(copy)/ket_tijiao_Normal.png
--- a/(copy)/ket_tijiao_Roughness.png
+++ b/(copy)/ket_tijiao_Roughness.png
--- a/(copy)/main.js
+++ b/(copy)/main.js
--- a/src/index.js
+++ b/src/index.js
@ -13,31 +13,16 @@ import { CopyShader } from 'three/examples/jsm/shaders/CopyShader.js';
 import { FXAAShader } from 'three/examples/jsm/shaders/FXAAShader.js';
 import { SSAARenderPass } from 'three/examples/jsm/postprocessing/SSAARenderPass.js';

+var v1 = new THREE.Vector3(2.3393851600186215, 11.576051832245172, -3.4251959648280117);
+var v2 = new THREE.Vector3(11.766872261378083, 12.781233823342808, 13.780029939510671);
+var v3 = new THREE.Vector3(11.766872261378083, 12.781233823342808, -13.780029939510671);
+var v4 = new THREE.Vector3(2.3393851600186215, 11.576051832245172, 3.4251959648280117);

 var ui;
-// ref for lumens: http://www.power-sure.com/lumens.htm
-var bulbLuminousPowers = {
-    "110000 lm (1000W)": 110000,
-    "3500 lm (300W)": 3500,
-    "1700 lm (100W)": 1700,
-    "800 lm (60W)": 800,
-    "400 lm (40W)": 400,
-    "180 lm (25W)": 180,
-    "20 lm (4W)": 20,
-    "Off": 0
-};

-// ref for solar irradiances: https://en.wikipedia.org/wiki/Lux
-var hemiLuminousIrradiances = {
-    "0.5 lx (Full Moon)": 0.5,
-    "3.4 lx (City Twilight)": 3.4,
-    "10 lx (Custom Nemo)": 10,
-};
 var gui = new GUI();
 var params = {
-    exposure: 0.68,
-    bulbPower: Object.keys(bulbLuminousPowers)[4],
-    hemiIrradiance: Object.keys(hemiLuminousIrradiances)[1]
+    exposure: 0.68
 };

 var container = document.getElementById('container');
@ -45,23 +30,16 @@ var container = document.getElementById('container');
 //创建场景
 var scene = new THREE.Scene();

-var hemiLight = new THREE.HemisphereLight(0xffffff, 0xffffff, 0.8);
+var hemiLight = new THREE.HemisphereLight(0xffffff, 0xffffff, 0.0);
 scene.add(hemiLight);

-var bulbGeometry = new THREE.SphereBufferGeometry(0.22, 16, 8);
-var bulbMat = new THREE.MeshStandardMaterial({
-    emissive: 0xffffff,
-    emissiveIntensity: 12,
-    color: 0x000000
-});
-var bulbLight = new THREE.PointLight(0xddeeff, 1, 100, 2);
-bulbLight.add(new THREE.Mesh(bulbGeometry, bulbMat));
-bulbLight.position.set(0.0, 25.0, -22.0);
-scene.add(bulbLight);
-
-ui = gui.addFolder("灯光");
-ui.add(params, 'hemiIrradiance', Object.keys(hemiLuminousIrradiances));
-ui.add(params, 'bulbPower', Object.keys(bulbLuminousPowers));
+addBulb(v2);
+addBulb(v1);
+addBulb(v3);
+addBulb(v4);
+
+
+ui = gui.addFolder("环境光与穹顶灯");
 ui.add(params, 'exposure', 0, 1);


@ -84,11 +62,13 @@ mtlLoader.load('dimian.mtl', function (materials) {
    materials.materials.jinshuxian = makeJinshuxian();
    materials.materials.qiangbu = makeQiangbu();
    materials.materials.dalishi = makeDalishi();
+    materials.materials.dengkuang = makeDengkuang();

-    objLoader.setMaterials(materials);

-    objLoader.load('33.obj', function (mesh) {
+    objLoader.setMaterials(materials);

+    objLoader.load('keting.obj', function (mesh) {
+        console.log(mesh);
        mesh.scale.set(0.01, 0.01, 0.01);
        scene.add(mesh);
    }
@ -103,9 +83,8 @@ scene.add(axesHelper);

 //创建相机
 var camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 0.1, 1000000);
-camera.position.x = -4;
-camera.position.z = 3;
-camera.position.y = 1;
+camera.position.copy(v2);
+

 //创建渲染器
 var renderer = new THREE.WebGLRenderer();
@ -122,6 +101,7 @@ container.appendChild(renderer.domElement);
 //控制器
 var clock = new THREE.Clock();
 const controls = new OrbitControls(camera, renderer.domElement);
+controls.target.copy(v1);
 // controls.enableZoom = true;
 // controls.enablePan = false;
 // controls.minDistance = 5;
@ -130,12 +110,6 @@ const controls = new OrbitControls(camera, renderer.domElement);
 // controls.dampingFactor = 0.25;
 // controls.rotation = 0.3;

-var targetMat = new THREE.MeshBasicMaterial({ color: '#ff0000' });
-var targetGeo = new THREE.BoxGeometry(4, 17, 4);
-var camTarget = new THREE.Mesh(targetGeo, targetMat);
-camTarget.position.set(0, 0, 0);
-//scene.add(camTarget);
-
 //抗锯齿
 var composer;
 var ssaaRenderPass;
@ -155,9 +129,9 @@ function render() {
    controls.update(clock.getDelta);
    //controls.target.copy(camTarget.position).add(new THREE.Vector3(0, 7, 0));
    renderer.toneMappingExposure = Math.pow(params.exposure, 5.0); // to allow for very bright scenes.
-    bulbLight.power = bulbLuminousPowers[params.bulbPower];
+    //bulbLight.power = bulbLuminousPowers[params.bulbPower];
    //bulbMat.emissiveIntensity = bulbLight.intensity / Math.pow(0.02, 2.0); // convert from intensity to irradiance at bulb surface
-    hemiLight.intensity = hemiLuminousIrradiances[params.hemiIrradiance];
+    //hemiLight.intensity = hemiLuminousIrradiances[params.hemiIrradiance];
    requestAnimationFrame(render);

    ssaaRenderPass.sampleLevel = 3;
@ -169,6 +143,19 @@ function render() {
 render();


+function addBulb(position) {
+    var bulbGeometry = new THREE.SphereBufferGeometry(0.10, 10, 8);
+    var bulbMat = new THREE.MeshStandardMaterial({
+        emissive: 0xffffff,
+        emissiveIntensity: 12,
+        color: 0x000000
+    });
+    var bulbLight = new THREE.PointLight(0xddeeff, 8, 100, 2);
+    bulbLight.add(new THREE.Mesh(bulbGeometry, bulbMat));
+    bulbLight.position.copy(position);
+    scene.add(bulbLight);
+}
+
 function makeDimian() {
    //diffuse map
    var diffuseMpa = textureLoader.load('./ket_dimian_BaseColor.png');
@ -614,3 +601,44 @@ function makeDalishi() {
    });
    return ret;
 }
+
+function makeDengkuang() {
+    //diffuse map
+    var diffuseMpa = textureLoader.load('./dengkuang_BaseColor.png');
+    diffuseMpa.wrapS = 1000;
+    diffuseMpa.wrapT = 1000;
+    diffuseMpa.repeat.copy(new THREE.Vector2(1, 1));
+    diffuseMpa.offset.copy(new THREE.Vector2(0, 0));
+
+    //bump map
+    var bumpMap = textureLoader.load('./dengkuang_Normal.png');
+    bumpMap.wrapS = THREE.RepeatWrapping;
+    bumpMap.wrapT = THREE.RepeatWrapping;
+    bumpMap.repeat.copy(new THREE.Vector2(1, 1));
+    bumpMap.offset.copy(new THREE.Vector2(0, 0));
+
+    //matelness map
+    var matelMap = textureLoader.load('./dengkuang_Metallic.png');
+    matelMap.wrapS = THREE.RepeatWrapping;
+    matelMap.wrapT = THREE.RepeatWrapping;
+    matelMap.repeat.copy(new THREE.Vector2(1, 1));
+    matelMap.offset.copy(new THREE.Vector2(0, 0));
+
+    //roughness map
+    var roughnessMap = textureLoader.load('./dengkuang_Roughness.png');
+    roughnessMap.wrapS = THREE.RepeatWrapping;
+    roughnessMap.wrapT = THREE.RepeatWrapping;
+    roughnessMap.repeat.copy(new THREE.Vector2(1, 1));
+    roughnessMap.offset.copy(new THREE.Vector2(0, 0));
+
+
+    var ret = new MeshStandardMaterial({
+        //color: 0xff0000,
+        map: diffuseMpa,
+        bumpMap: bumpMap,
+        metalnessMap: matelMap,
+        roughnessMap: roughnessMap,
+        bumpScale: 0.06
+    });
+    return ret;
+}