> 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 útil de depuración y herramientas 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 de 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, puedes publicarla en un [Decentraland World](/creator/content-creator-es/escenas-sdk7/publicacion/publishing-options.md#decentraland-worlds) para probarla en un contexto mucho más cercano a producción.
{% 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.

Muestra mensajes en 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 cambian las cosas.

![](/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 parcels en la escena
* La altura máxima a la que puedes construir (lo cual es proporcional al número de parcels en la escena)

También puedes marcar la **Mostrar límites de la escena** opción para ver muros rojos 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 bloquear la app para los jugadores que visiten 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* (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 jugadores. El FPS variará según la máquina en la que ejecutes esto.

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

![](/files/5e5fdcf69fcd0d12809b51e078abb58604337d1b)

{% hint style="warning" %}
**📔 Nota**: El FPS del renderizador no es lo mismo que las actualizaciones por segundo del bucle del juego de la escena. La lógica de la escena está limitada a 30 FPS; el FPS del renderizador puede 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 total de FPS pero pueden ser muy notables 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 el 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 están incluidas en 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 Decentraland. Por ejemplo [Charles](https://www.charlesproxy.com/) o [Wireshark](https://www.wireshark.org/).

## Recarga rápida

Cada vez que haces cambios en la escena, la vista previa se recarga y se actualiza 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 **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/escenas-sdk7/depuracion/report-bug.md).

## Versiones de dependencias

Asegúrate de usar siempre las últimas versiones de todas las dependencias de 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 mediante la línea de comandos. Ejecutar una escena de Decentraland localmente depende de dos librerías principales: `@dcl/sdk` y `@dcl/js-runtime`, que se instala en la carpeta de cada proyecto. Asegúrate de que ambas estén actualizadas. Puedes ejecutar los siguientes comandos para actualizar manualmente ambas librerías 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 `@dcl/asset-packs` librería, que puedes actualizar mediante:

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

Si estás usando alguna de las [librerías 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 más antiguas de estas librerías podrían 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 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 a cualquier hora del día cambiando el reloj del juego a distintos valores. Haz clic en el **tiempo del skybox** icono en el panel izquierdo de la pantalla para establecer la hora que prefieras. Si este control deslizante aparece en gris, 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 podrían 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 la forma en que manejan 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/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 diferentes de Explorer, 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 distintas. Las mismas sesiones permanecerán abiertas mientras la escena se recarga. Puede que necesites cerrar sesión e iniciar sesión de nuevo 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 alguna 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 la URL de un 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 en su lugar MANA falso de la testnet.

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

{% hint style="info" %}
**💡 Consejo**: Para ejecutar la transacción de transferir MANA de Sepolia a tu wallet, tendrás que pagar una gas fee en Ether de Sepolia.
{% 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 de posición 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 Polygon Testnet y necesitas tener MANA en esa testnet, tendrás que hacer swap de MANA a esa red después de adquirirlo en Sepolia. Para puentear 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 MANA de Ethereum.


---

# 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.
