Produktside (konsept)
Galaxy Buds4 Pro
En 3D-produktside for Galaxy Buds4 Pro. Etuiet åpnes på et ekte hengsel, og du kan høre demoene av støydemping og 360 Audio rett i nettleseren.
- Next.js
- Three.js
- React Three Fiber
- Web Audio API
- GSAP
- TypeScript
Om prosjektet
Hva jeg laget og hvordan.
Lyden var det jeg jobbet mest med. Bylyden og musikken i støydempingsdemoen og melodien i 360 Audio lages live med Web Audio API, uten en eneste lydfil.
Når du scroller, svinger lokket opp, ørepluggene løfter seg ut av holderen, etuiet faller bort og pluggene snur seg mot deg. Etiketter festet til 3D-modellen følger den mens den beveger seg.
Et fanlaget konsept, ikke tilknyttet Samsung. Spesifikasjonene er hentet fra Samsungs offisielle produktsider.
Høydepunkter
- 01
Hør støydempingen
Bytt mellom Av, Ambient og Adaptive ANC mens bylyd og musikk endrer seg live.
- 02
360 Audio
En melodi plassert rundt hodet ditt med HRTF. På mobil følger gyroskopet hodebevegelsene dine.
- 03
Pinch-kontroller
Pinch, dobbel pinch, trippel pinch, hold eller sveip, så reagerer et "spilles nå"-kort.
- 04
Trådløs lading
Mens du scroller, lander det lukkede etuiet på en ladeplate, platen lyser opp og batteriet fylles.
- 05
Farger og AR
Bytt mellom hvit, svart og rosegull, og plasser etuiet på pulten din i full størrelse.
- 06
Sammenligning med Buds3 Pro
De viktigste forbedringene og en spesifikasjonstabell som dukker opp rad for rad.
Bilder
