Neon Horizon

01. La Sfida

Un cabinato arcade sul web

L'obiettivo del progetto era realizzare un'esperienza di gioco arcade fluida, dinamica ed esteticamente coerente con i giochi degli anni '80 direttamente all'interno del browser web, senza l'ausilio di motori pesanti come Unity o Unreal Engine.

La sfida tecnica principale è stata sviluppare una macchina a stati di gioco (state-machine) solida e un motore di collisioni ad alte prestazioni in JavaScript puro, mantenendo i 60fps costanti anche in presenza di decine di proiettili e nemici a schermo.

// Sfondo dello Spazio Profondo (Livello 1)

02. Lo Studio & Direzione Artistica

Pixel-Art, Synth e Vettori Neon

Per evocare l'atmosfera Retrowave/Synthwave, abbiamo implementato una griglia prospettica animata in CSS3 e un sole al tramonto vettoriale. La schermata riproduce fedelmente il comportamento di un monitor a tubo catodico (CRT) tramite scansioni video (scanlines), sfarfallio leggero (flicker) e curvatura del vetro ricreati in CSS puro.

• Generazione e sequenziamento audio procedurale a 8-bit.
• Sprite dei nemici e delle navi disegnati in pixel-art e importati come fogli di sprite (sprite-sheets).
• Menu operatore (Service Menu) integrato per modificare in tempo reale la configurazione delle navi e le statistiche dei nemici.

// Sfondo della Nebulosa Viola (Livello 2)

03. Il Gioco Integrato

Gioca direttamente da questa pagina! Inserisci un coin premendo il tasto "5" e avvia la partita.

Retro Arcade Cabinet System - Progetto Co-Sviluppato

Istruzioni di Gioco

• Frecce Direzionali (↑↓←→): Muovi la navetta

• Barra Spaziatrice: Sparo Laser (Fuoco)

• Tasto X: Lancia la Mega Bomba (Pulisce lo schermo)

• Tasto 5: Inserisci Crediti / Coin

• Tasto INVIO: Avvia la partita nel Menu

• Tasto O: Apri/Chiudi il Menu Operatore (Service Panel)