Keeb
3D konfigurator mehaničke tipkovnice
Konfigurator tipkovnice u pregledniku: kupac bira boje tipki, kućište, prekidače i pozadinsko svjetlo te odmah vidi i čuje svaku promjenu. Model i zvukovi u potpunosti su napravljeni u kodu.
- Vrsta
- Naš proizvod
- Godina
- 2026.
- Naša uloga
- 3D i frontend
- Tehnologije
- Three.js, Web Audio, React, TypeScript
- Linkovi
- Isprobajte demo
Izazov
Konfigurator mora izgledati kao fotografija proizvoda, a učitati se brže od nje, i to na mobitelu.
Rješenje
Umjesto da učitava gotov 3D model, tipkovnica se slaže od zajedničkih geometrija, a sve oznake tipki nalaze se u jednoj teksturi. Zvuk prekidača generira Web Audio i mijenja se ovisno o vrsti prekidača i materijalu kućišta.
Što smo napravili
- 68 tipki od zajedničkih geometrija i jedne teksture
- Pet kombinacija boja, četiri boje aluminija i polikarbonat
- Linearni, taktilni i clicky prekidači sa zvukom
- Sažetak cijene i poseban link za svaku konfiguraciju
