Skip to content

Sei voci tipografiche in più: come una riga arriva, e dove sta - #10

Merged
antoninobig-beep merged 3 commits into
mainfrom
tipografia-allargata
Sep 4, 2026
Merged

antoninobig-beep merged 3 commits into
mainfrom
tipografia-allargata

Conversation

@antoninobig-beep

Copy link
Copy Markdown
Collaborator

La famiglia passa da 4 a 10. Le nuove si dividono in due gruppi.

Come una riga arriva

  • TYP-05 la maschera — ogni parola sale da dietro il bordo della sua casella. È la tecnica più usata nel kinetic tipografico, e il motivo è che una maschera non muove il testo: la parola è già al suo posto e viene solo scoperta, mentre una dissolvenza la fa comparire.
  • TYP-06 il grano dello scaglionamento — lettera per lettera contro parola per parola: 23 momenti d'ingresso contro 7 sulla stessa frase. Una riga che cola contro una che atterra a blocchi.
  • TYP-07 la spaziatura che si chiude — da 0,225em. L'unica entrata che non porta dentro niente da fuori campo: la frase è già tutta lì e smette solo di trattenere il fiato.
  • TYP-08 il peso che atterra — da 300 a 800.

Due hanno corretto la voce che le descriveva

Quella sul peso sosteneva che il peso cambia l'inchiostro senza cambiare l'ingombro. Il render l'ha smentita al primo fotogramma: la frase lunga stava su una riga a 300 e andava a capo a 800. Ora sono due parole, la crescita di larghezza è dichiarata (12%) invece che negata.

La spaziatura aveva lo stesso difetto un piano sotto: larga spingeva la riga su tre righe, stretta su due, quindi la composizione si rifaceva a metà animazione.

Dove sta

  • TYP-09 la compagna su un altro asse ← la riga piccola ruotata che corre sul fianco in maiuscoletto spaziato. Non compete perché non sta sull'asse che l'occhio segue; messa piatta sotto, le stesse parole diventano un sottotitolo, e un sottotitolo è una seconda cosa da leggere.
  • TYP-10 la frase sul piano ← la voce che lega questa famiglia al resto del repo: la tipografia vive nella prospettiva della lastra invece di stare appoggiata sul quadro. Il banco lo misura nel modo più economico che c'è: sul piano i due capi della riga sono diversi (0,909), da piatta identici (1,000).

Tre sonde sbagliate mie

Per la maschera misuravo l'altezza della casella, che non cambia mai perché è il suo mestiere; poi lo scostamento assoluto, che ha un padding dentro. Quello che distingue lo scoprire dall'accendere è l'escursione: 83 px contro 0. Per la spaziatura misuravo il riquadro della riga, e con la riga che va a capo il riquadro misura la riga più larga — quindi chiudere la spaziatura risultava allargarla.

Stato

36 voci, 32 con un banco che le boccia, 36 cicli che si chiudono.

🤖 Generated with Claude Code

Antonino Cuzzola and others added 3 commits September 4, 2026 18:52
La famiglia passa da quattro a dieci, e le nuove si dividono in due gruppi.

COME ARRIVA. La MASCHERA che scopre ogni parola da dietro il bordo della sua
casella - la tecnica piu' usata nel kinetic tipografico, e il motivo e' che una
maschera non muove il testo: la parola e' gia' al suo posto e viene solo
scoperta, mentre una dissolvenza la fa comparire. Il GRANO dello scaglionamento,
lettera per lettera contro parola per parola: 23 momenti d'ingresso contro 7
sulla stessa frase, che e' la differenza fra una riga che cola e una che atterra
a blocchi. La SPAZIATURA che si chiude da 0,225em, l'unica entrata che non porta
dentro niente da fuori campo - la frase e' gia' tutta li' e smette solo di
trattenere il fiato. E il PESO che atterra da 300 a 800.

