Casi todo el código que se ve en una diapositiva es una captura de pantalla. Queda bien y no puede moverse: enseñas el resultado final, o enseñas tres imágenes seguidas y confías en que el público siga la diferencia por su cuenta.
Keynote puede hacerlo mejor. Movimiento mágico interpola entre dos diapositivas, y si el código es texto de verdad en lugar de una imagen, animará las palabras una a una: una línea que baja para dejar sitio, un valor que cambia, un bloque entero que aparece mientras todo lo demás se recoloca para acomodarlo.
Eso son dos diapositivas y una transición. Ni After Effects, ni pista de vídeo.
Por qué una captura no puede hacerlo
Movimiento mágico funciona emparejando los objetos de dos diapositivas consecutivas y animando el paso de unos a otros. Una imagen es un objeto. Keynote puede moverla, escalarla, fundirla, pero no puede meter la mano dentro y animar la cuarta línea, porque para Keynote no existe ninguna cuarta línea.
El texto es otra cosa. Una caja de texto contiene palabras, y Movimiento mágico sabe emparejarlas por separado.
Así que toda la técnica depende de meter en Keynote código coloreado como texto. Teclearlo y colorearlo a mano es un suplicio. Pegarlo desde el editor pierde el resaltado, porque los editores dejan texto plano en el portapapeles.
Sacar el código coloreado como texto
Codeshot exporta dos cosas. PNG es la imagen ya compuesta: fondo, marco de ventana, sombra. RTF es el código a solas, como texto coloreado.
Pon Formato en RTF y pulsa Copiar RTF. En el RTF no hay fondo, y es a propósito: la diapositiva pone el suyo, y un segundo fondo por detrás solo estorbaría.
Merece la pena conocer un detalle, porque es lo que suele arruinar el código pegado: el RTF identifica las tipografías por su nombre, y la monoespaciada del sistema tiene un nombre privado que las demás apps no saben resolver. Cuando no lo resuelven, sustituyen por algo proporcional, y la alineación en columnas —lo que hace que el código se lea como código— se viene abajo. Codeshot cambia esa tipografía por Menlo al salir para que no ocurra. Si elegiste tú una tipografía, su nombre ya es público y pasa intacto.
Montar las dos diapositivas
Pega en una diapositiva. Comando-V. Los colores vienen con el texto. Redimensiona la caja, pero no reescribas nada: Movimiento mágico empareja por las palabras mismas.
Duplica la diapositiva. Selecciónala en el navegador y pulsa Comando-D. Ya tienes dos diapositivas idénticas.
Edita una de las dos. O añades a la segunda las líneas que aún no estaban o —a menudo más cómodo— pegas el fragmento terminado y borras líneas de la primera hasta dejarla en el estado anterior. Todo lo que no toques es lo que Movimiento mágico animará; todo lo que añadas o quites es lo que fundirá al entrar o al salir.
Conviene trabajar hacia atrás. Movimiento mágico empareja por las palabras mismas, así que las líneas que deben quedarse quietas tienen que ser idénticas en ambas diapositivas. Borrar sobre un duplicado lo garantiza; reescribir una línea a mano es la forma de acabar con una palabra que calladamente no empareja y da un salto en lugar de moverse.
El orden importa: la transición pertenece a la diapositiva de la que sales, así que construye primero el estado antes.
El ajuste del que depende todo
Selecciona la primera diapositiva, abre la barra lateral Animación y añade Movimiento mágico.
Luego cambia Coincidir de su valor por omisión a Por palabra.
De este ajuste cuelga el efecto entero. Si lo dejas como está, Movimiento mágico trata la caja de texto como un solo objeto y la funde: obtienes un borrón entre dos estados en vez de código que se mueve. Por palabra le dice que empareje las palabras de cada diapositiva y las anime una a una, que es lo que hace que las líneas se deslicen y los valores cambien sin moverse del sitio.
Una duración de 1,5 a 2 segundos se lee bien con código. Más rápido y nadie alcanza a ver qué línea se ha movido, que es justo lo único que importa aquí.
Fundido de objetos diferentes debe quedarse activado. Es lo que hace que las líneas nuevas aparezcan y las eliminadas desaparezcan en vez de dar un chasquido.
Encadenar una secuencia
Tres diapositivas, dos movimientos mágicos, y ya puedes llevar al público por una refactorización paso a paso: la versión ingenua, la función extraída, la forma final. Cada transición arrastra consigo las líneas que no cambian, de modo que la vista siga anclada en lo que sí cambió.
Que cada paso sea pequeño. Dos o tres líneas de diferencia por transición son de sobra: una diapositiva que cambia la mitad de su contenido se anima hasta volverse ruido.
Cuándo es mejor una imagen
No todas las diapositivas de código quieren esto.
Si el código no cambia nunca, un PNG es más simple, más nítido y trae el marco de ventana y el fondo que le dan aire de cosa diseñada. Expórtalo a 2× y listo. El flujo completo cubre ese camino.
Usa RTF y Movimiento mágico cuando lo importante sea el cambio: cuando enseñas un diff, construyes algo por partes o explicas por qué una versión se convirtió en otra.
Más allá de Keynote
Ese mismo RTF entra en Pages, en Word y en cualquier cosa que acepte texto enriquecido. Es texto coloreado, seleccionable y buscable en lugar de una imagen, lo que además significa que un lector de pantalla lo sigue leyendo y que alguien puede copiar una línea de tu documento y ejecutarla.