morfeo 0.6.3 → 0.6.5

package/remotion/motor/objetos-ingenieria.tsx

@@ -0,0 +1,620 @@
+// Piezas de ingeniería hechas en código: plomería, electricidad, electrónica y mecánica. Son las que no existen en
+// las bibliotecas libres (una válvula, un interruptor, una placa madre) y hacen falta para explicar cómo funciona
+// una casa, una ciudad o una consola.
+//   {tipo: 'modelo', forma: 'valvula'}        {tipo: 'recurso', buscar: 'placa madre'}  (el buscador las encuentra)
+// Cada pieza mide ~2 unidades, viene centrada y solo depende de `t` (las que giran: engrane, turbina, ventiladores).
+import React, {useMemo} from 'react';
+import * as THREE from 'three';
+
+export const OBJETOS_INGENIERIA = [
+	// plomería
+	'valvula', 'grifo', 'tinaco', 'calentador', 'bomba', 'alcantarilla', 'codo',
+	// electricidad
+	'interruptor', 'enchufe', 'tablero', 'medidor', 'transformador', 'poste', 'bateria', 'turbina', 'torre_electrica', 'aire',
+	// electrónica
+	'chip', 'placa', 'resistor', 'capacitor', 'led', 'disco_duro', 'tarjeta_grafica', 'disipador', 'ram', 'router', 'servidor', 'fuente_poder',
+	// mecánica
+	'engrane', 'tornillo', 'tuerca', 'motor', 'resorte', 'piston',
+] as const;
+
+export type V3 = [number, number, number];
+export type M = {color?: string; metal?: number; rugosidad?: number};
+export type P = {p?: V3; c: string; m?: number; r?: number; e?: number; rot?: V3; o?: number};
+export const Mat: React.FC<{c: string; m?: number; r?: number; e?: number; o?: number}> = ({c, m = 0.1, r = 0.5, e = 0, o}) => (
+	<meshStandardMaterial color={c} metalness={m} roughness={r} emissive={c} emissiveIntensity={e} transparent={o != null} opacity={o ?? 1} />
+);
+/** Caja. `s` = [ancho, alto, fondo]. */
+export const C: React.FC<P & {s: V3}> = ({p = [0, 0, 0], s, rot, ...mat}) => (
+	<mesh position={p} rotation={rot}>
+		<boxGeometry args={s} />
+		<Mat {...mat} />
+	</mesh>
+);
+/** Cilindro de pie (eje Y). `eje: 'x' | 'z'` lo acuesta. */
+export const Y: React.FC<P & {rad: number | [number, number]; h: number; seg?: number; eje?: 'x' | 'y' | 'z'}> = ({p = [0, 0, 0], rad, h, seg = 28, eje = 'y', rot, ...mat}) => (
+	<mesh position={p} rotation={rot ?? (eje === 'x' ? [0, 0, Math.PI / 2] : eje === 'z' ? [Math.PI / 2, 0, 0] : [0, 0, 0])}>
+		<cylinderGeometry args={[...(Array.isArray(rad) ? rad : [rad, rad]), h, seg] as [number, number, number, number]} />
+		<Mat {...mat} />
+	</mesh>
+);
+export const E: React.FC<P & {rad: number}> = ({p = [0, 0, 0], rad, ...mat}) => (
+	<mesh position={p}>
+		<sphereGeometry args={[rad, 24, 16]} />
+		<Mat {...mat} />
+	</mesh>
+);
+/** Aro (dona). Por defecto mira hacia +z. */
+export const Aro: React.FC<P & {rad: number; tubo: number; arco?: number}> = ({p = [0, 0, 0], rad, tubo, arco = Math.PI * 2, rot, ...mat}) => (
+	<mesh position={p} rotation={rot}>
+		<torusGeometry args={[rad, tubo, 12, 36, arco]} />
+		<Mat {...mat} />
+	</mesh>
+);
+
+export const ACERO = {c: '#AEB6C2', m: 0.85, r: 0.3};
+export const LATON = {c: '#C9A24B', m: 0.85, r: 0.3};
+export const COBRE = {c: '#C8733A', m: 0.85, r: 0.3};
+export const NEGRO = {c: '#1B1C22', r: 0.55};
+export const PCB = {c: '#1F7A4D', r: 0.55};
+export const ORO = {c: '#E0B64A', m: 0.9, r: 0.25};
+
+/** Rueda dentada: `n` dientes, radio exterior `ext`. */
+const figuraEngrane = (n: number, ext: number, int: number) => {
+	const s = new THREE.Shape();
+	const pasos = n * 4;
+	for (let i = 0; i < pasos; i++) {
+		const a = (i / pasos) * Math.PI * 2;
+		const r = i % 4 < 2 ? ext : int;
+		if (i === 0) s.moveTo(Math.cos(a) * r, Math.sin(a) * r);
+		else s.lineTo(Math.cos(a) * r, Math.sin(a) * r);
+	}
+	s.closePath();
+	const hoyo = new THREE.Path();
+	hoyo.absarc(0, 0, ext * 0.22, 0, Math.PI * 2, true);
+	s.holes.push(hoyo);
+	return s;
+};
+export const Engrane: React.FC<{n?: number; ext?: number; prof?: number; giro?: number} & P> = ({n = 12, ext = 1, prof = 0.3, giro = 0, p = [0, 0, 0], ...mat}) => {
+	const geo = useMemo(() => {
+		const g = new THREE.ExtrudeGeometry(figuraEngrane(n, ext, ext * 0.8), {depth: prof, bevelEnabled: true, bevelThickness: 0.03, bevelSize: 0.03, bevelSegments: 2, curveSegments: 20});
+		g.center();
+		return g;
+	}, [n, ext, prof]);
+	return (
+		<mesh geometry={geo} position={p} rotation={[0, 0, giro]}>
+			<Mat {...mat} />
+		</mesh>
+	);
+};
+/** Prisma de 6 lados (tuercas, cabezas de tornillo). */
+export const Hex: React.FC<P & {rad: number; h: number}> = ({rad, h, ...r}) => <Y rad={rad} h={h} seg={6} {...r} />;
+/** Aspas en el plano XY. */
+export const Aspas: React.FC<{n: number; rad: number; giro: number; c: string; p?: V3; ancho?: number}> = ({n, rad, giro, c, p = [0, 0, 0], ancho = 0.3}) => (
+	<group position={p} rotation={[0, 0, giro]}>
+		{Array.from({length: n}, (_, k) => (
+			<group key={k} rotation={[0, 0, (k * Math.PI * 2) / n]}>
+				<C p={[rad / 2, 0, 0]} s={[rad, rad * ancho, 0.03]} rot={[0.35, 0, 0]} c={c} r={0.5} />
+			</group>
+		))}
+	</group>
+);
+/** Tubo que sigue una curva. */
+export const Tubo: React.FC<{pts: V3[]; rad: number} & P> = ({pts, rad, p = [0, 0, 0], ...mat}) => {
+	const geo = useMemo(() => new THREE.TubeGeometry(new THREE.CatmullRomCurve3(pts.map((q) => new THREE.Vector3(...q))), 60, rad, 14, false), [pts, rad]);
+	return (
+		<mesh geometry={geo} position={p}>
+			<Mat {...mat} />
+		</mesh>
+	);
+};
+/** Resorte: hélice de `vueltas` vueltas. */
+export const Helice: React.FC<{vueltas: number; rad: number; alto: number; tubo: number} & P> = ({vueltas, rad, alto, tubo, ...mat}) => {
+	const pts = useMemo(() => Array.from({length: vueltas * 16 + 1}, (_, i) => [Math.cos((i / 16) * Math.PI * 2) * rad, -alto / 2 + (i / (vueltas * 16)) * alto, Math.sin((i / 16) * Math.PI * 2) * rad] as V3), [vueltas, rad, alto]);
+	return <Tubo pts={pts} rad={tubo} {...mat} />;
+};
+
+export const ObjetoIngenieria: React.FC<{forma: string; t: number; opciones?: Record<string, any>} & M> = ({forma, t, opciones: o = {}, color}) => {
+	const giro = t * (o.velocidad ?? 1) * Math.PI * 2;
+	// `color` cambia el color principal de la pieza (el cuerpo); los detalles conservan el suyo
+	const k = (c: string) => color ?? c;
+	switch (forma) {
+		// ------------------------------------------------------------ plomería
+		case 'valvula':
+			return (
+				<group>
+					<Y eje="x" rad={0.3} h={2.2} {...LATON} />
+					<Y eje="x" p={[-1.05, 0, 0]} rad={0.4} h={0.14} {...LATON} />
+					<Y eje="x" p={[1.05, 0, 0]} rad={0.4} h={0.14} {...LATON} />
+					<E rad={0.5} {...LATON} />
+					<Y p={[0, 0.62, 0]} rad={0.09} h={0.5} {...ACERO} />
+					<Aro p={[0, 0.9, 0]} rot={[Math.PI / 2, 0, giro * (o.abrir ?? 0)]} rad={0.5} tubo={0.07} c={k('#D7372F')} r={0.4} />
+					{[0, 1].map((i) => (
+						<C key={i} p={[0, 0.9, 0]} rot={[0, (i * Math.PI) / 2, 0]} s={[1, 0.06, 0.09]} c={k('#D7372F')} r={0.4} />
+					))}
+				</group>
+			);
+		case 'grifo':
+			return (
+				<group position={[-0.15, -0.2, 0]}>
+					<Y p={[-0.2, -0.5, 0]} rad={[0.2, 0.26]} h={0.7} {...ACERO} c={k(ACERO.c)} />
+					<Tubo pts={[[-0.2, -0.15, 0], [-0.2, 0.75, 0], [0.2, 1.05, 0], [0.75, 0.9, 0], [0.85, 0.45, 0]]} rad={0.11} {...ACERO} c={k(ACERO.c)} />
+					<Y p={[0.85, 0.4, 0]} rad={0.14} h={0.14} {...ACERO} />
+					<C p={[-0.2, -0.05, 0.33]} s={[0.12, 0.1, 0.5]} {...ACERO} />
+					<E p={[-0.2, -0.05, 0.6]} rad={0.1} c="#2F7DD1" r={0.3} />
+					{o.gota !== false && <E p={[0.85, 0.2 - ((t * 1.2) % 1) * 0.9, 0]} rad={0.07} c="#4FB3FF" r={0.1} o={0.85} />}
+				</group>
+			);
+		case 'tinaco':
+			return (
+				<group>
+					<Y p={[0, -0.15, 0]} rad={[0.78, 0.7]} h={1.5} c={k('#1F1F24')} r={0.6} seg={36} />
+					{[-0.5, -0.15, 0.2].map((y) => (
+						<Aro key={y} p={[0, y, 0]} rot={[Math.PI / 2, 0, 0]} rad={0.76 - (0.2 - y) * 0.04} tubo={0.03} c="#2C2C33" r={0.6} />
+					))}
+					<Y p={[0, 0.75, 0]} rad={[0.42, 0.78]} h={0.32} c={k('#1F1F24')} r={0.6} seg={36} />
+					<Y p={[0, 0.96, 0]} rad={0.42} h={0.12} c="#2C2C33" r={0.5} />
+					<Y eje="x" p={[0.95, -0.7, 0]} rad={0.07} h={0.5} c="#D9D9D9" r={0.5} />
+				</group>
+			);
+		case 'calentador':
+			return (
+				<group>
+					<Y rad={0.6} h={1.9} c={k('#E9E6E0')} r={0.45} seg={36} />
+					<Y p={[0, 0.98, 0]} rad={[0.3, 0.6]} h={0.12} c="#CFCBC3" r={0.5} />
+					<Y p={[0, -0.98, 0]} rad={0.56} h={0.1} c="#3A3A40" r={0.6} />
+					<Y p={[-0.25, 1.25, 0]} rad={0.07} h={0.5} {...COBRE} />
+					<Y p={[0.25, 1.25, 0]} rad={0.07} h={0.5} {...COBRE} />
+					<C p={[0, -0.45, 0.58]} s={[0.4, 0.3, 0.1]} c="#2A2A30" r={0.5} />
+					<E p={[0, -0.45, 0.64]} rad={0.07} c="#FF7A1A" e={0.9} />
+					<C p={[0, 0.3, 0.6]} s={[0.36, 0.2, 0.04]} c="#C73A32" r={0.5} />
+				</group>
+			);
+		case 'bomba':
+			return (
+				<group position={[0.1, 0, 0]}>
+					<Y eje="x" p={[0.35, 0, 0]} rad={0.5} h={1.2} c={k('#2F6DB5')} r={0.45} m={0.3} />
+					{[-0.1, 0.15, 0.4, 0.65].map((x) => (
+						<Y key={x} eje="x" p={[x, 0, 0]} rad={0.54} h={0.05} c="#285C99" r={0.5} m={0.3} />
+					))}
+					<Y eje="x" p={[-0.6, 0, 0]} rad={0.62} h={0.5} {...ACERO} />
+					<Y eje="x" p={[-1.0, 0, 0]} rad={0.2} h={0.4} {...ACERO} />
+					<Y p={[-0.6, 0.8, 0]} rad={0.18} h={0.5} {...ACERO} />
+					<Y p={[-0.6, 1.05, 0]} rad={0.28} h={0.08} {...ACERO} />
+					<C p={[0.1, -0.62, 0]} s={[1.9, 0.1, 0.9]} c="#3A3A40" r={0.6} />
+				</group>
+			);
+		case 'alcantarilla':
+			return (
+				<group rotation={[-0.9, 0, 0]}>
+					<Y eje="z" rad={1} h={0.14} c={k('#4A4C52')} m={0.6} r={0.55} seg={40} />
+					<Aro p={[0, 0, 0.08]} rad={0.92} tubo={0.05} c="#3A3C42" m={0.6} r={0.5} />
+					{[-0.6, -0.3, 0, 0.3, 0.6].map((x) => (
+						<C key={x} p={[x, 0, 0.09]} s={[0.1, Math.sqrt(1 - x * x) * 1.5, 0.04]} c="#35373C" m={0.6} r={0.5} />
+					))}
+					{[-0.45, 0.45].map((x) => (
+						<Y key={x} eje="z" p={[x, 0.55, 0.09]} rad={0.07} h={0.06} c="#1B1C22" />
+					))}
+				</group>
+			);
+		case 'codo':
+			return (
+				<group position={[-0.35, -0.35, 0]}>
+					<Aro rad={0.8} tubo={0.3} arco={Math.PI / 2} c={k(COBRE.c)} m={0.85} r={0.3} />
+					<Y p={[0.8, -0.12, 0]} rad={0.36} h={0.24} {...COBRE} c={k(COBRE.c)} />
+					<Y eje="x" p={[-0.12, 0.8, 0]} rad={0.36} h={0.24} {...COBRE} c={k(COBRE.c)} />
+				</group>
+			);
+		// ------------------------------------------------------------ electricidad
+		case 'interruptor': {
+			const on = o.encendido ?? (o.en != null ? t > 0.3 : true);
+			return (
+				<group>
+					<C s={[1.3, 2, 0.12]} c={k('#F2F0EA')} r={0.4} />
+					<C p={[0, 0, 0.08]} s={[0.56, 0.95, 0.08]} c="#DEDBD3" r={0.4} />
+					<C p={[0, 0, 0.14]} rot={[on ? -0.28 : 0.28, 0, 0]} s={[0.46, 0.82, 0.12]} c="#FFFFFF" r={0.3} />
+					{[0.8, -0.8].map((y) => (
+						<Y key={y} eje="z" p={[0, y, 0.07]} rad={0.06} h={0.04} {...ACERO} />
+					))}
+					{on && <E p={[0, -0.62, 0.1]} rad={0.045} c="#3DDC84" e={1} />}
+				</group>
+			);
+		}
+		case 'enchufe':
+			return (
+				<group>
+					<C s={[1.3, 2, 0.12]} c={k('#F2F0EA')} r={0.4} />
+					{[0.42, -0.42].map((y) => (
+						<group key={y} position={[0, y, 0.07]}>
+							<Y eje="z" rad={0.36} h={0.05} c="#E4E1D9" r={0.4} seg={32} />
+							<C p={[-0.13, 0.05, 0.03]} s={[0.05, 0.2, 0.03]} c="#18181C" />
+							<C p={[0.13, 0.05, 0.03]} s={[0.05, 0.2, 0.03]} c="#18181C" />
+							<Y eje="z" p={[0, -0.16, 0.03]} rad={0.045} h={0.03} c="#18181C" />
+						</group>
+					))}
+					<Y eje="z" p={[0, 0, 0.07]} rad={0.05} h={0.04} {...ACERO} />
+				</group>
+			);
+		case 'tablero':
+			return (
+				<group>
+					<C s={[1.5, 2, 0.3]} c={k('#B9BEC6')} m={0.5} r={0.5} />
+					<C p={[0, 0, 0.16]} s={[1.3, 1.8, 0.03]} c="#2A2C33" r={0.6} />
+					{[0.5, 0, -0.5].map((y, f) =>
+						[-0.42, -0.14, 0.14, 0.42].map((x, i) => {
+							const arriba = !(o.botado === true && f === 1 && i === 2);
+							return (
+								<group key={`${y}${x}`} position={[x, y, 0.2]}>
+									<C s={[0.24, 0.42, 0.06]} c="#E6E3DC" r={0.5} />
+									<C p={[0, arriba ? 0.06 : -0.06, 0.05]} s={[0.1, 0.16, 0.06]} c={arriba ? '#22242A' : '#E0352B'} r={0.4} />
+								</group>
+							);
+						}),
+					)}
+				</group>
+			);
+		case 'medidor':
+			return (
+				<group>
+					<Y eje="z" rad={0.95} h={0.5} c={k('#9AA1AB')} m={0.6} r={0.45} seg={40} />
+					<Y eje="z" p={[0, 0, 0.27]} rad={0.85} h={0.06} c="#F4F2EC" r={0.5} seg={40} />
+					<Aro p={[0, 0, 0.3]} rad={0.88} tubo={0.05} c="#6B727C" m={0.6} r={0.4} />
+					<C p={[0, 0.3, 0.31]} s={[0.9, 0.24, 0.02]} c="#15161A" />
+					<group position={[0, -0.3, 0.31]} rotation={[0, 0, -giro]}>
+						<Y eje="z" rad={0.34} h={0.02} c="#C9CDD4" m={0.7} r={0.3} />
+						<C p={[0.28, 0, 0.012]} s={[0.1, 0.05, 0.01]} c="#E0352B" />
+					</group>
+					<C p={[0, -1.05, 0]} s={[0.7, 0.3, 0.4]} c="#6B727C" m={0.5} r={0.5} />
+				</group>
+			);
+		case 'transformador':
+			return (
+				<group>
+					<Y p={[0, -0.1, 0]} rad={0.62} h={1.5} c={k('#8E959F')} m={0.5} r={0.5} seg={32} />
+					<Y p={[0, 0.68, 0]} rad={0.66} h={0.08} c="#7A818B" m={0.5} r={0.5} />
+					{Array.from({length: 10}, (_, i) => (
+						<C key={i} p={[Math.cos((i / 10) * Math.PI * 2) * 0.66, -0.15, Math.sin((i / 10) * Math.PI * 2) * 0.66]} rot={[0, -(i / 10) * Math.PI * 2, 0]} s={[0.16, 1.1, 0.03]} c="#7A818B" m={0.5} r={0.5} />
+					))}
+					{[-0.3, 0, 0.3].map((x) => (
+						<group key={x} position={[x, 0.72, 0]}>
+							{[0.1, 0.22, 0.34].map((y) => (
+								<Y key={y} p={[0, y, 0]} rad={[0.07, 0.12]} h={0.1} c="#8A4A2B" r={0.4} />
+							))}
+							<Y p={[0, 0.46, 0]} rad={0.03} h={0.14} {...ACERO} />
+						</group>
+					))}
+				</group>
+			);
+		case 'poste':
+			return (
+				<group>
+					<Y rad={[0.07, 0.1]} h={2.4} c={k('#7A5A3C')} r={0.9} />
+					<C p={[0, 0.85, 0]} s={[1.5, 0.09, 0.09]} c="#6A4C32" r={0.9} />
+					<C p={[0, 0.5, 0]} s={[1.0, 0.08, 0.08]} c="#6A4C32" r={0.9} />
+					{[-0.65, -0.3, 0.3, 0.65].map((x) => (
+						<Y key={x} p={[x, 0.95, 0]} rad={[0.03, 0.05]} h={0.14} c="#DDE3EA" r={0.3} />
+					))}
+					{[-0.65, 0.65].map((x) => (
+						<Tubo key={x} pts={[[x, 1.02, 0], [x * 1.6, 0.9, 0], [x * 2.3, 0.98, 0]]} rad={0.012} c="#15161A" />
+					))}
+					<Y p={[0.2, 0.2, 0.12]} rad={0.14} h={0.4} c="#8E959F" m={0.5} r={0.5} />
+				</group>
+			);
+		case 'bateria': {
+			const nivel = Math.max(0, Math.min(1, o.nivel ?? 1));
+			return (
+				<group>
+					<Y rad={0.5} h={1.8} c={k('#1E1F25')} r={0.4} m={0.3} seg={36} />
+					<Y p={[0, -0.9 + 0.75 * nivel, 0]} rad={0.505} h={1.5 * nivel} c={nivel > 0.25 ? '#3DDC84' : '#E0352B'} r={0.4} e={0.25} seg={36} />
+					<Y p={[0, 0.96, 0]} rad={0.2} h={0.14} {...ACERO} />
+					<Y p={[0, -0.92, 0]} rad={0.46} h={0.04} {...ACERO} />
+				</group>
+			);
+		}
+		case 'turbina':
+			return (
+				<group position={[0, -0.2, 0]}>
+					<Y p={[0, -0.3, 0]} rad={[0.05, 0.09]} h={1.8} c={k('#EEF0F3')} r={0.4} />
+					<C p={[0, 0.62, -0.08]} s={[0.16, 0.16, 0.42]} c="#E2E5EA" r={0.4} />
+					<Y eje="z" p={[0, 0.62, 0.16]} rad={[0.03, 0.09]} h={0.14} c="#E2E5EA" r={0.4} />
+					<group position={[0, 0.62, 0.2]} rotation={[0, 0, -giro * 0.4]}>
+						{[0, 1, 2].map((i) => (
+							<group key={i} rotation={[0, 0, (i * Math.PI * 2) / 3]}>
+								<C p={[0, 0.5, 0]} s={[0.1, 1.0, 0.025]} rot={[0, 0.25, 0]} c="#F6F7F9" r={0.35} />
+							</group>
+						))}
+					</group>
+				</group>
+			);
+		case 'torre_electrica':
+			return (
+				<group>
+					{[-1, 1].map((l) => (
+						<C key={l} p={[l * 0.28, -0.1, 0]} rot={[0, 0, l * 0.16]} s={[0.05, 2.1, 0.05]} {...ACERO} c={k(ACERO.c)} />
+					))}
+					{[-0.9, -0.5, -0.1, 0.3, 0.7].map((y, i) => (
+						<group key={y}>
+							<C p={[0, y, 0]} s={[0.9 - i * 0.14, 0.035, 0.04]} {...ACERO} />
+							<C p={[0, y + 0.2, 0]} rot={[0, 0, i % 2 ? 0.75 : -0.75]} s={[0.035, 0.6 - i * 0.07, 0.035]} {...ACERO} />
+						</group>
+					))}
+					{[0.75, 0.45].map((y, i) => (
+						<group key={y}>
+							<C p={[0, y, 0]} s={[1.9 - i * 0.5, 0.05, 0.05]} {...ACERO} />
+							{[-1, 1].map((l) => (
+								<Y key={l} p={[l * (0.9 - i * 0.25), y - 0.1, 0]} rad={0.035} h={0.16} c="#7FB7E8" r={0.2} />
+							))}
+						</group>
+					))}
+					<C p={[0, 1.0, 0]} s={[0.05, 0.3, 0.05]} {...ACERO} />
+				</group>
+			);
+		case 'aire':
+			return (
+				<group>
+					<C s={[2.2, 0.75, 0.55]} c={k('#F4F5F7')} r={0.35} />
+					<C p={[0, -0.28, 0.25]} rot={[0.5, 0, 0]} s={[1.9, 0.05, 0.3]} c="#DDE0E5" r={0.4} />
+					<C p={[0, 0.2, 0.28]} s={[1.9, 0.03, 0.01]} c="#DDE0E5" />
+					<E p={[0.9, -0.05, 0.28]} rad={0.035} c="#3DDC84" e={1} />
+					{o.aire !== false &&
+						[-0.6, 0, 0.6].map((x, i) => {
+							const f = (t * 0.8 + i * 0.33) % 1;
+							return <C key={x} p={[x, -0.5 - f * 0.5, 0.45 + f * 0.25]} s={[0.35, 0.02, 0.02]} c="#9FD4FF" o={0.7 * (1 - f)} />;
+						})}
+				</group>
+			);
+		// ------------------------------------------------------------ electrónica
+		case 'chip':
+			return (
+				<group rotation={[-0.75, 0, 0]}>
+					<C s={[1.5, 1.5, 0.22]} c={k('#1A1B20')} r={0.5} />
+					<Y eje="z" p={[-0.55, 0.55, 0.12]} rad={0.06} h={0.01} c="#6B6F78" />
+					<C p={[0, 0, 0.115]} s={[0.8, 0.5, 0.005]} c="#3A3D45" r={0.4} />
+					{Array.from({length: 8}, (_, i) =>
+						[0, 1, 2, 3].map((lado) => (
+							<group key={`${i}${lado}`} rotation={[0, 0, (lado * Math.PI) / 2]}>
+								<C p={[-0.56 + i * 0.16, 0.86, -0.06]} s={[0.07, 0.24, 0.04]} {...ACERO} />
+							</group>
+						)),
+					)}
+				</group>
+			);
+		case 'placa':
+			return (
+				<group rotation={[-0.7, 0, 0]}>
+					<C s={[2.2, 2.2, 0.06]} c={k(PCB.c)} r={0.55} />
+					{/* procesador con su marco */}
+					<C p={[-0.3, 0.4, 0.06]} s={[0.75, 0.75, 0.06]} c="#C9CDD4" m={0.8} r={0.3} />
+					<C p={[-0.3, 0.4, 0.1]} s={[0.5, 0.5, 0.04]} c="#8E959F" m={0.9} r={0.25} />
+					{/* ranuras de memoria */}
+					{[0.45, 0.62, 0.79, 0.96].map((x) => (
+						<C key={x} p={[x, 0.3, 0.07]} s={[0.07, 1.3, 0.1]} c="#15161A" r={0.5} />
+					))}
+					{/* ranuras de expansión */}
+					{[-0.45, -0.72].map((y, i) => (
+						<C key={y} p={[-0.15, y, 0.07]} s={[1.5, 0.09, 0.1]} c={i ? '#E6E3DC' : '#2B6FD6'} r={0.5} />
+					))}
+					{/* capacitores */}
+					{[[-0.95, 0.9], [-0.78, 0.9], [-0.95, 0.72], [0.2, 0.95], [0.2, -0.2], [-0.9, -0.1]].map(([x, y]) => (
+						<Y key={`${x}${y}`} eje="z" p={[x, y, 0.13]} rad={0.07} h={0.2} c="#1E1F25" r={0.4} />
+					))}
+					{/* pila, chipset y puertos */}
+					<Y eje="z" p={[0.7, -0.75, 0.06]} rad={0.2} h={0.06} {...ACERO} />
+					<C p={[-0.75, -0.3, 0.07]} s={[0.35, 0.35, 0.08]} c="#1A1B20" r={0.5} />
+					<C p={[-1.0, 0.3, 0.14]} s={[0.16, 0.9, 0.24]} c="#B9BEC6" m={0.8} r={0.35} />
+					{/* pistas */}
+					{[-0.2, -0.05, 0.1].map((y) => (
+						<C key={y} p={[0.1, y - 0.1, 0.032]} s={[1.0, 0.015, 0.005]} c="#57C48A" e={0.2} />
+					))}
+				</group>
+			);
+		case 'resistor':
+			return (
+				<group>
+					<Y eje="x" rad={0.035} h={2.4} {...ACERO} />
+					<Y eje="x" rad={0.26} h={1.0} c={k('#D9B98A')} r={0.5} />
+					<E p={[-0.5, 0, 0]} rad={0.3} c={k('#D9B98A')} r={0.5} />
+					<E p={[0.5, 0, 0]} rad={0.3} c={k('#D9B98A')} r={0.5} />
+					{(o.bandas ?? ['#8A4A2B', '#15161A', '#E0352B', '#E0B64A']).map((c: string, i: number) => (
+						<Y key={i} eje="x" p={[-0.3 + i * 0.2 + (i === 3 ? 0.12 : 0), 0, 0]} rad={0.268} h={0.09} c={c} r={0.5} />
+					))}
+				</group>
+			);
+		case 'capacitor':
+			return (
+				<group position={[0, 0.2, 0]}>
+					<Y rad={0.5} h={1.3} c={k('#1F3F8F')} r={0.4} seg={36} />
+					<Y p={[0, 0.66, 0]} rad={0.48} h={0.04} c="#C9CDD4" m={0.8} r={0.3} />
+					<C p={[0.495, 0, 0]} s={[0.02, 1.2, 0.3]} c="#DDE3EA" />
+					<Y p={[0, -0.68, 0]} rad={0.5} h={0.06} c="#15161A" />
+					{[-0.18, 0.18].map((x, i) => (
+						<Y key={x} p={[x, -1.05 + i * 0.08, 0]} rad={0.03} h={0.7 - i * 0.16} {...ACERO} />
+					))}
+				</group>
+			);
+		case 'led': {
+			const c = k('#FF3B3B');
+			const on = o.encendido ?? true;
+			return (
+				<group position={[0, 0.3, 0]}>
+					<Y p={[0, -0.05, 0]} rad={0.42} h={0.7} c={c} r={0.15} e={on ? 0.9 : 0.05} o={0.9} />
+					<E p={[0, 0.3, 0]} rad={0.42} c={c} r={0.15} e={on ? 0.9 : 0.05} o={0.9} />
+					<Y p={[0, -0.42, 0]} rad={0.5} h={0.08} c={c} r={0.2} e={on ? 0.5 : 0} />
+					{[-0.15, 0.15].map((x, i) => (
+						<Y key={x} p={[x, -0.95 + i * 0.1, 0]} rad={0.03} h={1.0 - i * 0.2} {...ACERO} />
+					))}
+				</group>
+			);
+		}
+		case 'disco_duro':
+			return (
+				<group rotation={[-0.7, 0, 0]}>
+					<C s={[1.6, 2.2, 0.3]} c={k('#B9BEC6')} m={0.8} r={0.35} />
+					<group position={[0, 0.3, 0.17]} rotation={[0, 0, -giro * 0.6]}>
+						<Y eje="z" rad={0.72} h={0.03} c="#DDE3EA" m={0.95} r={0.12} seg={48} />
+						<C p={[0.4, 0, 0.018]} s={[0.3, 0.02, 0.002]} c="#F4F6F8" />
+					</group>
+					<Y eje="z" p={[0, 0.3, 0.2]} rad={0.16} h={0.05} {...ACERO} />
+					<group position={[0.55, -0.75, 0.2]} rotation={[0, 0, 2.2 + Math.sin(t * 3) * 0.18]}>
+						<C p={[0.4, 0, 0]} s={[0.85, 0.09, 0.03]} {...ACERO} />
+						<Y eje="z" rad={0.13} h={0.06} {...ACERO} />
+					</group>
+					<C p={[0, -1.02, 0]} s={[1.0, 0.1, 0.1]} c="#1F7A4D" r={0.5} />
+				</group>
+			);
+		case 'tarjeta_grafica':
+			return (
+				<group rotation={[0.5, -0.3, 0]}>
+					<C s={[2.4, 1.0, 0.36]} c={k('#22242A')} r={0.45} />
+					<C p={[0, -0.02, -0.2]} s={[2.4, 1.06, 0.05]} {...PCB} />
+					{[-0.6, 0.6].map((x) => (
+						<group key={x} position={[x, 0, 0.19]}>
+							<Y eje="z" rad={0.44} h={0.03} c="#15161A" seg={36} />
+							<Aspas n={9} rad={0.4} giro={giro * 2} c="#3A3D45" p={[0, 0, 0.03]} ancho={0.22} />
+							<Y eje="z" p={[0, 0, 0.04]} rad={0.12} h={0.06} c="#2A2C33" />
+						</group>
+					))}
+					<C p={[0, 0.45, 0.19]} s={[1.0, 0.05, 0.02]} c={o.luz ?? '#3DDC84'} e={0.9} />
+					<C p={[0.2, -0.6, -0.2]} s={[1.5, 0.16, 0.03]} {...ORO} />
+					<C p={[-1.24, 0, 0]} s={[0.05, 1.2, 0.5]} {...ACERO} />
+				</group>
+			);
+		case 'disipador':
+			return (
+				<group rotation={[0.35, -0.4, 0]}>
+					<C p={[0, -0.75, 0]} s={[1.5, 0.12, 1.5]} {...COBRE} />
+					{Array.from({length: 11}, (_, i) => (
+						<C key={i} p={[-0.7 + i * 0.14, -0.15, 0]} s={[0.04, 1.1, 1.5]} c={k('#C9CDD4')} m={0.85} r={0.3} />
+					))}
+					<group position={[0, 0.5, 0]}>
+						<C s={[1.5, 0.22, 1.5]} c="#1E1F25" r={0.5} o={0.92} />
+						<group position={[0, 0.12, 0]} rotation={[-Math.PI / 2, 0, 0]}>
+							<Aspas n={7} rad={0.62} giro={giro * 2} c="#3A3D45" ancho={0.28} />
+							<Y eje="z" rad={0.16} h={0.08} c="#2A2C33" />
+						</group>
+					</group>
+				</group>
+			);
+		case 'ram':
+			return (
+				<group>
+					<C s={[2.4, 0.62, 0.05]} c={k(PCB.c)} r={0.55} />
+					{[-0.9, -0.45, 0, 0.45, 0.9].map((x) => (
+						<C key={x} p={[x, 0.06, 0.04]} s={[0.34, 0.3, 0.05]} c="#15161A" r={0.5} />
+					))}
+					<C p={[-0.25, -0.33, 0]} s={[1.6, 0.1, 0.055]} {...ORO} />
+					<C p={[0.95, -0.33, 0]} s={[0.4, 0.1, 0.055]} {...ORO} />
+				</group>
+			);
+		case 'router':
+			return (
+				<group position={[0, -0.4, 0]}>
+					<C s={[2.0, 0.34, 1.2]} c={k('#F2F3F5')} r={0.4} />
+					{[-0.8, 0, 0.8].map((x, i) => (
+						<Y key={x} p={[x, 0.75, -0.5]} rot={[0, 0, (i - 1) * -0.22]} rad={0.045} h={1.3} c="#22242A" r={0.5} />
+					))}
+					{[-0.6, -0.4, -0.2, 0].map((x, i) => (
+						<E key={x} p={[x, 0.02, 0.61]} rad={0.035} c="#3DDC84" e={Math.sin(t * 6 + i * 1.7) > 0 ? 1 : 0.15} />
+					))}
+				</group>
+			);
+		case 'servidor':
+			return (
+				<group>
+					<C s={[1.3, 2.3, 1.1]} c={k('#1E1F25')} r={0.5} m={0.3} />
+					{Array.from({length: 7}, (_, i) => (
+						<group key={i} position={[0, 0.9 - i * 0.3, 0.56]}>
+							<C s={[1.1, 0.22, 0.03]} c="#2E3038" r={0.5} m={0.4} />
+							<E p={[-0.42, 0, 0.02]} rad={0.03} c="#3DDC84" e={Math.sin(t * 5 + i * 2.1) > -0.3 ? 1 : 0.1} />
+							<E p={[-0.32, 0, 0.02]} rad={0.03} c="#FFB020" e={Math.sin(t * 9 + i * 1.3) > 0.2 ? 1 : 0.1} />
+							{[0.05, 0.15, 0.25, 0.35].map((x) => (
+								<C key={x} p={[x, 0, 0.02]} s={[0.06, 0.12, 0.01]} c="#15161A" />
+							))}
+						</group>
+					))}
+				</group>
+			);
+		case 'fuente_poder':
+			return (
+				<group rotation={[0.3, -0.5, 0]}>
+					<C s={[1.9, 1.2, 1.6]} c={k('#2A2C33')} m={0.5} r={0.5} />
+					<group position={[0, 0.61, 0]} rotation={[-Math.PI / 2, 0, 0]}>
+						<Y eje="z" rad={0.62} h={0.02} c="#15161A" seg={36} />
+						<Aspas n={7} rad={0.56} giro={giro * 1.5} c="#4A4D56" p={[0, 0, 0.02]} ancho={0.28} />
+						<Y eje="z" p={[0, 0, 0.03]} rad={0.14} h={0.05} c="#E0B64A" />
+					</group>
+					<C p={[-0.5, 0, 0.81]} s={[0.4, 0.3, 0.02]} c="#15161A" />
+					<C p={[0.4, 0.1, 0.81]} s={[0.2, 0.14, 0.04]} c="#E0352B" />
+					{['#E0352B', '#F2C230', '#15161A'].map((c, i) => (
+						<Tubo key={c} pts={[[-0.96, -0.2 + i * 0.12, -0.3], [-1.3, -0.25 + i * 0.12, -0.2], [-1.55, -0.5 + i * 0.1, 0.1]]} rad={0.035} c={c} r={0.6} />
+					))}
+				</group>
+			);
+		// ------------------------------------------------------------ mecánica
+		case 'engrane':
+			return o.par ? (
+				<group>
+					<Engrane p={[-0.52, 0, 0]} n={14} ext={0.85} giro={giro * 0.25} c={k(ACERO.c)} m={0.85} r={0.3} />
+					<Engrane p={[0.78, 0.1, 0]} n={8} ext={0.5} giro={-giro * 0.25 * (14 / 8) + 0.2} {...LATON} />
+				</group>
+			) : (
+				<Engrane giro={giro * 0.25} c={k(ACERO.c)} m={0.85} r={0.3} />
+			);
+		case 'tornillo':
+			return (
+				<group rotation={[0, 0, 0.5]}>
+					<Y p={[0, -0.2, 0]} rad={0.2} h={1.7} {...ACERO} c={k(ACERO.c)} />
+					<Helice vueltas={9} rad={0.2} alto={1.3} tubo={0.045} p={[0, -0.4, 0]} {...ACERO} c={k(ACERO.c)} />
+					<Y p={[0, -1.12, 0]} rad={[0.2, 0.02]} h={0.2} {...ACERO} c={k(ACERO.c)} />
+					<Y p={[0, 0.78, 0]} rad={[0.5, 0.42]} h={0.26} {...ACERO} c={k(ACERO.c)} />
+					<C p={[0, 0.92, 0]} s={[0.6, 0.06, 0.09]} c="#3A3D45" m={0.8} />
+					<C p={[0, 0.92, 0]} s={[0.09, 0.06, 0.6]} c="#3A3D45" m={0.8} />
+				</group>
+			);
+		case 'tuerca': {
+			return (
+				<group rotation={[1.0, 0.3, 0]}>
+					<Hex rad={1} h={0.6} {...ACERO} c={k(ACERO.c)} />
+					<Y rad={0.5} h={0.62} c="#2A2C33" m={0.7} r={0.5} />
+					<Helice vueltas={4} rad={0.48} alto={0.5} tubo={0.04} {...ACERO} />
+				</group>
+			);
+		}
+		case 'motor':
+			return (
+				<group>
+					<Y eje="x" rad={0.62} h={1.5} c={k('#2F6DB5')} m={0.3} r={0.45} seg={36} />
+					{Array.from({length: 9}, (_, i) => (
+						<Y key={i} eje="x" p={[-0.6 + i * 0.15, 0, 0]} rad={0.67} h={0.04} c="#285C99" m={0.3} r={0.5} seg={36} />
+					))}
+					<Y eje="x" p={[-0.82, 0, 0]} rad={0.64} h={0.14} {...ACERO} />
+					<Y eje="x" p={[0.82, 0, 0]} rad={0.64} h={0.14} {...ACERO} />
+					<group position={[1.15, 0, 0]} rotation={[giro, 0, 0]}>
+						<Y eje="x" rad={0.11} h={0.55} {...ACERO} />
+						<C p={[0.1, 0.11, 0]} s={[0.3, 0.05, 0.06]} c="#3A3D45" m={0.8} />
+					</group>
+					<C p={[0, 0.72, 0]} s={[0.5, 0.26, 0.5]} c="#3A3D45" r={0.5} />
+					<C p={[0, -0.7, 0]} s={[1.3, 0.1, 1.4]} c="#3A3D45" r={0.6} />
+				</group>
+			);
+		case 'resorte':
+			return <Helice vueltas={7} rad={0.5} alto={1.9 * (1 - 0.25 * Math.abs(Math.sin(t * (o.velocidad ?? 0) * Math.PI)))} tubo={0.07} {...ACERO} c={k(ACERO.c)} />;
+		case 'piston': {
+			const y = Math.sin(giro * 0.5) * 0.3;
+			return (
+				<group>
+					<Y p={[0, 0.2, 0]} rad={0.72} h={1.5} c="#C9CDD4" m={0.6} r={0.4} o={0.3} seg={36} />
+					<group position={[0, 0.35 + y, 0]}>
+						<Y rad={0.64} h={0.6} c={k(ACERO.c)} m={0.85} r={0.3} seg={36} />
+						{[0.2, 0.08].map((d) => (
+							<Aro key={d} p={[0, d, 0]} rot={[Math.PI / 2, 0, 0]} rad={0.64} tubo={0.025} c="#3A3D45" m={0.8} />
+						))}
+						<C p={[0, -0.75, 0]} rot={[0, 0, -y * 0.4]} s={[0.16, 1.2, 0.12]} {...ACERO} />
+					</group>
+					<Y eje="z" p={[0, -1.0, 0]} rad={0.24} h={0.3} {...ACERO} />
+				</group>
+			);
+		}
+		default:
+			return null;
+	}
+};

