> 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/scenes-sdk7/primeros-pasos/preview-scene.md). # Previsualiza tu Scene Una vez que hayas [creado una nueva escena](#create-your-first-scene) o descargado un [ejemplo de escena](https://studios.decentraland.org/resources?sdk_version=SDK7) puedes previsualizarlo localmente. ## Usando el Scene Editor en Creator Hub Asegúrate de haber [instalado Creator Hub](https://github.com/decentraland/docs/blob/main/creator/sdk7/get-started/editor-installation.md). 1. Abre tu proyecto de escena. 2. Haz click en el **Preview** botón en la esquina superior derecha. Esto abrirá una nueva ventana con Decentraland Desktop Explorer, ejecutando solo tu escena. Allí podrás moverte por la escena e interactuar con los elementos interactivos. ![](/files/b796cc98872223854364138fce8b5a291451351d) Configura diferentes opciones de previsualización desde el menú desplegable junto al **Preview** botón: * **Open Console Window During Preview**: Abre una nueva ventana con la salida de la consola de la escena. Esto es útil para depurar errores en la escena. * **Skip Auth Screen**: Omite la pantalla de selección de cuenta e inicia sesión automáticamente con tu cuenta actualmente iniciada. Esto está deshabilitado de forma predeterminada; actívalo si quieres probar varias cuentas. * **Landscape Terrain Enabled**: Activa o desactiva el paisaje alrededor de la escena. Esto está habilitado de forma predeterminada; desactívalo para reducir el consumo de memoria de la escena. * **Show QR Code for Mobile**: Muestra un código QR que abre la vista previa de tu escena en la [app móvil de Decentraland](/creator/content-creator-es/scenes-sdk7/creacion-para-moviles/building-for-mobile.md). Escanea el código con un teléfono en la misma red Wi‑Fi que tu computadora. Consulta [Preview on mobile](/creator/content-creator-es/scenes-sdk7/creacion-para-moviles/preview-on-mobile.md) para más detalles. {% hint style="info" %} **📱 Preview on mobile**: También puedes previsualizar tu escena directamente en la [app móvil de Decentraland](/creator/content-creator-es/scenes-sdk7/creacion-para-moviles/building-for-mobile.md). Usa la opción **Show QR Code for Mobile** en Creator Hub, o ejecuta `npm run start -- --mobile` desde la CLI. Consulta [Building for Mobile](/creator/content-creator-es/scenes-sdk7/creacion-para-moviles/building-for-mobile.md) para la guía completa. {% endhint %} ## Using the CLI Para previsualizar una escena, ejecuta el siguiente comando en la carpeta principal de la escena: ```bash npm run start -- --explorer-alpha ``` Cualquier dependencia que falte se instala y luego la CLI abre la escena automáticamente en una nueva pestaña del navegador. Crea un servidor web local en tu sistema y dirige la pestaña del navegador a esta dirección local. Cada vez que hagas cambios en la escena, la previsualización se recarga y se actualiza automáticamente, así que no hace falta volver a ejecutar el comando. {% hint style="warning" %} **📔 Nota**: Algunas escenas dependen de comunicarse con un servidor externo para llevar a cabo lógica personalizada o almacenar y recuperar datos. Al previsualizar una de estas escenas, probablemente también tendrás que ejecutar el servidor localmente en otro puerto. Consulta el readme de la escena para obtener instrucciones sobre cómo iniciar el servidor además de la escena. {% endhint %} ### Parámetros del comando de previsualización Puedes añadir las siguientes banderas al `npm run start` comando para cambiar su comportamiento: * `-- --web3` Conecta la previsualización a la wallet del navegador para usar el avatar y la cuenta asociados. * `-- --no-debug` Deshabilita el panel de depuración, que muestra estadísticas de la escena y del rendimiento. * `-- --explorer-alpha` Ejecuta la previsualización en el nuevo cliente de escritorio de Decentraland. * `-- --mobile` (alias `-- -m`) Muestra un código QR en la terminal que abre tu escena en la [app móvil de Decentraland](/creator/content-creator-es/scenes-sdk7/creacion-para-moviles/building-for-mobile.md) en un teléfono conectado a la misma red Wi‑Fi. Consulta [Preview on mobile](/creator/content-creator-es/scenes-sdk7/creacion-para-moviles/preview-on-mobile.md). * `-- --skip-version-checks` Evita comprobar si la versión del framework SDK de la escena coincide con tu versión de la CLI y, aun así, inicia la previsualización. * `-- --port` para asignar un puerto específico para ejecutar la escena. De lo contrario, usará cualquier puerto disponible. * `-- --no-browser` para evitar que la previsualización abra una nueva pestaña del navegador. * `-- --w` o `-- --no-watch` para no abrir watch para cambios en el sistema de archivos y evitar el hot-reload cada vez que cambie el código de la escena. * `-- --c` o `-- --ci` Para ejecutar el previsualizador de parcel en un servidor unix remoto {% hint style="warning" %} **📔 Nota**: Los parámetros deben añadirse con dos series de guiones, por ejemplo `npm run start -- --web3`. {% endhint %} ### Avanzado: iteración rápida con asset bundles remotos Para escenas pesadas con muchos modelos 3D, puedes acelerar la carga y la recarga de la escena reutilizando los [asset bundles](/creator/content-creator-es/scenes-sdk7/optimizacion/performance-optimization.md#asset-bundle-conversion) que ya están publicados en los servidores de Decentraland, en lugar de cargar los modelos 3D sin procesar y sin optimizar. Esto es especialmente útil al iterar sobre cambios solo de código. Para habilitar este modo, inicia el cliente de escritorio de Decentraland con los siguientes argumentos: ```bash npm run start -- --realm http://127.0.0.1:8000/ --position 0,0 --local-scene true --debug --skip-version-check true --lsd-use-remote-ab ``` El `` el argumento cambia según dónde esté publicada ya la escena: * **En Genesis City**: `--lsd-remote-ab-server Genesis` * **En un World**: `--lsd-remote-ab-world .dcl.eth` Por ejemplo, para previsualizar una copia local de una escena que ya está desplegada en un World: ```bash npm run start -- --realm http://127.0.0.1:8000/ --position 0,0 --local-scene true --debug --skip-version-check true --lsd-use-remote-ab --lsd-remote-ab-world myworld.dcl.eth ``` En ambos casos, `--realm http://127.0.0.1:8000/` dirige el cliente a tu servidor local de previsualización (ejecuta `npm run start` primero para iniciarlo), y `--local-scene true` le indica al cliente que cargue desde allí el código de la escena. {% hint style="warning" %} **📔 Importante**: Cuando uses este modo, se recomienda que **todo** su arte ya esté publicado, con sus asset bundles totalmente procesados por los servidores de contenido. Si has añadido algún asset nuevo, no te beneficiarás de la carga optimizada, ya que se cargarán como archivos gltf sin procesar, como ocurre cuando normalmente ejecutas una previsualización. Pero si modificaste localmente un asset que ya estaba publicado, manteniendo el mismo nombre de archivo, entonces verás la versión publicada anterior de ese asset. En ese caso, vuelve a desplegar la escena primero, espera a que se generen los asset bundles (consulta [Asset bundle conversion](/creator/content-creator-es/scenes-sdk7/optimizacion/performance-optimization.md#asset-bundle-conversion)), y luego reanuda el uso de este modo para iterar solo sobre el código. {% endhint %} ## Sube una escena a decentraland Una vez que estés satisfecho con tu escena, puedes subirla y publicarla en Decentraland. Para ello debes ser propietario de LAND, de un NAME de Decentraland o de un nombre ENS de ETH, o tener permisos otorgados por alguien que sí los tenga. Consulta [publishing](/creator/content-creator-es/scenes-sdk7/publicacion/publishing.md) para obtener instrucciones sobre cómo hacerlo. ## Tamaño de la escena en la previsualización El tamaño de la escena que se muestra en la previsualización se basa en la configuración de la escena. Edita esto en la segunda pestaña del menú de la escena en el Scene Editor. ![](/files/4af1a7c932e612aad846331c3fa69df9951eb3f0) Usa los menús desplegables y haz clic en **Apply Layout** para cambiar las dimensiones de tu escena. También puedes hacer clic en cada parcel individual para desactivarla de tu diseño. ![](/files/fa794278bb0105866e888649fcd46b3ee09127ce) También puedes editar el *scene.json* archivo para listar varias parcelas en el campo "parcels". Consulta [set parcels via the command line](/creator/content-creator-es/scenes-sdk7/tipos-de-proyectos/scene-metadata.md#scene-parcels) para más detalles. {% hint style="info" %} **💡 Consejo**: Mientras se ejecuta la previsualización, las coordenadas de las parcelas no tienen que coincidir con las que realmente usará tu escena, siempre que sean adyacentes y estén organizadas con la misma forma. Tendrás que reemplazarlas más tarde por las coordenadas reales cuando [despliegues la escena](#upload-a-scene-to-decentraland). {% endhint %} ## Ver la consola de la escena Abre la consola haciendo clic en el ![](/files/5181ddfcf5ca0469e5b3bde5819cd0c448cebc2f) icono en la esquina superior derecha. Aquí puedes ver cualquier mensaje de error, y también cualquier texto que tu escena imprima en la consola mediante `console.log()`. También puedes abrirlo pulsando la tecla **\`** en tu teclado. También puedes pulsar Shift + **\`** para abrir la consola aún más amplia, en caso de que necesites ver más texto. ## Probar localmente una escena 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 del explorer de Decentraland. Debes conectarte en ambas ventanas con direcciones diferentes. Las mismas sesiones permanecerán abiertas mientras la escena se recarga. ![](/files/b796cc98872223854364138fce8b5a291451351d) 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` --- # 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/scenes-sdk7/primeros-pasos/preview-scene.md?ask=&goal= ``` `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.