SYS · ONLINE // SUITE STRUMENTI
ITIS E. MAJORANA · CASSINO
Repository strumenti · Prof. Ing. Biagio Raucci

Strumenti & Codice
per il volo e per l'aula

Raccolta sistematica delle applicazioni e web app che sviluppo per la didattica delle Costruzioni Aeronautiche e che metto a disposizione degli studenti. Apri una scheda per leggere cosa fa il programma, a cosa serve e raggiungere il link diretto.

Lavori catalogati39
Web app online32
App desktop native07
A.S.2025/26
01

Strutture aeronautiche

Calcolatori e visualizzatori per il dimensionamento strutturale dell'ala: sollecitazioni, longheroni, aste di controventatura, sezioni resistenti e profili NACA.

WEB · 01
Wing Explorer — strutture alari 3D
HTML · JS · Three.js
● online
+
Cosa fa
Dato un profilo NACA a 4 cifre, traccia la geometria 2D (linea media e spessore secondo la y_t = 5t[0.2969√x − 0.126x − 0.3516x² + 0.2843x³ − 0.1036x⁴]) e ricostruisce in assonometria la struttura alare 3D completa (centine, longheroni, correnti, rivestimento) con orbit controls e vista esplosa. Calcola t/c, A/c² e I_x/c⁴.
A cosa serve
Mostrare il legame tra forma del profilo e proprietà strutturali. Configurazione mono/bi-longherone, corda di radice/estremità, semi-apertura e numero di centine: si leggono all'istante apertura, S, allungamento AR e rastremazione λ.
NACA 4 cifreStruttura 3DCentine & longheroniI_x/c⁴AR · λ · SThree.js
🚀
Apri la web app
braucci.github.io/wing-explorer/
WEB · 02
Analisi sollecitazioni semiala
HTML · JS · Canvas
● online
+
Cosa fa
Tre schemi strutturali — ala controventata a carico uniforme, ala a sbalzo con motore (sovrapposizione degli effetti), ala rastremata con portanza trapezoidale. Calcola e traccia in tempo reale i diagrammi T(x) (taglio), M_f(x) (momento flettente) e N(x) (sforzo normale) lungo l'apertura alare.
A cosa serve
Visualizzare come la distribuzione delle sollecitazioni cambia al variare della configurazione strutturale e del tipo di carico — confronto diretto tra ala controventata e sbalzo puro.
Taglio T(x)Momento flettente Mf(x)Sforzo normale N(x)Sovrapposizione effettiAla rastremata
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/sollecitazioni.html
WEB · 03
Dimensionamento longherone
HTML · JS
● online
+
Cosa fa
Dimensionamento a robustezza con metodo della forza concentrata. Input: geometria alare (W, S, b, λ), fattore di carico n, posizione e profilo del longherone, materiale (Ergal 7075, Avional 2024, personalizzato). Calcola momento flettente alla sezione, area minima delle solette e tensioni con fattore di sicurezza. Stima peso ala tramite formula di Gabrielli.
A cosa serve
Percorrere il ciclo progettuale completo — dalla definizione dei carichi al dimensionamento della sezione resistente — con stima del peso ala tramite formula di Gabrielli o percentuale del peso totale.
Forza concentrataCarichi di progettoSolette & animaErgal · AvionalFormula Gabrielli
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/dimensionamento_longherone.html
WEB · 04
Asta di controventatura — dimensionamento euleriano
HTML · JS
● online
+
Cosa fa
Dimensionamento euleriano con ricerca numerica iterativa a convergenza. Input: carichi Fc/Ft, lunghezza, coefficiente di sicurezza, materiale (Al 2024, Al 7075, S275), schema di vincolo (β = 1, 0.7, 0.5, 2), sezione ellittica cava o circolare cava. Traccia la curva I_calcolato vs I_richiesto e mostra il log delle iterazioni.
A cosa serve
Seguire il dimensionamento dell'asta dalla definizione del carico critico di Eulero alla sezione che soddisfa il requisito di inerzia minima — con animazione della convergenza numerica a velocità selezionabile.
Carico critico EuleroInstabilità eulerianaSezione ellitticaMetodo iterativoβ · schema vincoli
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/asta_controventatura.html
WEB · 05
Sezione ellittica cava — solver iterativo
HTML · JS
● online
+
Cosa fa
Dato I_min richiesto, spessore t e rapporto a/b, risolve numericamente f(b) = R·b⁴ − (b−t)³·(R·b−t) − N = 0 e restituisce i semi-assi a, b, l'area A e una vista grafica in scala. Tabella delle iterazioni principali e stampa del report.
A cosa serve
Calcolare la geometria della sezione ellittica cava a partire dal momento d'inerzia minimo richiesto — il caso specifico delle dispense di Costruzioni Aeronautiche per le aste di controventatura in Avional.
I_min = π·(a·b − c·d)Semi-assi a/bSolver bisezioneVista sezioneReport di stampa
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/asta_ellittica.html
WEB · 06
Sezioni aperte — booms + webs
HTML · JS · Canvas
● online
+
Cosa fa
Editor interattivo di sezioni sottili aperte nel modello booms+webs: si trascinano i nodi, doppio clic per aggiungere un nodo. Calcola baricentro, momenti d'inerzia I_z, I_y, I_yz e centro di taglio (y_T, z_T) con il metodo delle aree spazzate Ω = ½·a·r.
A cosa serve
Visualizzare come il centro di taglio si sposta al variare della geometria della sezione — fondamentale per il progetto di sezioni di longherone a C, Z o L: se la risultante di taglio non passa per il centro di taglio, nasce una torsione parassita.
Booms + websCentro di taglioAree spazzate ΩI_z · I_y · I_yzSezione aperta interattiva
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/sezioni_aperte.html
WEB · 07
Profili NACA & import .dat — area longherone
HTML · JS · Canvas
● online
+
Cosa fa
Genera il profilo NACA a 4/5 cifre o importa coordinate da file .dat (formato UIUC/Selig). Disegna il profilo in scala reale (corda in mm), calcola l'area tra il bordo d'attacco e il longherone nella posizione prescelta. Modalità presentazione a schermo intero, export PNG a sfondo bianco.
A cosa serve
Passare dalla sigla del profilo alla geometria costruttiva — il calcolo dell'area racchiusa è il primo passo per stimare il momento d'inerzia disponibile della sezione a torsione (metodo di Bredt).
NACA 4/5 cifre.dat UIUC/SeligArea LE-longheroneCorda in mmExport PNG
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/progetto_naca.html
WEB · 08
Diagramma V–n — inviluppo di volo
HTML · JS · Canvas
● online
+
Cosa fa
Costruisce il diagramma V–n secondo le categorie FAR 23 (Normal, Utility, Acrobatic). Input: W, S, CL_max, CL_max,R, corda media, CL_α. Calcola V_A, V_D, n_max, n_min e disegna l'inviluppo completo. Export PNG.
A cosa serve
Affrontare i requisiti di resistenza strutturale per la certificazione — dal regolamento FAR 23 alla costruzione dell'inviluppo dal quale si derivano i carichi di progetto per il dimensionamento della struttura.
FAR 23V_A · V_D · V_Cn_max · n_minFattore di caricoInviluppo di volo
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/diagramma_inviluppo.html
02

