ARindex9.html

<!DOCTYPE html>
<html>
  <head>
    <title>Three.js Room Model</title>
    <style>
      body {
        margin: 0;
        overflow: hidden;
      }
    </style>
  </head>
  <body>
    <script type="module">
      import * as THREE from 'https://unpkg.com/three@0.152.2/build/three.module.js';
      import { OBJLoader } from 'https://cdn.jsdelivr.net/npm/three/examples/jsm/loaders/OBJLoader.js';

      const renderer = new THREE.WebGLRenderer({ antialias: true });
      renderer.setClearColor(0x333333);
      renderer.setPixelRatio(window.devicePixelRatio);
      renderer.setSize(window.innerWidth, window.innerHeight);
      document.body.appendChild(renderer.domElement);

      const camera = new THREE.PerspectiveCamera(
        35,
        window.innerWidth / window.innerHeight,
        0.1,
        20000
      );
      camera.position.set(0, 0, 5);

      const scene = new THREE.Scene();

      const lightOne = new THREE.AmbientLight(0xffffff, 0.5);
      scene.add(lightOne);

      const lightTwo = new THREE.PointLight(0xffffff, 0.5);
      scene.add(lightTwo);

      const objLoader = new OBJLoader();
      objLoader.load("Room-1.obj", function (mesh) {
        mesh.traverse(function (node) {
          if (node.isMesh) {
            node.castShadow = true;
            node.receiveShadow = true;
          }
        });
        scene.add(mesh);
        mesh.position.set(0, 0, 0); // Позиция модели
        mesh.rotation.set(0, Math.PI, 0); // Поворот модели
      });

      function render() {
        renderer.render(scene, camera);
        requestAnimationFrame(render);
      }

      render();
    </script>
  </body>
</html>