| | |
| | | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls' |
| | | import TWEEN from '@tweenjs/tween.js'; |
| | | |
| | | const help = true; |
| | | const help = false; |
| | | |
| | | export default class ShelfThree { |
| | | |
| | |
| | | initScene = () => { |
| | | const scene = new THREE.Scene(); |
| | | // scene.background = new THREE.Color(0xf0f0f0); |
| | | scene.background = new THREE.Color(0x333333); |
| | | // scene.background = new THREE.Color(0x333333); |
| | | if (help) { |
| | | scene.add(new THREE.AxesHelper(1000)); |
| | | } |
| | |
| | | |
| | | initCamera = () => { |
| | | const camera = new THREE.PerspectiveCamera(70, this.getFullWidth() / this.getFullHeight(), 1, 60000); |
| | | camera.position.set(-300, 800, 300); |
| | | camera.position.set(-400, 400, 400); |
| | | this.scene.add(camera); |
| | | return camera; |
| | | } |
| | |
| | | controls.rotateSpeed = 0.6; // 视角移动速度减慢 |
| | | controls.autoRotate = true; // 自动旋转 |
| | | |
| | | controls.target = new THREE.Vector3(0, 0, 0) // 平替 camera的lookAt |
| | | controls.target = new THREE.Vector3(0, 250, 0) // 屏幕中心点 平替 camera的lookAt |
| | | return controls; |
| | | } |
| | | |
| | |
| | | console.log(row, bay, lev); |
| | | // shelf |
| | | const shelfMesh = new THREE.Mesh(new THREE.BoxGeometry(100, 40, 100), new THREE.MeshStandardMaterial({ |
| | | color: '#222f3e', |
| | | color: '#006266', |
| | | })); |
| | | shelfMesh.position.set(0, 20 + 100 * (lev - 1), 0); |
| | | scene.add(shelfMesh) |
| | | |
| | | // pallet |
| | | const palletMesh = new THREE.Mesh(new THREE.BoxGeometry(100, 60, 100), new THREE.MeshStandardMaterial({ |
| | | color: '#b33939', |
| | | color: '#2c2c54', |
| | | })); |
| | | palletMesh.position.set(0, 70 + 100 * (lev - 1), 0); |
| | | scene.add(palletMesh) |