diff --git a/js/three-scene.js b/js/three-scene.js
index 92d25332..e1133b52 100644
--- a/js/three-scene.js
+++ b/js/three-scene.js
@@ -1,203 +1,88 @@
-// Importa Three.js
-import * as THREE from "https://cdn.jsdelivr.net/npm/three@0.152.2/build/three.module.js";
+// Importar Three.js
+import * as THREE from "https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.module.js";
 
-// Variables globales
-let scene, camera, renderer;
-let cube, floor;
-let touchStartX = 0, touchStartY = 0;
-let touchMoveX = 0, touchMoveY = 0;
-let speed = 0.1;
-let cameraOffset = { x: 0, y: 5, z: 10 };
-let username = "Explorador"; // Cambiar según el nombre del usuario actual
-let coordDiv;
-let nameLabel;
+// Importar OrbitControls
+import { OrbitControls } from "https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/examples/jsm/controls/OrbitControls.js";
 
-// Inicializar la escena
-function loadThreeScene(initialPosition = { x: 0, y: 0, z: 0 }) {
-  // Crear escena
-  scene = new THREE.Scene();
-  scene.background = new THREE.Color(0x87ceeb); // Fondo azul cielo
+// Importar la base de datos para actualizar estadísticas
+import { database } from "./firebase-config.js";
+import { ref, get } from "https://www.gstatic.com/firebasejs/9.21.0/firebase-database.js";
 
-  // Configurar cámara
-  camera = new THREE.PerspectiveCamera(
-    75,
-    window.innerWidth / window.innerHeight,
-    0.1,
-    1000
-  );
-  updateCameraPosition(initialPosition);
+let scene, camera, renderer, cube, userId;
+
+// Cargar la escena principal
+export function loadThreeScene(position) {
+  userId = position.userId;
+  initScene(position);
+  animate();
+}
 
-  // Configurar renderizador
-  renderer = new THREE.WebGLRenderer({ antialias: true });
+// Inicializar la escena
+function initScene(position) {
+  // Configuración básica
+  scene = new THREE.Scene();
+  camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
+  renderer = new THREE.WebGLRenderer();
   renderer.setSize(window.innerWidth, window.innerHeight);
+  document.body.innerHTML = ""; // Limpiar la interfaz anterior
   document.body.appendChild(renderer.domElement);
 
-  // Crear coordenadas en pantalla
-  coordDiv = document.createElement("div");
-  coordDiv.style.position = "absolute";
-  coordDiv.style.top = "10px";
-  coordDiv.style.left = "10px";
-  coordDiv.style.color = "white";
-  coordDiv.style.backgroundColor = "rgba(0, 0, 0, 0.7)";
-  coordDiv.style.padding = "10px";
-  coordDiv.style.borderRadius = "10px";
-  coordDiv.style.fontFamily = "'Comic Sans MS', cursive, sans-serif";
-  coordDiv.style.boxShadow = "0 4px 8px rgba(0, 0, 0, 0.3)";
-  document.body.appendChild(coordDiv);
-
-  // Agregar luz ambiental
-  const ambientLight = new THREE.AmbientLight(0xffffff, 0.5);
-  scene.add(ambientLight);
-
-  // Agregar luz direccional
-  const directionalLight = new THREE.DirectionalLight(0xffffff, 0.8);
-  directionalLight.position.set(10, 20, 10);
-  directionalLight.castShadow = true;
-  scene.add(directionalLight);
-
-  // Crear suelo con textura
-  const floorTexture = new THREE.TextureLoader().load("https://ipadg.ghom.cn/Public/threejs/examples/textures/terrain/grasslight-big.jpg");
-  floorTexture.wrapS = THREE.RepeatWrapping;
-  floorTexture.wrapT = THREE.RepeatWrapping;
-  floorTexture.repeat.set(10, 10);
-  const floorMaterial = new THREE.MeshStandardMaterial({ map: floorTexture });
-  const floorGeometry = new THREE.PlaneGeometry(50, 50);
-  floor = new THREE.Mesh(floorGeometry, floorMaterial);
-  floor.rotation.x = -Math.PI / 2;
-  floor.receiveShadow = true;
-  scene.add(floor);
-
-  // Crear cubo con animación
+  // Crear el cubo
   const geometry = new THREE.BoxGeometry();
-  const material = new THREE.MeshStandardMaterial({ color: 0xff4500 }); // Naranja brillante
+  const material = new THREE.MeshBasicMaterial({ color: position.color });
   cube = new THREE.Mesh(geometry, material);
-  cube.position.set(initialPosition.x, initialPosition.y + 0.5, initialPosition.z);
-  cube.castShadow = true;
+  cube.position.set(position.x, position.y, position.z);
   scene.add(cube);
 
-  // Crear etiqueta de nombre encima del cubo
-  const spriteMaterial = new THREE.SpriteMaterial({
-    map: createTextTexture(username, 256, 64),
-    transparent: true
-  });
-  nameLabel = new THREE.Sprite(spriteMaterial);
-  nameLabel.position.set(0, 1.5, 0); // Posición encima del cubo
-  nameLabel.scale.set(3, 0.75, 1);
-  cube.add(nameLabel);
-
-  // Configurar eventos táctiles
-  window.addEventListener("touchstart", handleTouchStart);
-  window.addEventListener("touchmove", handleTouchMove);
-  window.addEventListener("touchend", handleTouchEnd);
+  // Mostrar las estadísticas sobre el cubo
+  const statsDiv = document.createElement("div");
+  statsDiv.id = "stats";
+  statsDiv.style.position = "absolute";
+  statsDiv.style.top = "10px";
+  statsDiv.style.left = "10px";
+  statsDiv.style.color = "white";
+  statsDiv.style.fontFamily = "Arial";
+  document.body.appendChild(statsDiv);
 
-  // Iniciar animación
-  animate();
-}
+  updateStats();
 
-// Actualizar posición de la cámara para tercera persona
-function updateCameraPosition(targetPosition) {
-  camera.position.set(
-    targetPosition.x + cameraOffset.x,
-    targetPosition.y + cameraOffset.y,
-    targetPosition.z + cameraOffset.z
-  );
-  camera.lookAt(targetPosition.x, targetPosition.y, targetPosition.z);
-}
+  // Posicionar la cámara
+  camera.position.z = 5;
 
-// Crear textura de texto
-function createTextTexture(text, width, height) {
-  const canvas = document.createElement("canvas");
-  canvas.width = width;
-  canvas.height = height;
-  const context = canvas.getContext("2d");
-  context.fillStyle = "rgba(0, 0, 0, 0.5)";
-  context.fillRect(0, 0, width, height);
-  context.font = "30px Comic Sans MS";
-  context.fillStyle = "yellow";
-  context.textAlign = "center";
-  context.fillText(text, width / 2, height / 2 + 10);
-  return new THREE.CanvasTexture(canvas);
+  // Controles de tercera persona
+  const controls = new OrbitControls(camera, renderer.domElement);
+  controls.target = cube.position;
 }
 
-// Manejar inicio del toque
-function handleTouchStart(event) {
-  if (event.touches.length === 1) {
-    touchStartX = event.touches[0].clientX;
-    touchStartY = event.touches[0].clientY;
-  }
+// Actualizar estadísticas sobre el cubo
+function updateStats() {
+  get(ref(database, `players/${userId}/stats`))
+    .then((snapshot) => {
+      if (snapshot.exists()) {
+        const stats = snapshot.val();
+        document.getElementById("stats").innerHTML = `
+          <strong>Estadísticas del Personaje:</strong><br>
+          Fuerza: ${Math.round(stats.strength * 100)}<br>
+          Destreza: ${Math.round(stats.dexterity * 100)}<br>
+          Inteligencia: ${Math.round(stats.intelligence * 100)}
+        `;
+      }
+    })
+    .catch((error) => {
+      console.error("Error al obtener estadísticas:", error.message);
+    });
 }
 
-// Manejar movimiento del toque
-function handleTouchMove(event) {
-  if (event.touches.length === 1) {
-    touchMoveX = event.touches[0].clientX;
-    touchMoveY = event.touches[0].clientY;
-  }
-}
-
-// Manejar fin del toque
-function handleTouchEnd() {
-  const deltaX = touchMoveX - touchStartX;
-  const deltaY = touchMoveY - touchStartY;
-
-  if (Math.abs(deltaX) > Math.abs(deltaY)) {
-    // Movimiento horizontal
-    if (deltaX > 0) {
-      cube.position.x += speed; // Mover a la derecha
-    } else {
-      cube.position.x -= speed; // Mover a la izquierda
-    }
-  } else {
-    // Movimiento vertical
-    if (deltaY > 0) {
-      cube.position.z += speed; // Mover hacia atrás
-    } else {
-      cube.position.z -= speed; // Mover hacia adelante
-    }
-  }
-
-  // Actualizar cámara en tercera persona
-  updateCameraPosition(cube.position);
-
-  // Actualizar coordenadas
-  updateCoordinates();
-
-  // Resetear variables táctiles
-  touchStartX = 0;
-  touchStartY = 0;
-  touchMoveX = 0;
-  touchMoveY = 0;
-}
-
-// Actualizar coordenadas en pantalla
-function updateCoordinates() {
-  coordDiv.innerText = `🧭 Coordenadas: X=${cube.position.x.toFixed(2)}, Y=${cube.position.y.toFixed(2)}, Z=${cube.position.z.toFixed(2)}`;
-}
-
-// Animar escena
+// Animar la escena
 function animate() {
   requestAnimationFrame(animate);
   renderer.render(scene, camera);
-  updateCoordinates();
-  rotateCube();
 }
 
-// Rotación continua del cubo
-function rotateCube() {
-  cube.rotation.x += 0.01;
-  cube.rotation.y += 0.01;
-}
-
-// Desmontar escena
-function unloadThreeScene() {
+// Desmontar la escena
+export function unloadThreeScene() {
   if (renderer) {
-    renderer.domElement.remove();
     renderer.dispose();
+    document.body.innerHTML = ""; // Limpiar la interfaz
   }
-  window.removeEventListener("touchstart", handleTouchStart);
-  window.removeEventListener("touchmove", handleTouchMove);
-  window.removeEventListener("touchend", handleTouchEnd);
 }
-
-export { loadThreeScene, unloadThreeScene };
-