morfeo 0.6.1 → 0.6.2

package/index.d.ts

@@ -87,7 +87,7 @@ export type Capa = CapaBase &
 		| {tipo: 'fuente'; texto: string; etiqueta?: string; tam?: number; color?: string; colorTexto?: string}
 		| {tipo: 'seccion'; texto: string; tam?: number; color?: string}
 		| {tipo: 'insignia'; texto: string | number; tam?: number; fondo?: string; colorTexto?: string; inclinar?: number}
-		| {tipo: 'sello'; texto: string; tam?: number; color?: string; inclinar?: number}
+		| {tipo: 'sello'; texto: string; tam?: number; color?: string; inclinar?: number; /** caja detrás (sobre fondos claros) */ fondo?: string}
 		| {tipo: 'terminal'; lineas: (string | {texto: string; en?: Momento; salida?: boolean; color?: string})[]; titulo?: string; ancho?: number; tam?: number; fondo?: string; velocidad?: number}
 		| {tipo: 'nombre'; texto: string; sub?: string; tam?: number; fondo?: string; colorTexto?: string; borde?: string}
 		| {tipo: 'accion'; texto: string; tam?: number; color?: string; fondo?: string; colorTexto?: string}

package/lib/calidad.mjs

@@ -149,7 +149,9 @@ export async function revisarCuadros(mp4, d) {
 		// medido: escenas sin nada sobre fondo oscuro → media 13–15 y la cubeta más oscura con 97 % del cuadro;
 		// tele o pared pegadas a la cámara → desviación 12–16 con media > 130; los videos buenos del canal: desviación ≥ 27
 		negro: (s) => (s.media < 16 && s.desv < 9) || (s.media < 25 && s.dom > 0.9),
-		tapado: (s) => (s.dom > 0.58 && s.luzDom > 45) || (s.desv < 18 && s.media > 60),
+		// (el segundo caso pide además un color dominante: una escena de día con cielo pastel también tiene desviación
+		// baja, ~17, pero su color más repetido no pasa del 25 %)
+		tapado: (s) => (s.dom > 0.58 && s.luzDom > 45) || (s.desv < 18 && s.media > 60 && s.dom > 0.4),
 		plano: (s) => s.desv < 14 && s.media >= 25 && s.media <= 60,
 	};
 	const TEXTO = {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "morfeo",
-	"version": "0.6.1",
+	"version": "0.6.2",
 	"description": "Genera videos verticales animados (Remotion + Three.js) con voz, música y subtítulos, desde un guion en código o escrito por IA.",
 	"type": "module",
 	"license": "SEE LICENSE IN LICENSE",

package/remotion/kit/ambientes.tsx

@@ -686,7 +686,8 @@ const AMBIENTES: Record<NombreAmbiente, Def> = {
 			espalda: {pos: [2.3, 1.9, 1.3], mirar: [-0.2, 1.35, -3.4], fov: 46, a: {pos: [2.15, 1.85, 1.0]}},
 		},
 		orden: ['general', 'persona', 'maquina', 'espalda', 'pasillo'],
-		ordenFondo: ['general', 'espalda', 'pasillo', 'maquina'],
+		// general y espalda dejan a la persona al centro, justo donde caen las capas 2D
+		ordenFondo: ['pasillo', 'maquina'],
 		anclas: {maquina: [0.6, 1.42, -3.0], persona: [0.6, 1.6, -0.9], neon: [2.6, 2.9, -3.88], pasillo: [-4.4, 1.4, -0.6]},
 		persona: {pos: [0.6, 0, -0.95], rot: [0, 180, 0], pose: 'parado'},
 		Set: SetArcade,

package/remotion/motor/Video.tsx

@@ -413,7 +413,8 @@ const MarcaEsquina: React.FC<{tema: Tema}> = ({tema}) => {
 };
 
 export const VideoMotor: React.FC<{d: Datos; T: number; estilos?: Record<string, any>; miniatura?: boolean; sinMarca?: boolean}> = ({d, T, estilos, miniatura, sinMarca}) => {
-	const tema = temaDe(d.estilo, d.tema, estilos);
+	const conAmbiente = !!d.mundo?.some((c: any) => c.tipo === 'ambiente');
+	const tema = temaDe(d.estilo, d.tema, estilos, conAmbiente);
 	const n = d.escenas.length;
 	let si = d.escenas.findIndex((e) => T < e.t0 + e.dur);
 	if (si < 0) si = n - 1;
@@ -473,6 +474,8 @@ export const VideoMotor: React.FC<{d: Datos; T: number; estilos?: Record<string,
 						<Mundo d={d} si={si} t={t} T={T} tema={tema} />
 					</AbsoluteFill>
 				) : null}
+				{/* un ambiente puede ser claro (oficina): sombra arriba, donde van subtítulos y titular, para que el texto blanco se lea (en el cierre, todo el cuadro) */}
+				{conAmbiente ? <AbsoluteFill style={{background: e.tipo === 'cta' ? 'rgba(0,0,0,0.42)' : 'linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.38) 30%, rgba(0,0,0,0) 46%)'}} /> : null}
 				{enTransicion && prev ? (
 					<AbsoluteFill style={estiloPrevio}>
 						<EscenaVista e={prev} t={prev.dur + t} tema={tema} semilla={semilla} sinFondo={conMundo} />

package/remotion/motor/anotaciones.tsx

@@ -204,6 +204,7 @@ export const Anotacion: React.FC<{c: Capa; ctx: CtxEscena}> = ({c, ctx}) => {
 						border: `${Math.max(4, tam * 0.1)}px solid ${color}`,
 						outline: `${Math.max(2, tam * 0.04)}px solid ${color}`,
 						outlineOffset: tam * 0.1,
+						background: c.fondo,
 						borderRadius: tam * 0.2,
 						padding: `${tam * 0.12}px ${tam * 0.42}px`,
 						fontFamily: T.fuentes.titulo,

package/remotion/motor/plantillas.tsx

@@ -11,6 +11,22 @@
 import type {Marca} from '../tipos';
 import type {Capa} from './capas';
 import type {Tema} from './tema';
+import {ancho} from '../estilo';
+
+/** Renglones que ocupa un texto al partirse por palabras en `maxAncho` (como lo hace el navegador). */
+const renglonesDe = (texto: string, fuente: string, tam: number, maxAncho: number, mayus?: boolean) => {
+	const palabras = (mayus ? texto.toUpperCase() : texto).split(/\s+/).filter(Boolean);
+	let n = 1;
+	let linea = '';
+	for (const w of palabras) {
+		const prueba = linea ? `${linea} ${w}` : w;
+		if (linea && ancho(prueba, fuente, tam, 800) > maxAncho) {
+			n++;
+			linea = w;
+		} else linea = prueba;
+	}
+	return n;
+};
 
 type P = Record<string, any>;
 
@@ -22,10 +38,16 @@ export function capasDe(tipo: string, p: P, tema: Tema, marca: Marca): Capa[] {
 		case 'titular': {
 			const y = p.y ?? 560;
 			const out: Capa[] = [];
-			if (p.etiqueta) out.push({tipo: 'etiqueta', texto: p.etiqueta, x: 80, y: y - 92, ancla: 'izquierda', entrada: 'aparecer'});
-			out.push({tipo: 'texto', texto: p.texto ?? '', x: 80, y, ancla: 'izquierda', alinear: 'left', tam: p.tam ?? 104, maxAncho: p.numero != null ? 800 : 920, entrada: 'subir', en: p.en});
+			const tam = p.tam ?? 104;
+			const maxAncho = p.numero != null ? 800 : 920;
+			// el texto va centrado en `y`: si se parte en 2+ renglones crece hacia arriba y abajo, así que la etiqueta
+			// y el subtítulo se separan medio renglón por cada renglón extra (ajuste por palabras con la fuente real)
+			const renglones = renglonesDe(String(p.texto ?? '').replace(/\*/g, ''), tema.fuentes.titulo, tam, maxAncho, tema.tituloMayusculas);
+			const extraY = (renglones - 1) * tam * 0.525;
+			if (p.etiqueta) out.push({tipo: 'etiqueta', texto: p.etiqueta, x: 80, y: y - 92 - extraY, ancla: 'izquierda', entrada: 'aparecer'});
+			out.push({tipo: 'texto', texto: p.texto ?? '', x: 80, y, ancla: 'izquierda', alinear: 'left', tam, maxAncho, entrada: 'subir', en: p.en});
 			if (p.numero != null) out.push({tipo: 'insignia', texto: String(p.numero), x: 1000, y, ancla: 'derecha', entrada: 'rebote', en: 0.15});
-			if (p.sub) out.push({tipo: 'texto', texto: p.sub, fuente: 'texto', tam: 44, peso: 600, color: tema.colores.suave, x: 80, y: y + 110, ancla: 'izquierda', alinear: 'left', entrada: 'aparecer', en: 0.3});
+			if (p.sub) out.push({tipo: 'texto', texto: p.sub, fuente: 'texto', tam: 44, peso: 600, color: tema.colores.suave, x: 80, y: y + 110 + extraY, ancla: 'izquierda', alinear: 'left', entrada: 'aparecer', en: 0.3});
 			return [...out, ...extra];
 		}
 		case 'dato': {

package/remotion/motor/tema.ts

@@ -252,13 +252,27 @@ export const mezclar = <T,>(a: T, b: any): T => {
 	return out;
 };
 
-/** Tema final: estilo base (o uno propio del config, que puede heredar con `base`) + ajustes del video. */
-export function temaDe(estilo: string | undefined, ajustes: Record<string, any> | undefined, propios: Record<string, any> = {}): Tema {
+/**
+ * Estilos de papel o cielo (texto oscuro) sobre un ambiente 3D de noche: el texto pasa a claro para que se lea.
+ * Los ajustes `tema` del video se aplican después, así que siguen mandando.
+ */
+const SOBRE_NOCHE = {
+	textura: 'ninguna',
+	colores: {texto: '#FFFFFF', suave: 'rgba(255,255,255,0.6)', tarjeta: '#1C1D24', tarjetaTexto: '#FFFFFF', borde: '#FFFFFF'},
+	subtitulos: {color: '#FFFFFF', pendiente: 'rgba(255,255,255,0.5)'},
+};
+
+/**
+ * Tema final: estilo base (o uno propio del config, que puede heredar con `base`) + ajustes del video.
+ * `oscuro`: el video corre sobre un ambiente de noche (capa `ambiente` en el mundo).
+ */
+export function temaDe(estilo: string | undefined, ajustes: Record<string, any> | undefined, propios: Record<string, any> = {}, oscuro = false): Tema {
 	const resolver = (nombre: string, n = 0): Tema => {
 		if (ESTILOS[nombre]) return ESTILOS[nombre];
 		const p = propios[nombre];
 		if (p && n < 5) return mezclar(resolver(p.base ?? 'minimal', n + 1), p);
 		return ESTILOS.minimal;
 	};
-	return mezclar(resolver(estilo ?? 'minimal'), ajustes ?? {});
+	const base = resolver(estilo ?? 'minimal');
+	return mezclar(oscuro && base.colores.texto !== '#FFFFFF' ? mezclar(base, SOBRE_NOCHE) : base, ajustes ?? {});
 }