GLM API for Autonomous Task Execution

Tam, tek dosyalık, kendi kendine yeten bir HTML belgesi oluşturun (tüm CSS ve JavaScript satır içinde olsun; kesinlikle harici bağımlılık, CDN, görsel URL’si veya harici font kullanılmasın). Belge, etkileşimli bir "Aurora Tuning Console" işlesin: auroranın sprite, texture veya particle yığınlarıyla taklit edilmeden, gerçek zamanlı olarak GLSL fragment shader içinde hesaplandığı, gece yarısı kutup göğünde geçen tam ekran bir WebGL deneyimi. Temel render gereksinimi: tek bir tam ekran quad render edin ve tüm görsel işi fragment shader içinde yapın. Aurora borealis, uniform clock üzerinden zamanla akan ve bükülen katmanlı fraktal value/simplex noise’dan (fbm, 4–6 octave) prosedürel olarak üretilmeli; nefes alan, dalgalanan, düğümlenen ve dağılan uzun dikey ışık perdeleri oluşturmalı. Aurorayı kendinden ışık yayan hacimsel bir parıltı olarak modelleyin: dikey falloff boyunca parlaklık biriktirin, her perdenin tabanına yumuşak bloom ekleyin ve koyu üst gökyüzüne hafifçe süzülen yıldız tozu noise’u dağıtın. Kareyi minimalist, alçak ufuklu yukarı bakış olarak kurgulayın: yaklaşık %80 gökyüzü; altta koyu silüetli bir dağ sırtı ve aurora ile yıldızları yumuşak dalgalanan, dikey olarak aynalanmış bir kopya halinde yansıtan ayna gibi sakin bir göl. Temel palet siyaha yakın indigo (derin mavi-mor gece); aurora tek yüksek doygunluklu öğe olsun: ölçülü, ışıklı, yarı saydam, asla göz yorucu olmasın. Etkileşimler (tamamı gerçek zamanlı, akıcı ve açıkça tepki veren): - Gökyüzünde fareyle sürükleme, ışık perdelerini kumaş gibi "çeksin"; pointer konumunu/hızını shader uniform’larına besleyin, böylece aurora imlece doğru bükülsün, uzasın ve aksın; bırakıldığında ise yumuşak ataletle geri gevşesin. - Fare tekerleği kaydırma "mevsimi" döndürsün; auroranın renk bandını zümrüt yeşili → magenta → indigo (ve geri) boyunca sürekli interpolate etsin; bu, kesikli sıçramalar değil, akıcı bir gradient kayması olarak görünsün. - Çift tıklama, gökyüzünde o noktada yeni bir yıldız yaksın: yıldız titreşsin (sinüzoidal parlaklık) ve göle buna karşılık gelen bir yansıma düşürsün. Aynı anda çok sayıda yıldızı destekleyin. - İlk ışık perdesinin sayfa yüklenirken yavaşça uyanıp açılıyormuş gibi görünmesi için ince bir idle animasyon tutun; sessiz, kutsal, soğuk ve dingin bir ruh hali verin. UI ve incelik: bir köşede mevcut mevsimi/rengi ve kontroller için soluk tek satırlık bir ipucunu (sürükle / kaydır / çift tıkla) gösteren küçük, zarif, yarı saydam bir kontrol katmanı olsun; temiz, modern, soğuk tonlu bir estetikle ve yumuşak fade geçişleriyle tasarlansın. Tamamen responsive yapın: WebGL canvas’ını yeniden boyutlandırın ve window resize sırasında resolution uniform’larını güncelleyin; her viewport’u doldursun ve yüksek DPI ekranlarda net kalsın. requestAnimationFrame kullanarak kararlı 60fps hedefleyin. WebGL kullanılamıyorsa zarif bir fallback mesajı ekleyin. Noise akışının matematiksel kalitesine, hacimsel parıltıya ve etkileşimlerin akıcılığına öncelik verin; yetkin bir modelin daha zayıf bir modelden gözle görülür biçimde ayrışacağı yer burasıdır.

