Konsept ürün sitesi
Galaxy Watch Ultra2
Galaxy Watch Ultra2 için bir ürün sayfası. Saati hazır bir 3D model kullanmadan, tamamen kodla Three.js'te modelledim.
- Next.js
- Three.js
- GSAP
- Web Audio API
- TypeScript
Proje hakkında
Ne yaptım, nasıl yaptım.
Titanyum kasa, numaralı bezel, safir ekran, butonlar, sensör, delikli kayış ve tokası; hepsi kodla üretiliyor. Bunun için extrusion, kendi yazdığım şerit geometrisi ve canvas ile çizilmiş dokular kullandım.
Seçtiğin kayış rengi tüm sayfanın vurgu rengini değiştiriyor ve bir sonraki ziyaretinde hatırlanıyor.
Hayran yapımı bir konsepttir, Samsung ile bağlantılı değildir. Teknik özellikler Samsung'un resmi ürün sayfalarından alındı.
Öne çıkanlar
- 01
Quick Button
Turuncu butona basınca canlı süre, nabız ve mesafeyle bir antrenman başlıyor. Basılı tutunca Web Audio ile üretilen acil durum sireni çalıyor.
- 02
Çift frekanslı GPS
Şehirde simüle edilmiş bir koşu: sadece L1 ile kaydedilen rotanın binalar arasında nasıl kaydığını, L1 + L5 ile nasıl düzeldiğini görüyorsun.
- 03
Energy Score
Uyku, aktivite ve uyku nabzı kaydırıcılarıyla skor ve canlı nabız grafiği değişiyor.
- 04
Gece modu
3D saat yüzü gündüz ve kırmızı gece ekranı arasında değişiyor.
- 05
Dayanıklılık
10ATM, 40 metreye dalış, IP69K ve malzemeler tek bir seçicide.
- 06
Renkler
İki kasa rengi, beş spor kayış ve dikişli kenarlı beş hibrit deri kayış.
Görseller
