Three. JS VR house viewing

 

  Code

<template>
  <div class="container" ref="container"></div>
</template>

<script setup>
import * as THREE from "three";
import { OrbitControls } from "three/examples/jsm/controls/OrbitControls";
import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader";
import { ref, onMounted } from "vue";
//  Initialize the scene 
const scene = new THREE.Scene();
//  Initialize camera 
const camera = new THREE.PerspectiveCamera(
  75,
  window.innerWidth / window.innerHeight,
  0.1,
  1000
);
//  Set camera position 
camera.position.z = 0.1;
//  Initialize the renderer 
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.inn