Saltar al contenido
Crear
Iniciar sesiónÚnete gratis

Motores compatibles y cómo empaquetar cada uno

p5.js, Processing, three.js, Unity, Godot, Babylon.js, PlayCanvas, WebGPU y más.

Interartive ejecuta todo lo que funcione en una pestaña del navegador. Sube un zip con index.html en el nivel superior (o dentro de una carpeta). Se permiten bibliotecas de cdnjs, jsDelivr y unpkg en las experiencias que no son para niños; en las experiencias para niños, incluye todos los archivos en el zip.

Archivos sueltos (los preparamos por ti)

  • p5.js: sube sketch.js. Agregamos p5 y un lienzo a pantalla completa. Si necesitas p5.sound, agrégalo tú en un zip.
  • Processing: sube sketch.pde. Se ejecuta con Processing.js.
  • Modelos 3D: sube un .glb o .gltf. Se abre en un visor orbital con controles táctiles.
  • HTML: una sola página autónoma.

Motores (comprime en zip la exportación web)

  • Unity WebGL: Build Settings › WebGL. Compresión: Brotli o Gzip funcionan (enviamos los encabezados correctos); "Decompression fallback" desactivado. Comprime en zip la carpeta con index.html, Build/ y TemplateData/.
  • Godot 4: Export › Web, desactiva Thread Support (exportación de un solo hilo) para que funcione sin encabezados especiales. Comprime en zip index.html, .pck, .wasm y .js.
  • Babylon.js, three.js, PlayCanvas, A-Frame, PixiJS, Phaser: comprime en zip tu sitio compilado. PlayCanvas: Download › Web build.
  • WebGPU: funciona en los navegadores compatibles; incluye una alternativa en WebGL para que los teléfonos sin WebGPU también puedan jugar.
  • Construct, GDevelop, Defold, GameMaker, Cocos, Flutter Web: usa la exportación HTML5/Web y comprímela en zip.
  • Twine, Bitsy, PICO-8: exporta a HTML y súbelo.
  • Scratch: empaquétalo con TurboWarp Packager (salida Zip).
  • Flash: coloca tu .swf junto a una página que cargue el reproductor Ruffle alojado por ti y comprime ambos en un zip.
  • WebAssembly, Rust, C++ (Emscripten): comprime en zip la página generada, el .js y el .wasm.

Ten en cuenta

  • No hay cookies, localStorage ni IndexedDB en el entorno aislado: usa Interartive.progress para guardar el progreso.
  • Agrega <meta name="viewport" content="width=device-width, initial-scale=1"> para que se adapte a teléfonos, tabletas y televisores.
  • Responde a eventos de puntero (no solo del mouse) para que funcione con los dedos.
  • Respeta prefers-reduced-motion.
  • Mantenlo por debajo de 25 MB para que cargue rápido en teléfonos y pantallas; los archivos subidos pueden pesar hasta 100 MB (300 MB para miembros universitarios premium, 500 MB con Creator Pro).
Siguiente

Pautas de revisión