Aerodinamica

Simulatori di profili alari, metodo a pannelli, CFD real-time con Lattice-Boltzmann e visualizzazione delle onde d'urto.

WEB · 09
AeroFoil Sim — simulatore di profili alari
HTML · JS · Joukowski
● online
+
Cosa fa
Simulatore basato sulla trasformazione di Joukowski. Regolabili: tipo di corpo (airfoil, ellisse, lastra piana, cilindro), incidenza α, frecciatura, spessore, quota ISA e geometria alare. Restituisce linee di flusso, vettori C_p, portanza L, resistenza D, C_L, C_D con stima della correzione viscosa all'estradosso.
A cosa serve
Visualizzare l'effetto di incidenza, spessore e frecciatura sul campo di flusso. Il confronto inviscido/viscoso mostra l'attenuazione del picco di suzione; il cilindro rotante illustra l'effetto Magnus.
Trasformazione JoukowskiLinee di flussoC_L · C_DEffetto MagnusCorrezione viscosa
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/aerofoil_sim.html
WEB · 10
NACA Analyzer — metodo a pannelli
HTML · JS · Metodo pannelli
● online
+
Cosa fa
Analisi aerodinamica di un profilo NACA a 4 cifre con metodo a pannelli (flusso potenziale). Calcola la distribuzione di −C_p, C_L e C_M al bordo d'attacco. Visualizza suzione (verde) e sovrapressione (rosso) come segmenti proporzionali a |C_p| lungo la normale.
A cosa serve
Introdurre il metodo dei pannelli come ponte tra l'aerodinamica analitica e quella numerica. Mostra perché la portanza è generata prevalentemente dall'extradosso.
Metodo a pannelliFlusso potenziale-Cp distribuzioneC_L · C_MSuzione vs sovrapressione
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/potential_flow.html
WEB · 11
CFD real-time — LBM Channel Flow (LES)
HTML · JS · Lattice-Boltzmann
● online
+
Cosa fa
Simulazione fluidodinamica in tempo reale con metodo Lattice-Boltzmann (LBM) e viscosità sub-griglia (LES). Regolabili: velocità (numero di Mach), viscosità, angolo d'attacco, spessore e frecciatura. Aggiorna continuamente C_L e C_D medi.
A cosa serve
Vedere come campo di velocità, vortici di Kármán e coefficienti aerodinamici evolvono al variare dell'incidenza — rende visibile lo stallo e il distacco dello strato limite senza pre-calcolo.
Lattice-Boltzmann (LBM)LES sub-gridVortici di KármánC_L · C_D real-timeStallo visibile
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/cfd.html
WEB · 12
Cono di Mach — onde d'urto
HTML · JS · Canvas
● online
+
Cosa fa
Animazione interattiva della formazione del cono di Mach al variare del numero M. Calcola e visualizza l'angolo μ = arcsin(1/M) e il regime di volo (subsonico / transonico / supersonico / ipersonico).
A cosa serve
Rendere intuitivo il concetto di fronte d'onda di Mach e transizione di regime. Spiega visivamente perché un aereo supersonico non sente il rumore davanti a sé e come nasce il bang sonico.
Angolo di Mach μarcsin(1/M)Fronte d'ondaRegime supersonicoBang sonico
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/MACH.html
WEB · 13
Odografa — volo librato
HTML · JS · Canvas
● online
+
Cosa fa
Traccia la polare aerodinamica C_D–C_L e la polare delle velocità (odografa) del volo librato usando la polare di Prandtl C_D = C_D0 + k·C_L². Selezione diretta di γ o C_L; evidenzia i punti caratteristici. Export PNG.
A cosa serve
Trovare graficamente (L/D)_max, la velocità di planata ottimale e la velocità di minima perdita di quota. Mostra perché l'aliante vola al minimo C_D/C_L per percorrere la distanza massima.
Polare di PrandtlOdografa volo librato(L/D)_maxγ · C_L snapVmin affondamento
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/odigrafa_aliante.html
03

