Skip to content

Capas ​

Una capa es cualquier cosa que aparece en pantalla. Todas comparten la posición y las animaciones. Cada tipo agrega sus propios campos.

js
{tipo: 'imagen', src: 'oso.png', ancho: 600, x: 540, y: 1000, en: 'oso', entrada: 'rebote', flotar: true}

Posición ​

El lienzo mide 1080 × 1920. x e y son el centro de la capa (por defecto, el centro de la pantalla). Dentro de un grupo o un telefono, las coordenadas son relativas a su centro. ancla: 'izquierda' o 'derecha' alinea por un borde.

Zonas seguras

Las apps tapan arriba (~200 px), abajo (~370 px) y la columna derecha (~160 px). Deja ahí solo lo que puede taparse.

Imagen y video ​

TipoCampos
imagensrc (archivo en assets/) o generar (descripción para la IA), ancho, alto, redondo, radio, voltear, sombra
videosrc, ancho, alto, radio (va sin sonido)

Para que una imagen se convierta en otra, con un fundido, un barrido o un círculo que se abre (por ejemplo, para pasar a rayos X):

js
{tipo: 'imagen', src: 'mano.png', ancho: 700, cambiarA: {src: 'mano-rayosx.png', en: 'tendón', efecto: 'circulo'}}

Texto ​

js
{tipo: 'texto', texto: 'CREA UNA *CARPETA*', tam: 110, x: 80, ancla: 'izquierda', alinear: 'left'}
CampoPara qué
textoAdmite saltos de línea (\n). *palabra* la pinta del color de acento
tam, color, acento, pesoTamaño, colores y grosor
fuente'titulo', 'texto', 'mono' o el nombre de una fuente tuya
mayusculasPor defecto, según el estilo
contorno, colorContornoBorde de las letras
fondo, borde, relleno, radioPara hacer pastillas y botones
maxAncho, ancho, alinear, interlineadoMedidas y alineación del texto
escribirAparece letra por letra (true, o letras por segundo)
subrayadoSubraya lo resaltado

Números y datos ​

TipoCampos
contadorde, a, prefijo, sufijo, decimales, duracion, curva (suave, lineal, exponencial), formato (grande, lcd, chip), tam, color
chiptexto, unidad (más pequeña), tam, color, fondo, borde: etiquetas como "230 dB" o "×5"
barratitulo, valor (0–100, o hasta max), unidad, color, ancho: barra de progreso que se llena
medidorvalor, min, max, unidad, tam, zonas: velocímetro con aguja
votacioncabecera, titulo, opciones: [{texto, valor, sub}]: resultados en porcentaje
numerotexto: número de paso en un cuadro
etiquetatexto: texto pequeño en fuente mono ("// paso 1")

Interfaz ​

TipoCampos
tarjetacabecera, titulo, texto, items: [{texto, check, en}], ancho: renglones que se palomean en su palabra
telefonosrc (imagen o video de la pantalla), capas (dentro de la pantalla), ancho, pantalla (color)
estadodia, hora, bateria, aviso, contador: barra de estado del celular
noticiaetiqueta, titular, cintillo (texto que corre), vivo
chatmensajes: [{usuario, texto}], cada (segundos entre mensajes), maximo
ondabarras, ancho, alto, color, siempre: onda de audio que se mueve con la voz
globotexto, cola (abajo, arriba, izq, der, ninguna), fondo, color
seguirusuario, texto, pulsar (segundos): tarjeta con botón que pasa a "Siguiendo"
ventanadiametro, src o capas, borde (metal, ninguno o un color), remaches, zoom ([inicio, fin]), fondo: escotilla o lupa circular
marcatam: tu avatar

Ventana circular ​

Para mostrar el interior de algo (un submarino, una célula, un motor) con borde metálico y remaches:

js
{tipo: 'ventana', diametro: 640, src: 'interior-submarino.png', zoom: [1, 1.2], en: 'dentro'}

Tarjetas de datos ​

TipoCampos
relojde, a, max (24 por defecto), segmentos: [[desde, hasta, color]], etiqueta: carátula que se llena
cronometrode, a, max, color: cuenta y su aro avanza
termometrovalor, max, color
recipientesn, forma (garrafon, vaso), total ("50 L"): se llenan uno por uno
fichatitulo, foto, campos: [[nombre, valor]]: credencial
checklistitems: [{texto, en, pendiente}], titulo: se palomea en cada palabra
maparuta: [[x, y]], distancia ("8 CUADRAS"), inclinar: plano con ruta que se dibuja

Historias, series y documental ​

Ver Historias, series y fórmulas con ejemplos.

TipoCampos
bloqueohora, fecha, anio (o [2026, 2031] con anioEn para que salte), notificaciones: [{app, titulo, texto, en}]
llamadaestado (entrante, curso, terminada), nombre, numero, desde, duracion
recuentocabecera, titulo, opciones: [{texto, valor, sub}]: lo que votaron en el capítulo anterior
capituloserie, capitulo, pregunta, opciones: [{texto, sub}], siguiente, horario: fin de capítulo
vigilanciahora, fecha, etiqueta, zoom, mira: vista de cámara encima de todo
cintillonombre, cargo, color: nombre de una persona, abajo a la izquierda
fechaanio, de, pie, color: tarjeta de año que cuenta
calendariotitulo, de, a: hoja que voltea
lineahitos: [{anio, texto, en}], color: línea de tiempo que avanza en cada palabra
tierralat, lon, etiqueta, acercar (vuela al lugar, p. ej. 3): globo que gira y clava un pin
divididaizq / der (o arriba / abajo con vertical): {etiqueta, color, fondo, capas}

Formas e íconos ​

TipoCampos
formaforma (rect, circulo, linea, flecha), ancho, alto, color, borde, grosor, punteado, radio, brillo
emojitexto, tam
icononombre (íconos pixel: question, warning, star, zap, eye, trophy, skull, coin…), tam, color
particulasparticulas (burbujas, polvo, estrellas, nieve, confeti), cantidad, color

Grupos ​

Varias capas que se mueven juntas, o una capa repetida en una formación:

js
{tipo: 'grupo', x: 540, y: 1000, repetir: 8, disposicion: 'circulo', radio: 300, orientar: 90, retraso: 0.08, girar: 6,
	capa: {tipo: 'imagen', src: 'ballena.png', ancho: 180}}
CampoPara qué
capasLas capas del grupo, con coordenadas relativas
repetir + capaCopia capa repetir veces
disposicioncirculo (con radio y orientar), fila, columna, cuadricula (con columnas), pila o aleatorio (con area y girarAzar)
espacioSeparación entre copias
retrasoSegundos entre la aparición de cada copia

Escenarios y recursos ​

TipoCampos
recursobuscar (palabra en español), estilo (3d, realista, 2d), variante, indice: objeto de la biblioteca. Ver Objetos 2D y 3D
escenarionombre (bosque, cuarto, departamento, tunel, pasillo), parte: 'frente' para el primer plano

Más ​

Sonido ​

Cada capa suena al entrar según cómo entra o qué es (un sello golpea, un dato hace tic, una notificación suena). sonido lo cambia y false lo apaga: pop, whoosh, tick, glitch, ding, golpe, teclas, radio, obturador, notificacion, latido, alarma, reloj y caja. Todos los genera Morfeo, sin derechos de terceros.

Morfeo es gratis y lo seguirá siendo.

Si te ahorra horas de edición, invítame un café: ayuda a pagar el tiempo de hacer más estilos, fórmulas y piezas.

Invítame un café

Uso gratuito para crear videos, incluso comerciales. Código propiedad de Uriel Gómez. Invítame un café