Tam, tek dosyalık, kendi kendine yeten bir HTML belgesi oluşturun (tüm CSS ve JavaScript tek dosyada satır içinde olsun; kesinlikle sıfır harici bağımlılık — CDN yok, harici script yok, web font yok, görsel URL’si yok, ağ üzerinden getirilen SVG asset yok; her sesi native Web Audio API ile üretin ve her görseli CSS ile Canvas/DOM kullanarak çizin). Her modern tarayıcıda doğrudan açılan ve 1980’ler synthwave neon görsel dilinde oynanabilir bir cyberpunk step-sequencer drum machine çalıştırsın. Temel enstrüman: ekran boyunca yatay yerleştirilmiş, 16 sütun × 6 track’ten oluşan parlak bir step matrix render edin; her voice için bir satır olsun: Kick, Snare, Closed Hi-Hat, Open Hi-Hat, Clap ve Synth Bass. 96 hücrenin her biri tıklanabilir bir pad olsun; tıklama hücreyi açıp kapatsın, aktif hücre doygun magenta’dan cyan’a uzanan bir parıltıyla ışısın, pasif hücre ise siyaha yakın indigo arka plan üzerinde loş, içe gömülü bir dikdörtgen olarak dursun. Kullanıcı, hücreleri sütun sütun yakarak beat programlasın. Birden çok hücreyi aynı anda değiştirmek için tıklayıp sürükleyerek boyamayı destekleyin. Ses: tüm drum voice’larını Web Audio API ile canlı sentezleyin — kick hızlı amplitude decay’e sahip pitch-swept sine olarak, snare ve clap envelope’lu filtrelenmiş white-noise patlamaları olarak, closed ve open hi-hat kısa ve uzun decay’li high-passed noise olarak, synth bass ise seçilebilir root note çalan resonant low-pass filter üzerinden detuned saw/square olarak üretilecek. Step’leri doğru bir look-ahead clock ile zamanlayın (naif setInterval zamanlaması değil), böylece loop yüksek tempoda bile kaya gibi sağlam kalsın. Çalarken 16 step’lik pattern’i sürekli döngüye alın. Transport ve kontroller, alt kenar boyunca sabitlenmiş simetrik bir kontrol çubuğuna yerleştirilsin: büyük bir Play/Stop düğmesi, canlı sayısal gösterimli bir BPM dial veya rotary knob (sürüklenebilir, aralık ~60–200 BPM, varsayılan 120), master volume fader, track başına mute düğmeleri, Clear düğmesi ve makul bir beat üreten Randomize düğmesi. Hareketli playhead — dikey bir ışık kılıcı — grid üzerinde sesle kusursuz senkron içinde süzülsün ve çarptığı her aktif hücre, sönümlenen radyal bir ripple pulse ile parlasın. Master output amplitude’u gerçek zamanlı görselleştiren ve sese tepki veren canlı bir oscilloscope/waveform ekranı ekleyin. Görsel stil: siyaha yakın algılanacak kadar koyu, derin indigo’dan violet’e uzanan gradient arka plan; grid çizgileri ve UI vurguları electric magenta ve cyan; tüm ışık hissi öğelerin kendi glow’undan ve hit-flash bloom’dan gelsin (box-shadow glow, additive hissi veren vurgular) ve loop’a atan geç saat yeraltı kulübü atmosferi uyandırsın. Tam grid’i ekranda ortalayın, kontrol çubuğu tabanı sıkıştırırken yerleşimi simetrik tutun ve grid’in daha küçük viewport’lara zarifçe ölçeklenmesi için responsive yapın. Okunabilirliği bozmadan atmosfer için ince animasyonlu scanline veya chromatic shimmer ekleyin. Etkileşim gereksinimleri: her şey anında tepki versin — pad’lere tıklama, BPM knob’unu ve volume fader’ı sürükleme, mute’ları değiştirme, spacebar ile Play/Stop, number key’lerle bass root note’a atlama. Durum (hangi hücrelerin aktif olduğu, BPM, volume, mute’lar, playing status) temiz biçimde yönetilmeli; UI ve ses asla senkron dışına çıkmamalı. Sayfayla ilk etkileşim AudioContext’i de unlock/resume etmeli. Sıkı audio-visual senkronizasyona, playhead ve ripple’ların akıcı 60fps animasyonuna ve kutudan çıktığı gibi gerçekten tatmin edici, müzikal bir sonuca öncelik verin.