70 lines
2.7 KiB
Markdown
70 lines
2.7 KiB
Markdown
# NUMEX CLOCKWORK — Zamanın İçini Gör
|
||
|
||
Tamamen kodla üretilmiş, gerçek zamanlı 3D mekanik saat. Hazır model, video ya da dış görsel **kullanılmadı** — her dişli, her çubuk, her parça matematikle çizildi.
|
||
|
||
## Açmak için
|
||
|
||
`index.html`'e çift tıkla. Kurulum, derleme, sunucu gerekmez.
|
||
|
||
> Tarayıcı `file://` üzerinden ES modül yüklemeyi engellerse klasörde basit bir sunucu çalıştır:
|
||
> `npx --yes http-server . -p 4177` → `http://127.0.0.1:4177`
|
||
|
||
## Ne var içinde
|
||
|
||
| Özellik | Nasıl yapıldı |
|
||
|---|---|
|
||
| Dişliler | Evolvent diş profili `THREE.Shape` ile üretilir, `ExtrudeGeometry` ile kalınlık verilir |
|
||
| Kavrama | İki çark `r1 + r2` uzaklığa yerleşir; diş fazı kavrama açısından hesaplanır |
|
||
| Dönüş | `ω_çocuk = -ω_ebeveyn × (z_ebeveyn / z_çocuk)` — gerçek dişli oranı |
|
||
| Kadran | Akrep/yelkovan/saniye gerçek saate bağlı; rakamlar Canvas 2D ile yazı tipinden dokuya çizilir |
|
||
| Sarkaç | 2 saniyelik ritimle sinüs salınımı |
|
||
| Metal | `MeshPhysicalMaterial` + kodla üretilmiş pürüz dokusu (torna izleri) |
|
||
| Işık | PMREM ortam yansıması, anahtar spot + rim + dolgu, bloom + vinyet |
|
||
| Kamera | OrbitControls, yumuşak geçişli `flyCamera` |
|
||
|
||
### Dişli treni
|
||
|
||
```
|
||
[escape wheel 15]
|
||
│
|
||
[ara_a 22] ─ [ANA ÇARK 44] ─ [ara_b 30]
|
||
│ │ │
|
||
[kademe2_a 12] [ara_c 16] [kademe2_c 17]
|
||
│ │ │
|
||
[kademe3_a 9] [kademe2_b 13] [kademe3_b 11]
|
||
│
|
||
[ara_d 26] ─ [ara_e 18]
|
||
```
|
||
|
||
Modül (diş aralığı ölçüsü) kasa çapından **türetilir**: en büyük çarkın yarıçapı kasanın %34'ünü geçmez. Böylece tren her zaman kasanın içinde kalır.
|
||
|
||
## Kontroller
|
||
|
||
| Tuş | İşlev |
|
||
|---|---|
|
||
| Sürükle | Kamerayı 360° döndür |
|
||
| Tekerlek | Yakınlaş / uzaklaş |
|
||
| `Space` | Zamanı durdur / başlat |
|
||
| `E` | Parçalara ayır / birleştir |
|
||
| `R` | Kamerayı sıfırla |
|
||
| `1` `2` `3` | Normal / ağır çekim / hızlı |
|
||
|
||
Panelden ayrıca **Mekanizma / Kadran** görünümü ve **sinematik tur** açılır.
|
||
|
||
## Dosyalar
|
||
|
||
```
|
||
index.html — iskelet, kontrol paneli, importmap
|
||
style.css — premium koyu panel, altın vurgu, duyarlı yerleşim
|
||
clockwork.js — tüm sahne: dişliler, kadran, sarkaç, ışık, kontrol
|
||
market.json — Numex Market künyesi
|
||
vendor/ — three.js ve addon'ları (çevrimdışı çalışır)
|
||
```
|
||
|
||
## Notlar
|
||
|
||
- Kütüphaneler `vendor/` altında yereldir; internet bağlantısı gerekmez.
|
||
- Dokular kodla üretilir (`CanvasTexture`), harici görsel dosyası yoktur.
|
||
- `prefers-reduced-motion` açıkken animasyonlar sadeleşir.
|
||
- Mobilde panel alta iner, dokunma hedefleri 44px'in altına inmez.
|