- 1
Añadir el marco
Pega un iframe que apunte a Any3D y coloca la dirección de tu modelo en la consulta src. El marco solo muestra el lienzo, con un botón en la esquina inferior derecha que abre el visor completo. A continuación tienes un ejemplo.
<iframe src="https://any3d.cc/es-ES/embed?src=https%3A%2F%2Fcdn.example.com%2Fmodel.glb" title="Modelo 3D" style="width:100%;height:480px;border:0" loading="lazy" allow="fullscreen" allowfullscreen referrerpolicy="strict-origin-when-cross-origin" ></iframe>Consejo: Puedes copiar el prompt a continuación y pegarlo en un asistente de IA (como Cursor, Claude o ChatGPT) para generar rápidamente el código de incrustación.Prompt de integración con IA (clic para desplegar/plegar)
Genera un fragmento de código <iframe> para integrar el visor 3D de Any3D en una página web. Si estás editando una página o componente existente, coloca el <iframe> en el lugar donde deba mostrarse el modelo 3D. URL base de incrustación: https://any3d.cc/es-ES/embed Reglas de URL y parámetros: - Parámetro obligatorio: `src` debe ser la URL HTTPS del modelo, codificada con porcentaje (encodeURIComponent), y pasarse como parámetro de consulta independiente (ej. https://any3d.cc/es-ES/embed?src=...). No concatenes la URL sin codificar directamente en la ruta. Para 3D Tiles, usa la dirección de tileset.json. - Parámetros opcionales (omite los que no necesites): - `autorotate=1`: hace girar el modelo automáticamente. Omítelo para mantenerlo estático. - `theme=light`, `theme=dark` o `theme=system`: define el tema del visor. - `bg=transparent`: fondo transparente. - `controls`: selecciona la configuración del ratón. Déjalo vacío o usa `auto` para que se adapte automáticamente al tipo de archivo; o define `standard`, `cad`, `solidworks`, `blender`, `splat` o `custom`. Configuración del ratón: - auto: archivos CAD usan controles CAD, Gaussian Splatting usa órbita suave y otros archivos usan órbita estándar. - standard: órbita. Arrastre izquierdo rota, arrastre derecho desplaza, rueda hace zoom. - cad: estilo AutoCAD. Arrastre con botón central desplaza, Shift+botón central rota en órbita, rueda hace zoom hacia el cursor, sin inercia. Arrastre izquierdo también rota, derecho desplaza. - solidworks: estilo SolidWorks. Botón central rota, Ctrl o Comando+botón central desplaza, Shift+botón central hace zoom. Rueda hacia adelante aleja en el cursor, sin inercia. - blender: estilo Blender. Botón central rota, Shift+botón central desplaza, Ctrl o Comando+botón central hace zoom. Rueda hace zoom al centro de la vista, sin inercia. - splat: órbita suave para escenas grandes de Gaussian Splatting. Arrastra para orbitar con fluidez, doble clic para fijar punto de enfoque. - custom: igual a standard. Requisitos del iframe y notas: - Atributos y estilo: incluye loading="lazy" y style="width:100%;height:480px;border:0" (ajusta al contenedor según sea necesario). - Permisos: debe incluir allow="fullscreen", allowfullscreen y referrerpolicy="strict-origin-when-cross-origin". - Sandbox: si la página principal aplica sandbox al iframe, incluye allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox para que el botón de la esquina inferior derecha abra el visor completo en una pestaña nueva. - Alojamiento y CORS: el servidor que aloja el modelo debe permitir solicitudes CORS desde https://any3d.cc. El visor descarga un solo archivo (como GLB, STL, OBJ, FBX o PLY); las texturas en archivos externos independientes faltarán a menos que estén empaquetadas en el modelo (como en GLB). Ejemplo de referencia: <iframe src="https://any3d.cc/es-ES/embed?src=https%3A%2F%2Fcdn.example.com%2Fmodel.glb" title="Modelo 3D" style="width:100%;height:480px;border:0" loading="lazy" allow="fullscreen" allowfullscreen referrerpolicy="strict-origin-when-cross-origin" ></iframe> Nota: La dirección del modelo en el ejemplo es un marcador provisional. Sustituye src por la dirección HTTPS real codificada con porcentaje. Deja controls sin definir si deseas que la interacción del ratón se adapte automáticamente al archivo. - 2
Dónde está el modelo
La dirección debe ser https, y el servidor debe permitir que https://any3d.cc lea el archivo. El navegador de quien visita descarga ese único archivo, como GLB, STL, OBJ, FBX o PLY. Para 3D Tiles, usa la dirección de tileset.json. Any3D no guarda una copia. Las texturas y los datos en archivos aparte faltan, salvo que ya vayan dentro del modelo, como en un GLB.
- 3
Opciones de la página
Las siguientes consultas son opcionales. El botón para abrir el visor completo permanece visible.
Parámetro Valor Efecto autorotate1Gira el modelo. Si lo omites, se queda quieto. themelight | dark | systemFija el tema de la página. bgtransparentDeja el fondo transparente. controlsauto | standard | cad | solidworks | blender | splat | customControles del ratón. Vacío significa auto y sigue el archivo. https://any3d.cc/es-ES/embed ?src=https%3A%2F%2Fcdn.example.com%2Fmodel.glb &autorotate=1 &theme=dark &bg=transparent - 4
Abrir el visor completo
El botón abre el visor de Any3D que corresponde en una pestaña nueva y pasa la misma dirección del modelo. Los Gaussian splats, los 3D Tiles y los dibujos DWG o DXF usan su propio visor. El resto usa el visor de modelos 3D. Si la página contenedora pone el iframe en un sandbox, hacen falta allow-popups y allow-popups-to-escape-sandbox para que el botón abra una pestaña.
Insertar un visor
Coloca un visor de Any3D en tu propia página. El marco carga un modelo desde una dirección https, con un botón que abre el visor completo.