tmp

4 years ago · cf07a5e500
61 changed files with 316327 additions and 161 deletions
--- a/(copy)/dimian.mtl
+++ b/(copy)/dimian.mtl
@ -0,0 +1,11 @@
+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
@ -0,0 +1,15 @@
+<!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
@ -0,0 +1,174 @@
+# 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
@ -45,7 +45,7 @@ var container = document.getElementById('container');
 //创建场景
 var scene = new THREE.Scene();

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

 var bulbGeometry = new THREE.SphereBufferGeometry(0.22, 16, 8);
@ -87,7 +87,7 @@ mtlLoader.load('dimian.mtl', function (materials) {

    objLoader.setMaterials(materials);

-    objLoader.load('ket.obj', function (mesh) {
+    objLoader.load('33.obj', function (mesh) {

        mesh.scale.set(0.01, 0.01, 0.01);
        scene.add(mesh);
@ -138,19 +138,17 @@ camTarget.position.set(0, 0, 0);

 //抗锯齿
 var composer;
-var fxaaPass;
-var renderPass;
-var pixelRatio;
-
-renderPass = new RenderPass(scene, camera);
-fxaaPass = new ShaderPass(FXAAShader);
-pixelRatio = renderer.getPixelRatio();
-fxaaPass.material.uniforms['resolution'].value.x = 1 / (container.offsetWidth * pixelRatio);
-fxaaPass.material.uniforms['resolution'].value.y = 1 / (container.offsetHeight * pixelRatio);
+var ssaaRenderPass;
+var copyPass;

 composer = new EffectComposer(renderer);
-composer.addPass(renderPass);
-composer.addPass(fxaaPass);
+
+ssaaRenderPass = new SSAARenderPass(scene, camera);
+ssaaRenderPass.unbiased = true;
+composer.addPass(ssaaRenderPass);
+copyPass = new ShaderPass(CopyShader);
+composer.addPass(copyPass);
+composer.setSize(window.innerWidth, window.innerHeight);

 // 渲染函数
 function render() {
@ -162,8 +160,9 @@ function render() {
    hemiLight.intensity = hemiLuminousIrradiances[params.hemiIrradiance];
    requestAnimationFrame(render);

-    //fxaa
+    ssaaRenderPass.sampleLevel = 3;
    composer.render();
+
    //renderer.render(scene, camera); //执行渲染操作
 }

@ -186,18 +185,18 @@ function makeDimian() {
    bumpMap.offset.copy(new THREE.Vector2(0, 0));

    //matelness map
-     var matelMap = textureLoader.load('./ket_dimian_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));
+    var matelMap = textureLoader.load('./ket_dimian_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('./ket_dimian_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));
+    //roughness map
+    var roughnessMap = textureLoader.load('./ket_dimian_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({
@ -232,18 +231,18 @@ function makeTijiao() {
    bumpMap.offset.copy(new THREE.Vector2(0, 0));

    //matelness map
-     var matelMap = textureLoader.load('./ket_tijiao_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));
+    var matelMap = textureLoader.load('./ket_tijiao_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('./ket_tijiao_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));
+    //roughness map
+    var roughnessMap = textureLoader.load('./ket_tijiao_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({
@ -271,18 +270,18 @@ function makeQiangti() {
    bumpMap.offset.copy(new THREE.Vector2(0, 0));

    //matelness map
-     var matelMap = textureLoader.load('./ket_qiangti_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));
+    var matelMap = textureLoader.load('./ket_qiangti_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('./ket_qiangti_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));
+    //roughness map
+    var roughnessMap = textureLoader.load('./ket_qiangti_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({
@ -311,18 +310,18 @@ function makeChuangkuang() {
    bumpMap.offset.copy(new THREE.Vector2(0, 0));

    //matelness map
-     var matelMap = textureLoader.load('./ket_chuangkuang_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));
+    var matelMap = textureLoader.load('./ket_chuangkuang_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('./ket_chuangkuang_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));
+    //roughness map
+    var roughnessMap = textureLoader.load('./ket_chuangkuang_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({
@ -350,23 +349,23 @@ function makeChuangsha() {
    bumpMap.offset.copy(new THREE.Vector2(0, 0));

    //matelness map
-     var matelMap = textureLoader.load('./ket_chuangsha_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));
+    var matelMap = textureLoader.load('./ket_chuangsha_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('./ket_chuangsha_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));
+    //roughness map
+    var roughnessMap = textureLoader.load('./ket_chuangsha_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({
-        transparent:true,
-        opacity:0.91,
+        transparent: true,
+        opacity: 1.5,
        map: diffuseMpa,
        bumpMap: bumpMap,
        metalnessMap: matelMap,
@ -390,22 +389,22 @@ function makeGlass() {
    bumpMap.offset.copy(new THREE.Vector2(0, 0));

    //matelness map
-     var matelMap = textureLoader.load('./ket_glass_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));
+    var matelMap = textureLoader.load('./ket_glass_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('./ket_glass_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));
+    //roughness map
+    var roughnessMap = textureLoader.load('./ket_glass_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({
-        transparent:true,
+        transparent: true,
        alphaMap: diffuseMpa,
        bumpMap: bumpMap,
        metalnessMap: matelMap,
@ -430,18 +429,18 @@ function makeChuanglianbu() {
    bumpMap.offset.copy(new THREE.Vector2(0, 0));

    //matelness map
-     var matelMap = textureLoader.load('./ket_chuanglianbu_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));
+    var matelMap = textureLoader.load('./ket_chuanglianbu_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('./ket_chuanglianbu_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));
+    //roughness map
+    var roughnessMap = textureLoader.load('./ket_chuanglianbu_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({
@ -470,18 +469,18 @@ function makeHeikon() {
    bumpMap.offset.copy(new THREE.Vector2(0, 0));

    //matelness map
-     var matelMap = textureLoader.load('./ket_heikon_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));
+    var matelMap = textureLoader.load('./ket_heikon_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('./ket_heikon_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));
+    //roughness map
+    var roughnessMap = textureLoader.load('./ket_heikon_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({
@ -510,18 +509,18 @@ function makeJinshuxian() {
    bumpMap.offset.copy(new THREE.Vector2(0, 0));

    //matelness map
-     var matelMap = textureLoader.load('./ket_jinshuxian_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));
+    var matelMap = textureLoader.load('./ket_jinshuxian_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('./ket_jinshuxian_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));
+    //roughness map
+    var roughnessMap = textureLoader.load('./ket_jinshuxian_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({
@ -550,18 +549,18 @@ function makeQiangbu() {
    bumpMap.offset.copy(new THREE.Vector2(0, 0));

    //matelness map
-     var matelMap = textureLoader.load('./ket_qiangbu_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));
+    var matelMap = textureLoader.load('./ket_qiangbu_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('./ket_qiangbu_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));
+    //roughness map
+    var roughnessMap = textureLoader.load('./ket_qiangbu_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({
@ -591,18 +590,18 @@ function makeDalishi() {
    bumpMap.offset.copy(new THREE.Vector2(0, 0));

    //matelness map
-     var matelMap = textureLoader.load('./ket_dalishi_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('./ket_dalishi_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 matelMap = textureLoader.load('./ket_dalishi_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('./ket_dalishi_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({