Propulsione & meccanica del volo

Simulazioni di motori a getto, elica e prestazioni dell'aeromobile: dalla composizione vettoriale della pala al calcolo di Vmin/Vmax del motoelica.

WEB · 14
Turbojet Simulation — streamlines & diagramma assiale
HTML · JS · Canvas
● online
+
Cosa fa
Simulazione visiva di un motore a getto con animazione delle streamlines e diagramma assiale. Mostra in tempo reale N1 (spool LP), N2 (spool HP), temperatura EGT e portata di carburante FF.
A cosa serve
Visualizzare il funzionamento di un turbojet — flusso d'aria, stadi di compressione, camera di combustione, turbina ed ugello — come strumento introduttivo alla propulsione a reazione.
TurbojetN1 · N2 · EGTStreamlinesDiagramma assialePropulsione a reazione
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/motore_jet.html
WEB · 15
Turbojet Hand Control — controllo gestuale
HTML · JS · MediaPipe · Webcam
● online
+
Cosa fa
La stessa simulazione del turbojet con controllo della manetta tramite riconoscimento gestuale via webcam (MediaPipe). Il gesto della mano aperta/chiusa regola in tempo reale N1, N2, EGT, FF.
A cosa serve
Demo interattiva per l'aula: il motore si controlla con la mano davanti alla webcam. Integra computer vision e propulsione in un'unica esperienza.
Controllo gestualeMediaPipeComputer visionWebcamTurbojet interattivo
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/motore_mano_Majorana.html
WEB · 16
PropellerLab — spaccato laterale di pala
HTML · JS · Canvas
● online
+
Cosa fa
Visualizzazione vettoriale interattiva dello spaccato di pala: composizione di V (avanzamento) e Ωr (velocità periferica) in V_eff; scomposizione di dL e dD in spinta dT e coppia dQ/r. Regolabili: V, n, D, r/R, calettamento β.
A cosa serve
Comprendere la nascita di spinta e coppia dalla geometria del triangolo delle velocità — il punto di partenza della teoria dell'elemento di pala. Mostra perché il calettamento ottimale varia lungo il raggio.
V + Ωr → VeffdT · dQ/rTriangolo velocitàβ · φ · αTeoria elemento di pala
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/elica.html
WEB · 17
Motoelica — calcolo Vmin e Vmax
HTML · JS
● online
+
Cosa fa
Calcola V_min e V_max coerenti usando la polare parabolica C_D = C_D0 + C_L²/(π·AR·e). Solutore iterativo con smorzamento regolabile. Coefficienti A e B derivati direttamente da C_D0, AR, e.
A cosa serve
Applicare la teoria delle prestazioni del motoelica — dal grafico P_richiesta/P_disponibile al calcolo dei limiti di velocità in volo orizzontale uniforme.
Polare parabolicaVmin · VmaxOswald eA·V³ + B/VVolo orizzontale uniforme
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/motoelica_velocit%C3%A0.html
WEB · 18
Flight Dynamics — assi dell'aeromobile
HTML · JS · Three.js
● online
+
Cosa fa
Modello 3D interattivo di un aeromobile con visualizzazione dei tre assi di rotazione: x rollio (alettoni), y beccheggio (equilibratore), z imbardata (timone). Gli slider controllano in tempo reale l'angolo di rotazione attorno a ciascun asse.
A cosa serve
Introdurre la meccanica del volo — convenzione degli assi corpo, natura dei tre movimenti e organi di governo. Rende immediata la comprensione di quali superfici mobili controllano quali rotazioni.
Assi corpoRollio · beccheggio · imbardataAlettoni · EQ · timoneThree.js 3DMeccanica del volo
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/aereo.html
04

