# Depurar en Preview

Ejecutar una vista previa proporciona información y herramientas de depuración útiles para ayudarte a entender cómo se renderiza la escena.

Si la escena no puede compilarse, solo verás el suelo vacío, sin nada renderizado sobre él. Si esto ocurre, hay varios lugares donde puedes buscar mensajes de error para ayudarte a entender qué salió mal:

1. Revisa tu editor de código para asegurarte de que no haya marcado errores de sintaxis o lógica.
2. Revisa la consola en la ventana de vista previa para ver si hay mensajes de error. Abre la consola haciendo clic en el ![](/files/5181ddfcf5ca0469e5b3bde5819cd0c448cebc2f) icono en la esquina superior derecha.
3. Si ejecutaste la escena usando Creator Hub, revisa la ventana con la salida de consola de la escena. Si ejecutaste la escena usando la CLI, revisa la salida de la línea de comandos donde ejecutaste `npm run start`

{% hint style="info" %}
**💡 Consejo**: Antes de publicar tu escena en el entorno de producción, publícala en el entorno de prueba para probarla en un contexto mucho más cercano a producción. Consulta [Flujo de trabajo de desarrollo](/creator/content-creator-es/scenes-sdk7/primeros-pasos/dev-workflow.md#deploy-to-the-test-environment)
{% endhint %}

## Usa la consola

Abre la consola haciendo clic en el ![](/files/5181ddfcf5ca0469e5b3bde5819cd0c448cebc2f) icono en la esquina superior derecha.

También puedes alternarla presionando la tecla de acento grave en tu teclado: **`**. Esta tecla está a la izquierda de la tecla 1 en la mayoría de los teclados en inglés. O, de lo contrario, presiona Shift + **\`** para abrir una vista más amplia de la consola, en caso de que necesites ver más texto.

Envía mensajes a la consola (usando `console.log()`). Luego puedes ver estos mensajes a medida que se generan abriendo la consola de la escena.

La consola también muestra mensajes de error, estos están marcados en rojo.

## El panel de depuración

Abre la consola de depuración haciendo clic en el ![](/files/f5cc7d26a9668244475b8d117c58164598bc35a3) icono en la esquina superior derecha.

Esto abre un panel en la esquina inferior derecha con información sobre el motor de renderizado, y se actualiza en tiempo real a medida que las cosas cambian.

![](/files/4b92d9ab364701e7b396c7cac7204f4774294c16)

### Escena actual

La **ESCENA ACTUAL** pestaña incluye información sobre la escena en la que te encuentras actualmente. Esto incluye:

* El número de parcelas en la escena
* La altura máxima a la que se te permite construir (que es proporcional al número de parcelas en la escena)

También puedes marcar la opción **Mostrar límites de la escena** para ver paredes rojas alrededor de la escena, que marcan los límites de la escena.

### Memoria

La **MEMORIA** sección muestra la memoria usada por Decentraland. Intenta siempre mantener este valor por debajo de los **Umbrales del presupuesto de memoria**. Si este valor crece demasiado, corre el riesgo de hacer que la app se bloquee para los jugadores que visitan tu escena. Ten en cuenta que, en producción, la escena podría cargarse junto con otras escenas y jugadores cercanos, lo que puede contribuir a aumentar el consumo de memoria por encima de lo que ves en la vista previa.

### Rendimiento

La **RENDIMIENTO** pestaña incluye varios campos relacionados con *FPS* (fotogramas por segundo). Este valor tenderá a ser más bajo a medida que la escena aumente en complejidad; asegúrate de mantener siempre este valor por encima de 25 FPS, para garantizar una buena experiencia para tus jugadores. Los FPS variarán según la máquina en la que lo ejecutes.

El valor más importante aquí es **FPS promedio**, que redondea los FPS de los últimos 1000 fotogramas.

![](/files/5e5fdcf69fcd0d12809b51e078abb58604337d1b)

{% hint style="warning" %}
**📔 Nota**: Los FPS del renderer no son lo mismo que las actualizaciones por segundo del game loop de la escena. La lógica de la escena está limitada a 30 FPS, los FPS del renderer pueden llegar a 60 o más.
{% endhint %}

Los tirones se refieren a pausas momentáneas en la tasa de fotogramas, que pueden tener poco impacto en el número general de FPS, pero pueden ser muy notorias para el jugador. Normalmente pueden ocurrir cuando se cargan assets pesados o algo similar.

### Solicitudes web

La **SOLICITUDES WEB** sección te permite abrir la pestaña Network de Chrome Devtools, que muestra el número de solicitudes web realizadas por la escena y su contenido. Esto es útil para saber si la escena está haciendo demasiadas solicitudes a los servidores, lo que puede afectar al rendimiento de la escena.

Si tu escena interactúa con un servidor de terceros, a menudo es útil ver qué datos entran y salen. Haz clic en **Abrir Chrome Devtools** para abrir una nueva ventana de Chrome con la pestaña Network abierta.

{% hint style="warning" %}
**📔 Nota**: Para usar esta función, primero debes instalar [Creator Hub](/creator/content-creator-es/scene-editor/comenzar/editor-installation.md), ya que las dependencias necesarias vienen incluidas con esa instalación.

No necesitas tener Creator Hub abierto ni ejecutar la vista previa de tu escena a través de Creator Hub para usar esta función; también puede usarse si estás usando la CLI para ejecutar la vista previa de tu escena.
{% endhint %}

Como alternativa, hay varias herramientas gratuitas que puedes ejecutar en tu máquina y que informan de todos los datos que entran y salen de la aplicación de Decentraland. Por ejemplo [Charles](https://www.charlesproxy.com/) o [Wireshark](https://www.wireshark.org/).

## Recarga rápida

Cada vez que hagas cambios en la escena, la vista previa se recarga y se actualiza automáticamente, así que no hace falta abrir y cerrar la ventana de vista previa.

Si necesitas recargar la escena en la que estás, haz clic en el **Recargar escena** botón en la esquina superior izquierda de la ventana de vista previa.

![](/files/875141f828fbb9a4983f374e3b335ae0bb285c59)

También puedes recargar la escena escribiendo lo siguiente en el chat y pulsando Enter:

`/reload`

## Informar de un error

Si encuentras un problema que no está en tu escena, sino en el SDK de Decentraland en general, consulta [Informar de un error](/creator/content-creator-es/scenes-sdk7/depuracion/report-bug.md).

## Versiones de dependencias

Asegúrate de usar siempre las versiones más recientes de todas las dependencias en tu escena, ya que cualquier problema que estés experimentando podría ya estar solucionado en versiones más nuevas. Creator Hub te notificará cuando haya actualizaciones para instalar en tu escena de Decentraland.

![](/files/6cc8f8d8b511dd2839bf936dbb001ea4f2a624a2)

También puedes actualizar manualmente las dependencias desde la línea de comandos. Ejecutar una escena de Decentraland localmente depende de dos bibliotecas principales: `@dcl/sdk` y `@dcl/js-runtime`, que se instala en cada carpeta de proyecto. Asegúrate de que ambas estén actualizadas. Puedes ejecutar los siguientes comandos para actualizar manualmente ambas bibliotecas a la última versión estable:

```
npm i @dcl/js-runtime@latest
npm i @dcl/sdk@latest
```

Si tu escena usa smart items, también puede estar usando la biblioteca `@dcl/asset-packs` , que puedes actualizar mediante:

```
npm i @dcl/asset-packs@latest
```

Si estás usando alguna de las [bibliotecas utils](https://studios.decentraland.org/resources?sdk_version=SDK7\&resource_type=Library) asegúrate de que también estén actualizadas, ya que las versiones anteriores de estas bibliotecas pueden no ser compatibles con versiones más nuevas de `@dcl/sdk`.

## Condiciones de iluminación

La hora del día en el mundo tiene un gran impacto en cómo se ven los modelos 3D. El color de la fuente de luz cambia sutilmente, con un tinte azulado por la noche y un tinte rojizo durante el amanecer y el atardecer. La dirección de la luz también se desplaza por el cielo, proyectando sombras en distintas direcciones.

Comprueba que tu escena se vea bien a todas las horas del día cambiando el reloj del juego a distintos valores. Haz clic en el **hora del skybox** icono del panel izquierdo de la pantalla para establecer la hora que prefieras. Si este control deslizante está atenuado, asegúrate de que la opción **Auto** esté desactivada.

<figure><img src="https://github.com/decentraland/docs-creator/blob/main/images/media/daylight-settings.png" alt="Dynamic skybox" width="300"><figcaption><p>Instrucciones en el mundo</p></figcaption></figure>

Los materiales de tu modelo 3D pueden no verse igual que en la herramienta de modelado con la que lo creaste. Esto es de esperar, ya que todos los motores de renderizado 3D tienen diferencias sutiles en cómo tratan la luz y los materiales.

También puedes configurar tu escena para que la hora del día sea fija y la iluminación no cambie. Consulta [control del skybox](/creator/content-creator-es/scenes-sdk7/interactividad/skybox-control.md) para más detalles.

## Pruebas multijugador

Si lanzas una vista previa de la escena y la abres en dos (o más) ventanas de Explorer diferentes, cada ventana abierta se interpretará como un jugador distinto, y un servidor de comunicaciones simulado mantendrá a estos jugadores sincronizados.

Interactúa con la escena en una ventana y luego cambia a la otra para ver que los efectos de esa interacción también son visibles allí.

Usando Creator Hub, haz clic en el botón Preview una segunda vez, y eso abrirá una segunda ventana de Explorer de Decentraland. Debes conectarte en ambas ventanas con direcciones diferentes. Las mismas sesiones permanecerán abiertas mientras la escena se recarga. Puede que necesites cerrar sesión y volver a iniciarla en la segunda ventana para seleccionar una cuenta diferente.

![](/files/b796cc98872223854364138fce8b5a291451351d)

Ambos jugadores se verán entre sí y podrán interactuar entre ellos. Si la escena tiene lógica multijugador, funcionará como se espera y se sincronizará entre los dos jugadores.

Como alternativa, puedes abrir una segunda ventana de Explorer de Decentraland escribiendo lo siguiente en una URL del navegador:

> `decentraland://realm=http://127.0.0.1:8000&local-scene=true&debug=true&multi-instance=true`

## Uso de la red de prueba de Ethereum

Mientras pruebas tu escena, para evitar transferir MANA real u otras monedas, puedes usar la red de prueba Sepolia de Ethereum y transferir MANA ficticio de testnet en su lugar.

Para usar la red de prueba, debes configurar tu extensión de Chrome Metamask para usar la *red de prueba Sepolia* en lugar de *red principal*. También debes poseer MANA en la blockchain Sepolia, que puedes obtener gratis de Decentraland.

{% hint style="info" %}
**💡 Consejo**: Para realizar la transacción de transferir MANA de Sepolia a tu wallet, necesitarás pagar una comisión de gas en Sepolia Ether.
{% endhint %}

Cualquier transacción que aceptes mientras ves la escena en este modo solo ocurrirá en la red de prueba y no afectará al saldo de MANA en tu wallet real.

Para previsualizar tu escena usando la red de prueba, pega la siguiente URL en una pestaña del navegador. Esto abrirá la escena en el cliente de escritorio de Decentraland:

> decentraland://realm=<http://127.0.0.1:8000\\&local-scene=true\\&debug=true\\&dclenv=zone\\&position=0,0>

{% hint style="info" %}
**💡 Consejo**: Cambia el parámetro position a las coordenadas de tu escena, para cargar directamente en tu escena.. Cualquier transacción que aceptes mientras ves la escena en este modo solo ocurrirá en la red de prueba y no afectará al saldo de MANA en tu wallet real.
{% endhint %}

Si necesitas probar transacciones en la Polygon Testnet y necesitas tener MANA en esa testnet, tendrás que intercambiar MANA a esa red después de obtenerlo en Sepolia. Para puentear MANA de Sepolia a la Polygon Testnet, visita la página de tu cuenta de Decentraland en Sepolia y haz clic en ‘swap’ en el lado de Ethereum MANA.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.decentraland.org/creator/content-creator-es/scenes-sdk7/depuracion/debug-in-preview.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
