> For the complete documentation index, see [llms.txt](https://docs.decentraland.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.decentraland.org/creator/content-creator-es/escenas-sdk7/depuracion/debug-in-preview.md).

# Depurar en Preview

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

Si la escena no se puede compilar, solo verás el terreno 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 ningún error 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 la 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/escenas-sdk7/primeros-pasos/dev-workflow.md#publish-to-the-test-server)
{% 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, por si necesitas 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 se marcan 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 **CURRENT SCENE** pestaña incluye información sobre la escena en la que te encuentras actualmente. Esto incluye:

* La cantidad de parcelas en la escena
* La altura máxima a la que se te permite construir (que es proporcional a la cantidad de parcelas en la escena)

También puedes revisar la opción **Show Scene Bounds** para ver paredes rojas alrededor de la escena, que marcan los límites de la escena.

### Memoria

La **MEMORY** la sección muestra la memoria usada por Decentraland. Procura siempre mantener este valor por debajo de los **Memory Budget Thresholds**. Si este valor crece demasiado, corre el riesgo de hacer que la app se cierre para los players que visiten tu escena. Ten en cuenta que, en producción, la escena podría cargarse junto con otras escenas y players cercanos, lo que puede contribuir a aumentar el consumo de memoria por encima de lo que ves en la vista previa.

### Rendimiento

La **PERFORMANCE** pestaña incluye varios campos relacionados con *FPS* (Frames Per Second). 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 players. Los FPS variarán según la máquina en la que ejecutes esto.

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

![](/files/5e5fdcf69fcd0d12809b51e078abb58604337d1b)

{% hint style="warning" %}
**📔 Nota**: Los FPS del renderer no son lo mismo que las actualizaciones de la escena del bucle del juego por segundo. La lógica de la escena tiene un límite de 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 frames, que pueden tener poco impacto en el número total de FPS, pero pueden ser muy notorias para el player. Normalmente pueden ocurrir cuando se cargan assets pesados o similar.

### Solicitudes web

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

Si tu escena interactúa con un servidor de terceros, suele ser útil ver qué datos entran y salen. Haz clic en **Open 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/empezar/editor-installation.md), ya que las dependencias necesarias vienen incluidas con esa instalación.

No necesitas tener abierto Creator Hub 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 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 recargará y se actualizará automáticamente, así que no hay necesidad de abrir y cerrar la ventana de vista previa.

Si necesitas recargar la escena en la que estás, haz clic en el **Reload Scene** 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`

## Informa de un error

Si encuentras un problema que no es con tu escena, sino con el Decentraland SDK en general, consulta [Informa de un error](/creator/content-creator-es/escenas-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 estar ya corregido en versiones más nuevas. Creator Hub te avisará 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 del 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, es posible que también esté usando la `@dcl/asset-packs` biblioteca, que puedes actualizar con:

```
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 antiguas de estas bibliotecas podrían no ser compatibles con las versiones más nuevas de `@dcl/sdk`.

## Condiciones de iluminación

La hora del día dentro del mundo tiene un gran impacto en cómo se ven los modelos 3D. El color de la fuente de luz cambia sutilmente, con un tono azulado por la noche y un tono 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 en todas las horas del día cambiando el reloj del juego a distintos valores. Haz clic en el **skybox time** icono en el 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 dentro del mundo</p></figcaption></figure>

Los materiales de tu modelo 3D podrían no verse igual que en la herramienta de modelado con la que lo creaste. Esto es de esperarse, ya que todos los motores de renderizado 3D tienen diferencias sutiles en la forma en que 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 [Skybox control](/creator/content-creator-es/escenas-sdk7/interactividad/skybox-control.md) para más detalles.

## Pruebas multijugador

Si inicias 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 player separado, y un servidor de comunicaciones simulado mantendrá a estos players 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 distintas. Las mismas sesiones permanecerán abiertas a medida que 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 players se verán entre sí y podrán interactuar entre sí. Si la escena tiene lógica multijugador, funcionará como se espera y se sincronizará entre los dos players.

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

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

## Usar la red de prueba de Ethereum

Mientras pruebas tu escena, para evitar transferir MANA real u otras monedas, puedes usar la red de prueba Ethereum Sepolia y transferir MANA falso 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 de Sepolia* en lugar de *red principal*. También debes poseer MANA en la blockchain de Sepolia, que puedes obtener gratis de Decentraland.

{% hint style="info" %}
**💡 Consejo**: Para ejecutar la transacción de transferir MANA de Sepolia a tu wallet, deberás pagar una tarifa 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á el 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 por 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á el saldo de MANA en tu wallet real.
{% endhint %}

Si necesitas probar transacciones en Polygon Testnet y necesitas tener MANA en esa testnet, tendrás que hacer swap de MANA a esa red después de obtenerlo en Sepolia. Para puentear el MANA de Sepolia a 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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