Fisica & strumenti

Strumenti di calcolo e conversione per la fisica di base: atmosfera ISA, pressioni, manometria e un editor di equazioni LaTeX.

WEB · 19
Atmosfera Standard ISA — calcolatore web
HTML · JS
● online
+
Cosa fa
Calcola T, p, ρ e velocità del suono in funzione della quota ISA fino a 50 000 m. Calcolo inverso: data la pressione statica misurata, ricava la quota ISA. Profili grafici T(z), p(z), ρ(z) con punto mobile.
A cosa serve
Versione leggera dell'ISA Calculator accessibile dal browser senza installare nulla. Il calcolo inverso p → quota simula il principio dell'altimetro barometrico.
ISA · ISO 2533T · p · ρ · aCalcolo inverso p → quota0 – 50 000 mAltimetro barometrico
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/atmo.html
WEB · 20
FormulaDeck — editor di equazioni LaTeX
HTML · JS · MathLive · MathJax
● online
+
Cosa fa
Editor WYSIWYG basato su MathLive: si compone la formula visivamente e si ottiene in tempo reale il sorgente LaTeX, con anteprima renderizzata via MathJax. Costruttore di matrici e sistemi (pmatrix, bmatrix, vmatrix, cases…) e copia negli appunti.
A cosa serve
Produrre rapidamente il LaTeX di formule complesse senza ricordarne la sintassi — utile per dispense e prove d'esame. Abbassa la barriera d'ingresso al LaTeX per gli studenti.
Editor WYSIWYGLaTeX liveMatrici & sistemiMathLiveMathJax
🚀
Apri la web app
braucci.github.io/FormulaDeck/
WEB · 21
Convertitore di pressione
HTML · JS
● online
+
Cosa fa
Convertitore web tra unità di pressione tecniche e SI: Pa, kPa, MPa, bar, atm, torr, psi, inHg, mmHg, kgf/cm². Funzione di inversione diretta con un clic.
A cosa serve
Strumento di lavoro rapido per le conversioni tra sistema anglosassone (psi, inHg) e SI — indispensabile con dati di pneumatici, altimetri, manometri e sistemi idraulici in unità miste.
Pa · kPa · baratm · torr · psiinHg · mmHgkgf/cm²Conversione rapida
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/pressione.html
WEB · 22
Calcolatore manometro — legge di Stevino
HTML · JS · SVG
● online
+
Cosa fa
Calcola il dislivello Δh in un manometro a U dalla differenza di pressione: Δp = ρ·g·Δh. Scelta del fluido manometrico (Hg, H₂O, Jet-A, olio idraulico MIL-H-5606, personalizzato). Schema grafico del manometro aggiornato in tempo reale.
A cosa serve
Supporto visivo per le esercitazioni sulla statica dei fluidi — il manometro a U come applicazione diretta di Stevino e come strumento di misura di pressioni in campo aeronautico (Pitot, altimetro barometrico).
Δp = ρ·g·ΔhManometro a UHg · H₂O · Jet-AStatica dei fluidiPitot · altimetro
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/stevino.html
05