DUE DI QUESTE HANNO CORRETTO LA VOCE CHE LE DESCRIVEVA, ed e' il senso di
misurare. Quella sul peso sosteneva che il peso e' l'asse che cambia l'inchiostro
di una parola senza cambiarne l'ingombro: il render l'ha smentita al primo
fotogramma, perche' la frase lunga stava su una riga a 300 e andava a capo a 800.
Adesso sono due parole, la crescita di larghezza e' dichiarata (12 per cento)
invece che negata, e la lezione e' scritta: su una riga lunga o la si tiene corta
o le si blocca la larghezza. La spaziatura aveva lo stesso difetto un piano
sotto - larga spingeva la riga su tre righe e stretta su due, quindi la
composizione si rifaceva a meta' animazione. La spaziatura E' una proprieta' di
layout, che e' proprio quello che la voce dice.

DOVE STA. La COMPAGNA SU UN ALTRO ASSE: la riga piccola ruotata che corre sul
fianco in maiuscoletto spaziato, che e' quello che le reference mettono accanto a
ogni frase principale. Non compete perche' non sta sull'asse che l'occhio sta
seguendo; messa piatta sotto, le stesse parole diventano un sottotitolo, e un
sottotitolo e' una seconda cosa da leggere. E la FRASE SUL PIANO, che e' la voce
che lega questa famiglia al resto del repo: la tipografia vive nella prospettiva
della lastra invece di stare appoggiata sul quadro. Se il film e' un oggetto
inclinato ripreso da una camera, una frase piatta sul vetro viene da un altro
film. Il banco lo misura nel modo piu' economico che c'e': sul piano i due capi
della riga sono diversi (0,909), da piatta identici (1,000).

Tre sonde sbagliate mie, tenute scritte perche' sono lo stesso errore. Per la
maschera misuravo l'altezza della casella, che non cambia mai perche' e' il suo
mestiere; poi lo scostamento assoluto, che ha un padding dentro. Quello che
distingue lo scoprire dall'accendere e' l'ESCURSIONE: 83 px contro 0. Per la
spaziatura misuravo il riquadro della riga, e con la riga che va a capo il
riquadro misura la riga piu' larga, quindi chiudere la spaziatura risultava
allargarla.

Trentasei voci, trentadue con un banco che le boccia, trentasei cicli che si
chiudono.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Il banco chiedeva una crescita del 4 per cento, che e' il numero di questa
macchina. Sul Linux della CI la stessa animazione ne fa 3,6, perche' il font di
sistema e' un altro e spende meno sul peso. Una soglia su quel valore misura
quali font sono installati, non cosa fa il peso: adesso il banco chiede che la
larghezza CRESCA, e la voce riporta tutti e due i numeri.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
…lo dichiara

Restava un difetto vero, ed e' quello che si vedeva scorrendo il sito: meta'
delle voci mostrano il caso giusto e poi quello sbagliato, e nel passaggio fra i
due possono ripartire da capo. E' lo stesso stacco della giunta di ciclo, in un
altro punto.

Cercarlo da solo non aveva funzionato, e l'avevo scritto come un limite: uno
stacco e una DISSOLVENZA si somigliano troppo. Contando i pixel sopra soglia una
dissolvenza lineare fa picco a meta' strada, dove la maggior parte dei pixel
attraversa la soglia tutti insieme, e il banco segnalava come stacco l'uscita di
campo di una riga di testo. Con la differenza media il picco sparisce ma la
misura diventa cosi' sensibile da segnalare tutto.

La soluzione non e' stata una misura piu' furba: e' stata smettere di indovinare.
Ogni demo a due meta' DICHIARA il fotogramma in cui cambia, con `half`, e il
banco va a guardare li'. E' lo stesso patto che `seamAfter` fa in catalog.json -
la scena dice dove sta la giunta e il banco la misura - e vale per la stessa
ragione: una giunta dichiarata si misura esattamente, una da indovinare no.

Puntato sui venti fotogrammi dichiarati ne ha trovata una sola ancora aperta, ed
era proprio quella che si notava: CUR-03 cambiava 547 pixel in un fotogramma
contro zero nei vicini, perche' la risposta al clic restava li' finche' la meta'
non finiva e poi spariva di colpo. Adesso si RISOLVE - la lavorazione finisce,
che e' quello che farebbe l'app - e non e' un riavvolgimento: nessuno vede la
riga scriversi all'indietro.

Il controllo negativo e' CHR-02 rimessa a ripartire dal vuoto, cioe' com'era
prima dell'orologio virtuale.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
@antoninobig-beep
antoninobig-beep merged commit 7abd01d into main Sep 4, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant