| | |
| | | text-align:center; |
| | | z-index:100; |
| | | padding:20px; |
| | | color:#ccc; |
| | | color: #f1f1f1; |
| | | font-size:12px; |
| | | } |
| | | .ship-info-box .ship-type { |
| | |
| | | left:0; |
| | | width:100%; |
| | | height:100%; |
| | | background-color:rgba(0,0,0,0.3); |
| | | background-color:rgba(0,0,0,0.2); |
| | | transform:scale(1,0); |
| | | } |
| | | .ship-info-box .btn .btn-word { |
| | |
| | | width:100%; |
| | | height:100%; |
| | | transform:translateX(15px); |
| | | color:#ccc; |
| | | /*color:#ccc;*/ |
| | | z-index:2; |
| | | text-align:center; |
| | | opacity:0; |
| | |
| | | } |
| | | .title-box .say { |
| | | font-size:12px; |
| | | color:#888; |
| | | color: #b8b8b8; |
| | | padding:20px 0 20px 40px; |
| | | opacity:0; |
| | | transform:translateX(20px); |
| | |
| | | ambient.position.set(0, 0, 0); |
| | | this.addObject(ambient); |
| | | |
| | | |
| | | // 添加平行光,平行光类似于太阳光 |
| | | // let directionalLight = new THREE.DirectionalLight(0xffffff, 0.3);//模拟远处类似太阳的光源 |
| | | // directionalLight.position.set(0, 200, 0); |
| | |
| | | pointLight.castShadow = true; |
| | | pointLight.shadow.camera.near = 2000; |
| | | pointLight.shadow.camera.far = 10000; |
| | | pointLight.shadow.mapSize.height = 100000; |
| | | pointLight.shadow.mapSize.width = 100000; |
| | | // 将所有创建的物体加入到场景中去 |
| | | pointLight.shadow.mapSize.height = 200000; |
| | | pointLight.shadow.mapSize.width = 200000; |
| | | this.addObject(pointLight); |
| | | } |
| | | this.initOrbitControl = function () { |
| | |
| | | }); |
| | | } |
| | | child.castShadow = true; |
| | | child.receiveShadow = true; |
| | | // child.receiveShadow = true; |
| | | } |
| | | }); |
| | | |
| | |
| | | color: 0x444444 |
| | | }); |
| | | child.castShadow = true; |
| | | child.receiveShadow = true; |
| | | // child.receiveShadow = true; |
| | | } |
| | | }); |
| | | rollerList.map(item => { |
| | |
| | | .load( '堆垛机本体.obj', function ( obj ) { |
| | | obj.traverse (function (child) { |
| | | child.castShadow = true; |
| | | child.receiveShadow = true; |
| | | // child.receiveShadow = true; |
| | | if (child instanceof THREE.Mesh) { |
| | | child.material = new THREE.MeshLambertMaterial({ |
| | | color: 0xCD6839 |
| | |
| | | obj.traverse (function (child) { |
| | | if (child instanceof THREE.Mesh) { |
| | | child.castShadow = true; |
| | | child.receiveShadow = true; |
| | | // child.receiveShadow = true; |
| | | child.material = new THREE.MeshLambertMaterial({ |
| | | color: 0xD2691E |
| | | }); |
| | |
| | | obj.traverse (function (child) { |
| | | if (child instanceof THREE.Mesh) { |
| | | child.castShadow = true; |
| | | child.receiveShadow = true; |
| | | // child.receiveShadow = true; |
| | | child.material = new THREE.MeshLambertMaterial({ |
| | | color: 0x363636 |
| | | }); |
| | |
| | | var speedDom = document.getElementById("speed"); |
| | | var timer = setInterval(function () { |
| | | if (percent < 100.00) { |
| | | // percent += 0.04; |
| | | percent += 1; |
| | | percent += 0.04; |
| | | // percent += 1; |
| | | speedDom.innerText = percent.toFixed(2); |
| | | } else { |
| | | speedDom.innerText = '100.00'; |