Applicazioni desktop native

Applicazioni autonome scritte in Python, distribuite come repository GitHub: si scaricano, si eseguono dai sorgenti o si costruisce il pacchetto installabile.

APP · 01
ISA Calculator — versione macOS
Python · PySide6 (Qt 6)
▲ repository
+
Cosa fa
Bundle .app nativo macOS (doppio clic, senza installare Python). Data h ∈ [0, 20 000] m calcola T, p, δ, ρ, σ, a = √(γRT) e μ (Sutherland) secondo ISO 2533. Profili T(h), p(h), ρ(h) con marker mobile.
A cosa serve
Analisi prestazionale alla quota di crociera, calcolo di Mach e Reynolds in quota. Il motore fisico atmosphere.py è identico alla versione Linux: dimostrazione della separazione modello/interfaccia.
ISA · ISO 2533Legge di SutherlandQt 6 · PySide6macOS .app bundleT · p · ρ · a · μ
Vai al repository
github.com/braucci/isa-calculator-macos
APP · 02
ISA Calculator — versione Linux (GTK4)
Python · GTK4 · libadwaita
▲ repository
+
Cosa fa
Stessa applicazione ISA con interfaccia GNOME nativa per Arch Linux. Installazione via makepkg o esecuzione diretta dai sorgenti.
A cosa serve
Dimostrazione del principio di separazione modello/interfaccia: atmosphere.py è identico byte per byte alla versione macOS — cambia il toolkit, la fisica non cambia.
ISA · ISO 2533GTK4 · libadwaitaArch Linux · makepkgMotore riusabileSeparazione M/V
Vai al repository
github.com/braucci/isa-calculator
APP · 03
Convertitore SI — SIConverter
Python · PyObjC (Cocoa)
▲ repository
+
Cosa fa
App nativa macOS per la conversione delle grandezze SI con multipli e sottomultipli (prefissi da quetta a quecto) e unità tecniche non-SI: nodo, piede, slug, psi, inHg, CV, Mach. x_t = x_s·(k_s/k_t); temperatura tramite trasformazione affine.
A cosa serve
Strumento quotidiano per unità miste anglosassoni e SI. Ribadisce il principio dell'adimensionalizzazione — lo stesso alla base di Reynolds e Mach.
Conversioni SIUnità aeronauticheTrasformazioni affiniPyObjC · CocoamacOS nativa
Vai al repository
github.com/braucci/SIConverter
APP · 04
Lettera 25 — generatore tipografico
Python · GTK4 · Pillow
▲ repository
+
Cosa fa
App Linux che trasforma testo in PNG simulando la battitura di un'Olivetti Lettera 25 modellando sette fenomeni fisici: gioco del carrello (gaussiana 2D), usura del perno (rotazione casuale), disomogeneità del nastro (value-noise), diffusione capillare, doppio impatto da rimbalzo elastico. Tre profili estetici e seed riproducibile.
A cosa serve
Citazioni e materiale didattico con estetica da dattiloscritto. Caso di studio su come tradurre fenomeni fisici in modelli matematici applicati all'image processing.
Tipografia generativa7 modelli fisiciPillow · GTK4Arch LinuxSeed riproducibile
Vai al repository
github.com/braucci/lettera25
APP · 05
FormulaDeck — versione macOS
Python · PyObjC / SwiftUI
▲ repository
+
Cosa fa
Applicazione desktop nativa macOS — controparte installabile della web app FormulaDeck. Editor di equazioni WYSIWYG: si compone la formula visivamente e si ottiene il sorgente LaTeX corrispondente con anteprima renderizzata in tempo reale. Costruttore di matrici e sistemi, import di espressioni LaTeX già scritte e copia negli appunti. Funziona offline, senza browser.
A cosa serve
Avere l'editor di equazioni sempre disponibile sul desktop, senza aprire il browser. Particolarmente utile durante la composizione di dispense e prove d'esame in LaTeX — la finestra dell'editor rimane sempre in primo piano accanto all'editor di testo.
Editor LaTeX WYSIWYGAnteprima liveMatrici & sistemiFunziona offlinemacOS nativa
Vai al repository
github.com/braucci/FormulaDeckMac
APP · 06
Lettera72 — compositore testo giustificato
Python · PyObjC · Cocoa
▲ repository
+
Cosa fa
App nativa macOS (bundle .app via py2app). Si incolla un testo nel pannello sinistro; a destra appare giustificato a colonna fissa (20–120 colonne, default 72) in carattere monospazio. Si copia e si incolla nell'email: il testo resta perfettamente allineato. Funzioni: larghezza colonna regolabile, modalità citazione > (la giustificazione usa la larghezza ridotta W − len("> ") così la riga totale resta esatta a W), opzione spezza parole lunghe (URL), Apri/Salva file di testo, menu Modifica completo (⌘C/V/X/A/Z). Il solutore giustifica.py è logica pura, senza dipendenze da AppKit: identico alla versione GTK4 per Linux, testabile in isolamento.
A cosa serve
Scrivere email in testo semplice tipograficamente pulite — l'opzione che The Bat! aveva e che a Gmail manca. Il README la descrive così: composizione a colonna fissa per chi vuole il controllo tipografico anche nel testo piano. Sul piano architetturale ribadisce il principio di separazione modello/interfaccia: giustifica.py non sa nulla di finestre, esattamente come un solutore CFD è indipendente dal viewer dei risultati.
Giustificazione a 72 colModalità citazione >PyObjC · py2appmacOS 11+Separazione M/V
Vai al repository
github.com/braucci/Lettera72-macOS
APP · 07
LibroQuote — citazioni con estetica da pagina di libro
Python · PyObjC · Pillow · numpy
▲ repository
+
Cosa fa
App nativa macOS (bundle .app via py2app) che trasforma una citazione testuale in un'immagine dall'aspetto di una pagina di libro fotografata — pronta da pubblicare sui social. L'effetto non è un singolo filtro ma la sovrapposizione di fenomeni fisici modellati separatamente: grana della carta (rumore multi-ottava, fractal Brownian motion con componente fibrosa direzionale, ponderata verso le alte frequenze come in uno spettro di energia turbolenta), trasparenza del foglio (testo del retro che traspare), vignettatura dell'obiettivo e micro-imperfezioni di stampa. Parametri: font serif di sistema, corsivo/grassetto, allineamento, formato 1:1 o 4:5 (standard Instagram), colore carta (bianco naturale, avorio, crema, ingiallita, grigio), colore inchiostro (nero stampa, seppia, grigio, blu notte), corpo del carattere, intensità di grana/trasparenza/vignettatura. Anteprima in tempo reale ottimizzata (da ~700 ms a ~60 ms) tramite cache del substrato cartaceo, rendering a risoluzione ridotta durante l'editing e debouncing degli slider a 120 ms. Determinismo garantito: a parità di testo, parametri e seed il render è pixel-identico.
A cosa serve
Produrre immagini per citazioni letterarie con qualità tipografica controllata — utile per chi gestisce un blog letterario e vuole materiale visivo per i social. Sul piano formativo è una nuova istanza dello stesso approccio di Lettera 25: scomporre un fenomeno visivo complesso nei suoi contributi elementari, modellarli matematicamente in isolamento e sovrapporli — lo stesso modo in cui un campo aerodinamico si scompone prima del post-processing.
fBm · grana cartaVignettaturaTrasparenza foglioPyObjC · py2appDebouncing 120 ms
Vai al repository
github.com/braucci/LibroQuote
06

