Sari la conținut
Toate proiectele

Web app

tesEngine

Sunet de motor sintetizat live în browserul mașinii, din viteza GPS. 51 de motoare, de la V8 american la Dacia 1300 și Formula V10, cu trepte, pocnituri și șapte cadrane de bord. Fără sample-uri: fiecare explozie din cilindru e calculată în timp real cu Web Audio.

tesEngine - hero screenshot

tesEngine transformă o mașină electrică într-una cu motor termic, cel puțin ca sunet. Rulează direct în browserul mașinii (gândit pentru ecranul Tesla) sau pe telefon.

Sinteză audio în timp real

  • Fără înregistrări: un AudioWorklet calculează fiecare puls de evacuare, cilindru cu cilindru
  • Ordinea de aprindere și bancurile dau caracterul: bolboroseala unui V8 crossplane, urletul unui V12, „potato-potato” la Harley
  • Rezonanța colectorului și a țevii finale, tobă care se deschide sub sarcină, VTEC, turbo cu supapă blow-off, compresor volumetric
  • Pops & Bangs la ridicarea piciorului și la schimbarea treptei

Din GPS în turație

  • Viteza vine din Geolocation API, cu un fix pe secundă; între fixuri e extrapolată din accelerație
  • Modelul de mașină deduce pedala din accelerație și alege treapta: schimbă mai târziu când accelerezi tare
  • 51 de motoare de la 31 de mărci, fiecare cu rapoartele de transmisie, linia roșie și ralantiul lui

Bord

  • Șapte cadrane desenate pe canvas: Clasic, Sport, Minimal, Cursă, Retro, Orizont și Anii ’80
  • Odometru mecanic cu tambururi, trip, km/h sau mph, ecran complet și wake lock
  • Adaptat pentru ecranul mașinii, tabletă și telefon, în portret și culcat

Landing

  • Motor V8 3D animat în Three.js, sincronizat cu turația sunetului
  • Previzualizare live a cadranelor și a fiecărui motor, direct din pagină

Stack tehnologic: JavaScript, Web Audio API (AudioWorklet), Three.js, Canvas 2D, Geolocation API, Screen Wake Lock API, Vite, Vercel.

Capturi

10 imagini

Vrei ceva asemănător?

Începe un proiect