> 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/primeros-pasos/preview-scene.md). # Previsualiza tu scene Una vez que hayas [creado una nueva scene](#create-your-first-scene) o descargado un [ejemplo de scene](https://studios.decentraland.org/resources?sdk_version=SDK7) puedes previsualizarla localmente. ## Usando el Scene Editor en Creator Hub Asegúrate de haber [instalado Creator Hub](https://github.com/decentraland/docs/tree/main/creator/sdk7/get-started/editor-installation.md). 1. Abre tu proyecto de scene. 2. Haz clic en el **Preview** botón en la esquina superior derecha. Esto abrirá una nueva ventana con el Decentraland Desktop Explorer, ejecutando solo tu scene. Allí podrás moverte por la scene e interactuar con elementos interactivos. ![](/files/b796cc98872223854364138fce8b5a291451351d) Configura diferentes opciones de previsualización desde el menú desplegable junto al **Preview** botón: * **Abrir ventana de la consola durante la vista previa**: Abre una nueva ventana con la salida de la consola de la scene. Esto es útil para depurar errores en la scene. * **Omitir pantalla de autenticación**: Omite la pantalla de selección de cuenta e inicia sesión automáticamente con la cuenta con la que ya has iniciado sesión. Esto está desactivado de forma predeterminada; actívalo si quieres probar varias cuentas. * **Terreno de paisaje activado**: Activa o desactiva el paisaje alrededor de la scene. Está activado de forma predeterminada; desactívalo para reducir el consumo de memoria de la scene. * **Mostrar código QR para móvil**: Muestra un código QR que abre la vista previa de tu scene en el [aplicación móvil de Decentraland](/creator/content-creator-es/escenas-sdk7/desarrollar-para-movil/building-for-mobile.md). Escanea el código con un teléfono en la misma red Wi-Fi que tu computadora. Consulta [Vista previa en móvil](/creator/content-creator-es/escenas-sdk7/desarrollar-para-movil/preview-on-mobile.md) para más detalles. {% hint style="info" %} **📱 Vista previa en móvil**: También puedes previsualizar tu scene directamente en el [aplicación móvil de Decentraland](/creator/content-creator-es/escenas-sdk7/desarrollar-para-movil/building-for-mobile.md). Usa la **Mostrar código QR para móvil** opción en Creator Hub, o ejecuta `npm run start -- --mobile` desde la CLI. Consulta [Compilación para móvil](/creator/content-creator-es/escenas-sdk7/desarrollar-para-movil/building-for-mobile.md) para la guía completa. {% endhint %} ## Usando la CLI Para previsualizar una scene, ejecuta el siguiente comando en la carpeta principal de la scene: ```bash npm run start ``` Cualquier dependencia que falte se instalará y luego la CLI crea un servidor web local en tu sistema e inicia la scene en el cliente de escritorio de Decentraland mediante un `decentraland://` deeplink. El cliente de escritorio es el destino de vista previa predeterminado. Para previsualizar en una pestaña del navegador en su lugar, añade `-- --web-explorer` para abrir la scene en el Web Explorer, o `-- --bevy-web` para abrirla en el cliente Bevy Web. Cada vez que hagas cambios en la scene, la vista previa se recarga y se actualiza automáticamente, así que no necesitas volver a ejecutar el comando. {% hint style="warning" %} **📔 Nota**: Algunas scenes dependen de comunicarse con un servidor externo para llevar a cabo lógica personalizada o almacenar y recuperar datos. Al previsualizar una de estas scenes, probablemente también tendrás que ejecutar el servidor localmente en otro puerto. Consulta el readme de la scene para obtener instrucciones sobre cómo iniciar el servidor, así como la scene. {% endhint %} ### Parámetros del comando de vista previa Puedes añadir los siguientes flags al `npm run start` comando para cambiar su comportamiento: * `-- --web3` Conecta la vista previa a la wallet del navegador para usar el avatar y la cuenta asociados. * `-- --no-debug` (alias `-- -d`) Desactiva el panel de depuración, que muestra estadísticas de la scene y del rendimiento. * `-- --web-explorer` Inicia la scene en el Web Explorer, en una pestaña del navegador, en lugar del cliente de escritorio. * `-- --bevy-web` Abre la vista previa usando la ventana del navegador Bevy Web. * `-- --mobile` (alias `-- -m`) Muestra un código QR en la terminal que abre tu scene en el [aplicación móvil de Decentraland](/creator/content-creator-es/escenas-sdk7/desarrollar-para-movil/building-for-mobile.md) en un teléfono conectado a la misma red Wi-Fi. Consulta [Vista previa en móvil](/creator/content-creator-es/escenas-sdk7/desarrollar-para-movil/preview-on-mobile.md). * `-- --skip-build` Omitir la compilación y servir solo los archivos en modo de vista previa. * `-- --port` (alias `-- -p`) para asignar un puerto específico para ejecutar la scene. De lo contrario usará el puerto que esté disponible. * `-- --no-browser` (alias `-- -b`) para impedir que la vista previa abra una nueva pestaña del navegador. * `-- -w` o `-- --no-watch` para no vigilar los cambios del sistema de archivos y evitar la recarga en caliente cada vez que cambie el código de la scene. * `-- --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 %} ## Sube una scene a decentraland Una vez que estés satisfecho con tu scene, 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 los tenga. Consulta [publicación](/creator/content-creator-es/escenas-sdk7/publicacion/publishing.md) para obtener instrucciones sobre cómo hacerlo. ## Tamaño de la scene en la vista previa El tamaño de la scene que se muestra en la vista previa se basa en la configuración de la scene. Edita esto en la segunda pestaña del menú de la scene en el Scene Editor. ![](/files/4af1a7c932e612aad846331c3fa69df9951eb3f0) Usa los menús desplegables y haz clic en **Apply Layout** para cambiar las dimensiones de tu scene. También puedes hacer clic en cada parcel individual para desactivarlo de tu diseño. ![](/files/fa794278bb0105866e888649fcd46b3ee09127ce) También puedes editar el *scene.json* archivo para listar múltiples parcels en el campo "parcels". Consulta [establecer parcels mediante la línea de comandos](/creator/content-creator-es/escenas-sdk7/tipos-de-proyectos/scene-metadata.md#scene-parcels) para ver más detalles. {% hint style="info" %} **💡 Consejo**: Mientras se ejecuta la vista previa, las coordenadas de los parcels no necesitan coincidir con las que realmente usará tu scene, siempre que sean adyacentes y estén dispuestas con la misma forma. Tendrás que reemplazarlas más tarde por las coordenadas reales cuando [despliegues la scene](#upload-a-scene-to-decentraland). {% endhint %} ## Ver la consola de la scene 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 scene imprima en la consola mediante `console.log()`. También puedes abrirla pulsando la **\`** tecla de tu teclado. También puedes pulsar Shift + **\`** para abrir la consola aún más ancha, por si necesitas ver más texto. ## Prueba una scene multijugador localmente Si inicias una vista previa de la scene y la abres en dos (o más) ventanas diferentes del Explorer, cada ventana abierta se interpretará como un jugador independiente, y un servidor de comunicaciones simulado mantendrá a estos jugadores sincronizados. Interactúa con la scene 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 por 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 se recarga la scene. ![](/files/b796cc98872223854364138fce8b5a291451351d) Como alternativa, puedes abrir una segunda ventana del 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` ### Avanzado: iteración rápida con asset bundles remotos Para scenes pesadas con muchos modelos 3D, puedes acelerar la carga y recarga de la scene reutilizando los [asset bundles](/creator/content-creator-es/escenas-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 optimizar en bruto. Esto es especialmente útil cuando iteras 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 `` argumento cambia según dónde esté ya publicada la scene: * **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 scene 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/` apunta al cliente a tu servidor local de vista previa (ejecútalo `npm run start` primero para iniciarlo), y `--local-scene true` le indica al cliente que cargue desde allí el código de la scene. {% hint style="warning" %} **📔 Importante**: Cuando uses este modo, se recomienda que **todo** su arte ya esté publicado, con sus asset bundles completamente procesados por los servidores de contenido. Si has añadido nuevos assets, perderás la carga optimizada porque se cargarán como archivos gltf en bruto, como ocurre cuando ejecutas una vista previa normalmente. 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 scene primero, espera a que se generen los asset bundles (consulta [Asset bundle conversion](/creator/content-creator-es/escenas-sdk7/optimizacion/performance-optimization.md#asset-bundle-conversion)), y luego reanuda el uso de este modo para iterar solo en el código. {% endhint %} --- # 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/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.