package/remotion/motor/objetos3d.tsx

@@ -3,12 +3,18 @@
 // Cada objeto mide ~2 unidades y viene centrado. Materiales con brillo: se ven bien con los reflejos del entorno.
 import React, {useMemo} from 'react';
 import * as THREE from 'three';
+import {OBJETOS_INGENIERIA, ObjetoIngenieria} from './objetos-ingenieria';
+import {OBJETOS_CIENCIA, ObjetoCiencia} from './objetos-ciencia';
 
 export const OBJETOS_3D = [
 	'corazon', 'estrella', 'rayo', 'diamante', 'trofeo', 'cohete', 'foco', 'reloj', 'planeta', 'arbol',
 	'nube', 'regalo', 'llave', 'candado', 'casa', 'libro', 'globo', 'medalla', 'escudo', 'pin',
 	// construcción (aceptan opciones: ver más abajo)
 	'tuberia', 'muro', 'viga', 'columna', 'escalera', 'losa', 'tanque', 'suelo',
+	// plomería, electricidad, electrónica y mecánica (objetos-ingenieria.tsx)
+	...OBJETOS_INGENIERIA,
+	// ciencia y cuerpo, consola, casa y ciudad, transporte, escuela (objetos-ciencia.tsx)
+	...OBJETOS_CIENCIA,
 ] as const;
 
 type M = {color?: string; metal?: number; rugosidad?: number};
@@ -543,6 +549,7 @@ export const Objeto3D: React.FC<{forma: string; t: number; opciones?: Record<str
 			);
 		}
 		default:
-			return null;
+			if ((OBJETOS_INGENIERIA as readonly string[]).includes(forma)) return <ObjetoIngenieria forma={forma} t={t} opciones={o} {...m} />;
+			return (OBJETOS_CIENCIA as readonly string[]).includes(forma) ? <ObjetoCiencia forma={forma} t={t} opciones={o} {...m} /> : null;
 	}
 };