wangqiujuan0808 2023-12-09 00:51:27 +08:00
commit 21815b8c88
3 changed files with 80495 additions and 184400 deletions

23
public/jz/glb/model.json Normal file
View File

@ -0,0 +1,23 @@
{
"metadata": {
"version": 4.6,
"type": "Object",
"generator": "Object3D.toJSON"
},
"object": {
"uuid": "d5126c66-4d01-4921-a537-14d53e6f1e6b",
"type": "PerspectiveCamera",
"name": "Camera",
"layers": 1,
"matrix": [-0.06562201141132419,0,-0.9978445528329212,0,-0.7132741706287389,0.6993136887478822,0.04690759260199039,0,0.6978063550385712,0.7148149164153124,-0.04589037086310866,0,155.382,155.10629237063554,-56.571004917885546,1],
"up": [0,1,0],
"fov": 50,
"zoom": 1,
"near": 0.01,
"far": 1000,
"focus": 10,
"aspect": 1.7215727948990436,
"filmGauge": 35,
"filmOffset": 0
}
}

File diff suppressed because one or more lines are too long

View File

@ -41,7 +41,7 @@ const props = defineProps({
default: '#fff', default: '#fff',
type: String type: String
}, },
sceneUrl: { // sceneUrl: { //
default: '/jz/glb/scene.gltf', default: '/jz/glb/scene.gltf',
type: String type: String
}, },
@ -109,10 +109,10 @@ onMounted(() => {
}); });
const init = () => { const init = () => {
scene = new THREE.Scene("#00ffff"); scene = new THREE.Scene("#00ffff");
const texture = new THREE.TextureLoader().load(homeIcon); // const texture = new THREE.TextureLoader().load(homeIcon);
texture.mapping = THREE.EquirectangularReflectionMapping; // texture.mapping = THREE.EquirectangularReflectionMapping;
scene.background = texture // scene.background = texture
scene.environment = texture // scene.environment = texture
const canvas = document.querySelector("#three"); const canvas = document.querySelector("#three");
var cubeLoader = new THREE.CubeTextureLoader(); var cubeLoader = new THREE.CubeTextureLoader();
@ -127,7 +127,11 @@ const init = () => {
// //
camera.position.set(-192.936, 180.990, -28.179); camera.position.set(-192.936, 180.990, -28.179);
camera.lookAt(scene.position); camera.lookAt(scene.position);
<<<<<<< HEAD
=======
>>>>>>> c61eb163e061fb935e88a57641d1dc70e363d7b5
// //
orbit = new OrbitControls(camera, renderer.domElement); orbit = new OrbitControls(camera, renderer.domElement);
orbit.autoRotate = true; orbit.autoRotate = true;