Strumenti vari & visualizzazioni

Applicazioni che non hanno nulla a che fare con l'aerodinamica: utilità personali e professionali, simulazioni fisiche, visualizzazioni matematiche.

WEB · 23
Anno di prova — calcolatore giorni DM 226/2022
HTML · JS
● online
+
Cosa fa
Calcola i giorni di servizio e di attività didattica per il riconoscimento dell'anno di prova docenti secondo il DM 226/2022. Input: date di inizio/fine servizio, giorni da detrarre per categoria (ferie, malattia, permessi, aspettativa, vacanze estive), giorni effettivi di attività didattica, regime orario. Verifica i due target: 180 giorni di servizio e 120 giorni di attività didattica.
A cosa serve
Strumento pratico per i docenti in anno di prova — il calcolo manuale con le detrazioni previste dall'art. 3 del DM 226/2022 è tedioso e soggetto a errori. Scritta per uso diretto durante il proprio anno di prova.
DM 226/2022180 gg servizio120 gg didatticaDetrazioni art. 3Anno di prova docenti
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/anno-di-prova.html
WEB · 24
Year Progress Tracker
HTML · JS
● online
+
Cosa fa
Traccia l'avanzamento dell'anno corrente con barra di progressione, contatore dei giorni trascorsi/mancanti e percentuale completata in tempo reale. Genera un testo preformattato pronto da copiare sui social.
A cosa serve
Piccolo indicatore di contesto temporale. Utile anche come esempio di come calcolare frazioni di tempo e percentuali in JavaScript con l'oggetto Date().
Anno in corsoGiorni mancanti% completataCopia per socialDate() JS
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/year_progress.html
WEB · 25
Calendario lunare
HTML · JS
● online
+
Cosa fa
Calendario mensile che mostra la fase lunare per ogni giorno, calcolata tramite algoritmo astronomico (ciclo di Metone). Dettaglio del giorno selezionato: percentuale di illuminazione, nome della fase, parametri stimati. Navigazione tra i mesi, supporto timezone Europe/Rome e UTC.
A cosa serve
Utilità quotidiana. Mostra anche come implementare un algoritmo astronomico reale in JavaScript senza chiamate API esterne — il calcolo della fase lunare come funzione della data.
Fase lunareCiclo di MetoneIlluminazione %Timezone Rome/UTCAlgoritmo astronomico
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/calendario_lunare.html
WEB · 26
Visualizzatore funzione 3D
HTML · JS · WebGL
● online
+
Cosa fa
Visualizzatore interattivo di una superficie z = f(x, y) esponenziale renderizzata in 3D nel browser via WebGL. Rotazione con drag, zoom con rotellina.
A cosa serve
Visualizzare superfici di funzioni a due variabili — primo approccio al calcolo a più variabili. Utile per rappresentare graficamente campi scalari come la pressione in un dominio 2D o la distribuzione di temperatura.
z = f(x,y)Superficie 3DWebGLCampi scalariCalcolo a più variabili
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/3dfunction.html
WEB · 27
Mandelbulb 3D — frattale tridimensionale
HTML · JS · Ray-marching · WebGL
● online
+
Cosa fa
Rendering real-time del frattale Mandelbulb in 3D tramite ray-marching nel browser. Parametri: potenza (default 8), livello di dettaglio, colorazione (spectrum), effetto bloom. Drag per ruotare, scroll per zoom, tasto destro per pan.
A cosa serve
Visualizzare un frattale tridimensionale — l'estensione di Mandelbrot in ℝ³ tramite iterazione di una mappa in coordinate sferiche: z → z^n + c. Esempio di geometria frattale e rendering procedurale.
MandelbulbRay-marchingz^n + c in ℝ³Geometria frattaleWebGL real-time
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/Mandelbulb_3D.html
WEB · 28
Simulazione tessuto lacerabile
HTML · JS · Canvas · Verlet
● online
+
Cosa fa
Simulazione real-time di un tessuto deformabile (cloth simulation) basata sull'integrazione di Verlet con vincoli di distanza. Tasto sinistro per trascinare; tasto destro o Shift+drag per tagliare i vincoli tra nodi adiacenti, lacerando il tessuto. Mostra contatore vincoli attivi e FPS.
A cosa serve
Esempio accessibile di simulazione fisica numerica: il metodo di Verlet è lo stesso usato in dinamica molecolare e nei motori fisici di gioco. Mostra come vincoli semplici di distanza producano un comportamento macroscopico realistico.
Cloth simulationIntegrazione di VerletVincoli di distanzaTaglio dei vincoliFisica numerica
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/tovaglia.html
WEB · 29
Viewer 360° — immagini equirettangolari
HTML · JS · WebGL · Three.js
● online
+
Cosa fa
Visualizza immagini equirettangolari 360° (tipiche delle fotocamere RICOH THETA, formato 2:1) in un proiettore sferico interattivo. Drag&Drop di un file JPG/PNG per caricare la propria immagine. Drag per guardarsi intorno, rotellina/pinch per zoom, fullscreen.
A cosa serve
Presentare riprese panoramiche 360° in aula — tour virtuali di hangar, cockpit, laboratori — senza installare software. Funziona direttamente dal browser su PC e mobile.
360° equirettangolareRICOH THETAProiezione sfericaDrag & DropFullscreen
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/viewer_theta_360.html
WEB · 30
Memento Mori — griglia degli anni
HTML · JS
● online
+
Cosa fa
Visualizza la vita come una griglia di puntini, uno per anno. I puntini già trascorsi dalla data di nascita impostata sono evidenziati rispetto a quelli ancora da vivere. Un promemoria visivo del tempo che scorre.
A cosa serve
Riflessione stoica sul tempo — nel solco della filosofia del memento mori. Spunto per discutere di come rappresentare dati discreti con visualizzazioni semplici ed efficaci.
Memento moriVisualizzazione discretaGriglia anniFilosofia stoicaData di nascita
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/memento_mori.html
WEB · 31
X Video Extractor
HTML · JS · cobalt.tools
● online
+
Cosa fa
Interfaccia web che tenta di estrarre video da un URL pubblico tramite l'API cobalt.tools. Se l'API richiede autenticazione, genera automaticamente un link diretto a cobalt.tools con l'URL pre-compilato. Per uso personale esclusivo.
A cosa serve
Utilità personale per il download di video da piattaforme pubbliche. Il codice mostra come gestire i limiti CORS del browser e come costruire un fallback elegante quando un'API non è interrogabile direttamente dal client.
cobalt.toolsDownload videoCORS fallbackURL pubbliciUso personale
🚀
Apri la web app
www.raucci.net/wp-content/uploads/cfd/x-video-downloader.html
WEB · 32
Diary — tema WordPress per blog letterari
PHP · WordPress · CSS
● repository
+
Cosa fa
Tema WordPress autonomo (non è un child theme), nato dall’esperienza di raucci.net e ottimizzato per la prosa lunga. Layout a colonna singola centrata, tipografia EB Garamond (corpo) + Space Grotesk (interfaccia) + JetBrains Mono (codice), testo giustificato con sillabazione automatica coerente tra home e articolo singolo. Header blu con gradiente, menu responsive, aree widget nel footer, Open Graph e Twitter Cards integrati, stile editor Gutenberg allineato al front-end. Nessuna dipendenza esterna oltre Google Fonts. Installazione da ZIP o via git clone in wp-content/themes/. Personalizzabile via filtri PHP: larghezza del contenuto (diary_content_width), citazione nel footer (diary_footer_quote), variabili CSS in :root per colori e font.
A cosa serve
Avere un tema tipograficamente curato per un blog letterario, senza intervenire su un child theme di terzi. La caratteristica più distintiva è la coerenza tipografica totale tra home e singolo articolo — stesso carattere, stessa dimensione, stesso allineamento giustificato: nessun “salto” visivo quando il lettore apre il post.
WordPress 6.0+ EB Garamond Testo giustificato Open Graph / Twitter Cards GPL-2.0
Vai al repository
github.com/braucci/diary-theme