Creating a Floor Plan View from an Equirectangular Panorama

Based on your code, I can see you're trying to create a floor plan view from an equirectangular panorama. However, there are a few issues with your current approach that might be preventing you from getting the desired result.

Issues with Current Approach

1. Your camera is positioned at (0,0,0) and looking at (0,0,0), which means it's not actually looking in any specific direction.
2. Setting lat.current = -90 suggests you want to look straight down, but this isn't directly applied to the camera.
3. The very wide FOV of 145 degrees will create significant distortion.

Improved Approach

Here's an improved approach for creating a floor plan view:

JAVASCRIPTCopied
// Create a camera
const camera = new THREE.PerspectiveCamera(
  90, // Use 90 degrees for less distortion
  container.clientWidth / container.clientHeight,
  0.1,
  1100
);

// Position the camera at the center
camera.position.set(0, 0, 0);

// To look straight down at the floor
camera.rotation.x = Math.PI/2; // Rotate 90 degrees to look down

// Alternative approach using Euler angles
// camera.rotation.set(Math.PI/2, 0, 0);

// Update the projection matrix after changes
camera.updateProjectionMatrix();

// Create a sphere with the panorama as a texture
const geometry = new THREE.SphereGeometry(500, 60, 40);
// Flip the geometry inside out
geometry.scale(-1, 1, 1);

const texture = new THREE.TextureLoader().load('path_to_your_equirectangular_image.jpg');
const material = new THREE.MeshBasicMaterial({ map: texture });
const sphere = new THREE.Mesh(geometry, material);

scene.add(sphere);

Additional Considerations

1. OrthographicCamera: For a true floor plan with minimal perspective distortion, consider using an OrthographicCamera instead:

JAVASCRIPTCopied
const camera = new THREE.OrthographicCamera(
  width / -2, width / 2, 
  height / 2, height / -2, 
  0.1, 1100
);
camera.position.set(0, 0, 0);
camera.rotation.x = Math.PI/2; // Look down
camera.updateProjectionMatrix();

2. Camera Controls: If you need to adjust the view interactively, consider using OrbitControls with constraints to only allow rotation around the vertical axis.

3. Post-processing: You might need to apply post-processing to correct any remaining distortion in the floor view.

This approach should give you a better starting point for creating a floor plan view from your equirectangular panorama.