Etkileşimli Euleryen Neon Akışkan Simülasyonu

Yüksek performanslı, GPU hızlandırmalı, etkileşimli ve eksiksiz bir Euleryen Neon Akışkan Simülasyonu içeren tek dosyalık bir HTML belgesi yazın. Kesin Teknik ve Estetik Gereksinimler: 1. Mimari ve Performans: - Tek dosya: Tüm HTML, CSS ve JavaScript/GLSL shader'ları dosyanın içinde yer almalı. - Sıfır harici bağımlılık: Yalnızca saf WebGL 1.0 veya 2.0 kullanın (Three.js, Pixi veya harici kütüphaneler yok). - GPU Üzerinde Hesaplanan Akışkanlar Dinamiği: Simülasyon, aşağıdaki işlemler için özel fragment shader'lar kullanılarak tamamen ping-pong Framebuffer Object'leri (FBO) üzerinden çalışmalı: a) Adveksiyon (hız ve boya) b) Diverjans hesabı c) Basınç Poisson çözücüsü (kareler yöntemi iterasyonu, kare başına 20-30 iterasyon) d) Gradyan çıkarma / hız projeksiyonu e) Vortisite sınırlandırma (türbülanslı girdaplar ekler ve akışkanın cansız, bulanık bir pelteye dönüşmesini önler). 2. Görsel Gerçekçilik (“Neon Duman” Görünümü): - Zifiri siyah boşluk arka planı (`#050508`). - Boya enjeksiyonu için toplamsal / Yüksek Dinamik Aralık (HDR) harmanlama. - Dinamik palet: Her imleç hareketi veya dokunarak sürükleme, canlı siber tonlar (elektrik camgöbeği `#00F0FF`, parlak macenta `#FF007F`, koyu ultraviyole ve ışıldayan altın) arasında yumuşak geçiş yapan, yüksek parlaklıklı neon boya enjekte etmeli. - Görüntüleme shader'ı geliştirmeleri: Nihai render shader'ına doğrudan, akışkanın girdap oluşturan kenarları çevresine ince bir bloom/parlama, ton eşleme ve kromatik sapma uygulayan bir post-processing geçişi ekleyin. 3. Etkileşim: - Fare ve Dokunmatik: İmlecin hızlı hareketi veya sürükleme, fare hızına orantılı hızın yanı sıra yoğun, parlayan boya enjekte etmeli. - Pasif Ortam Hareketi: Boştayken ince prosedürel curl noise veya yumuşak sürüklenen girdaplar üretin; böylece canvas hiçbir zaman tamamen statik kalmasın. - Kontroller: Bir köşeye yerleştirilmiş, etkinlik olmadığında otomatik olarak gizlenen, şık ve son derece minimal bir cam görünümlü HUD: * Viskozite kaydırıcısı * Boya dağılımı / kalıcılığı kaydırıcısı * Sıçrama yarıçapı kaydırıcısı * “Canvas'ı Temizle” düğmesi * Renk temaları arasında geçiş yapan düğme (Cyberpunk, Termal Cehennem, Biyolüminesans Derinlik). 4. Üretim Kalitesi: - Yüksek DPI ekranları ve `resize` olaylarını, FBO dokularını esnetmeden veya temizlemeden otomatik olarak yönetin. - Kayan noktalı doku desteği için güvenli bir geri dönüş denetimi (`OES_texture_float` / `OES_texture_half_float`). - Yer tutucu veya yarım bırakılmış yorum içermeyen, temiz, hatasız ve eksiksiz uygulanmış kod. Yalnızca Chrome/Safari/Firefox'ta doğrudan çalıştırılmaya hazır, eksiksiz HTML dosyasını döndürün.