Numex Aqua World

Gelecek, denizin altında.

Tarayıcıda çalışan, tamamen kodla üretilmiş etkileşimli 3D su altı şehri. Hazır 3D model, doku, arka plan görseli ya da video kullanılmadı — bütün nesneler Three.js geometrisiyle sıfırdan inşa edildi.

Çalıştırma

Kurulum gerekmez. İki yol var:

1. Çift tıkla: index.html dosyasını tarayıcıda aç.
2. Yerel sunucu (önerilen): klasörün içinde python -m http.server 8000 çalıştır, http://localhost:8000 adresine git.

Three.js ve yardımcı modüller vendor/ klasöründe duruyor; sayfa çevrimdışı çalışır, CDN'e ihtiyaç duymaz.

Kontroller

Girdi	Ne yapar
Fare sürükleme	360° kamera döndürme
Tekerlek / iki parmak	Yakınlaştırma, uzaklaştırma
Kubbeye tıklama	Kamera o kubbeye yaklaşır, bilgi kartı açılır
T	Sinematik şehir turu
N	Gece / gündüz aydınlatması
F	Denizaltı takip kamerası
R	Kamerayı başlangıca döndür
Esc	Açık kartı / modu kapat

Aynı işlemler sağ üstteki panelden de yapılabilir.

Şehir

Kubbe	Rol	Ton
Merkez Kubbe	Yönetim ve yaşam	Turkuaz
Mercan Bahçesi	Tarım ve biyoteknoloji	Yeşil
Derin Sanayi Kubbesi	Enerji ve üretim	Altın
Derin Rasathane	Araştırma	Mor

Kubbeler şeffaf cam tünellerle birbirine bağlı; içlerinde kuleler, ışıklı pencereler ve gece modunda parlayan iç aydınlatma var.

Dosya yapısı

aqua-world/
├── index.html          arayüz, stiller, import map
├── market.json         Numex Market meta verisi
├── README.md
├── LICENSE
├── src/
│   ├── main.js         sahne kurulumu, kamera modları, arayüz, döngü
│   ├── world.js        deniz tabanı, kubbeler, tüneller, mercan, kayalar
│   ├── creatures.js    balık sürüleri, vatozlar, denizaltılar
│   └── atmosphere.js   ışıklar, sis, parçacıklar, ışık huzmeleri, gece/gündüz
└── vendor/             three.js 0.160.0 + gerekli modüller (yerel kopya)

Teknik notlar

• Deniz tabanı gürültü fonksiyonuyla kabartılmış tek bir düzlem; kubbe altları düzleştiriliyor.
• Kubbeler yarım küre + cam etek; kaburgalar TubeGeometry eğrileri.
• Tüneller kedi mullu eğri (CatmullRomCurve3) üzerinde TubeGeometry; uç yükseklikleri altlarındaki zemin ölçüsünden türetiliyor, ayaklar tünelin alt yüzeyine oturuyor.
• Balık sürüleri: sürü merkezi büyük bir yörüngede dolaşıyor, her balık kendi fazıyla salınıyor; kuyruk hareketi ayrı bir mesh ile canlandırılıyor.
• Denizaltılar kubbe yüksekliğinin üstünden geçen yay rotalarında seyrediyor; SpotLight farları sahneyi gerçekten aydınlatıyor.
• Atmosfer: FogExp2 sisi, özel shader'lı parçacık sistemi, additive karışımlı ışık huzmeleri, UnrealBloomPass parlaması.
• Gece/gündüz geçişi bütün ışık ve renk değerlerini üstel sönümlemeyle (MathUtils.damp) yumuşak biçimde değiştiriyor.

Lisans

Kod MIT lisanslıdır (bkz. LICENSE). Three.js kendi MIT lisansıyla vendor/ altında yer alır.

---

Numex AI · Gelecek, denizin altında.