GLM API for Autonomous Task Execution

एक पूर्ण, single-file, self-contained HTML दस्तावेज़ जनरेट करें (सारा CSS और JavaScript inline हो, बिल्कुल कोई बाहरी dependency नहीं, कोई CDN नहीं, कोई image URL नहीं, कोई external font नहीं) जो एक इंटरैक्टिव “Aurora Tuning Console” रेंडर करे — midnight polar sky का full-viewport WebGL अनुभव, जहाँ aurora को GLSL fragment shader के अंदर real time में compute किया गया हो, sprites, textures, या particle stacks से कभी नकली न बनाया गया हो। मुख्य rendering आवश्यकता: एक single full-screen quad रेंडर करें और सारा visual work fragment shader में करें। aurora borealis को layered fractal value/simplex noise (fbm, 4–6 octaves) से procedurally generate किया जाना चाहिए, जो uniform clock के ज़रिए समय के साथ flow और warp करे, जिससे ऊँचे vertical light curtains बनें जो साँस लें, ripple करें, knot बनाएं और dissipate हों। aurora को self-emissive volumetric glow की तरह model करें: vertical falloff के साथ brightness accumulate करें, हर curtain के base पर soft bloom जोड़ें, और dark upper sky में हल्का drifting star-dust noise scatter करें। frame को minimalist low-horizon upward gaze की तरह compose करें — लगभग 80% sky, नीचे की ओर dark silhouetted mountain ridge और mirror-still lake हो, जो aurora और stars को softly rippling, vertically-mirrored copy में reflect करे। base palette near-black indigo (deep blue-violet night) हो; aurora ही एकमात्र high-saturation element हो — restrained, luminous, translucent, कभी भी भड़कीला नहीं। Interactions (सभी real-time, smooth, और साफ़ तौर पर responsive): - sky पर mouse drag करने से light curtains fabric की तरह “खींचे” जाएँ — pointer position/velocity को shader uniforms में feed करें ताकि aurora cursor की ओर bend, stretch, और stream करे, फिर release होने पर gentle inertia के साथ वापस ease करे। - mouse-wheel scroll “season” को cycle करे, aurora के color band को emerald green → magenta → indigo (और वापस) के बीच continuously interpolate करते हुए, discrete jumps नहीं बल्कि smooth gradient shift के रूप में दिखाए। - double-click उस sky point पर एक नया star ignite करे: वह pulse करे (sinusoidal brightness) और lake पर matching reflection डाले। कई simultaneous stars support करें। - subtle idle animation रखें ताकि load पर पहला light curtain धीरे-धीरे जागता और unfold होता लगे — शांत, पवित्र, ठंडा और स्थिर mood। UI और polish: किसी corner में एक छोटा, elegant, semi-transparent control overlay हो, जो current season/color और controls (drag / scroll / double-click) की faint one-line hint दिखाए, clean modern cold-toned aesthetic में soft fade transitions के साथ styled हो। इसे पूरी तरह responsive बनाएं: window resize पर WebGL canvas resize करें और resolution uniforms update करें ताकि यह किसी भी viewport को fill करे और high-DPI screens पर crisp रहे। requestAnimationFrame का उपयोग करके steady 60fps target करें। WebGL unavailable होने पर graceful fallback message शामिल करें। noise flow की mathematical quality, volumetric glow, और interactions की fluidity को प्राथमिकता दें — यहीं एक सक्षम model कमजोर model से स्पष्ट रूप से बेहतर दिखना चाहिए।

एक पूर्ण, single-file, self-contained HTML दस्तावेज़ बनाएं (सारा CSS और JavaScript एक ही file में inline हो, बिल्कुल zero external dependencies — कोई CDN नहीं, कोई external script नहीं, कोई web font नहीं, कोई image URL नहीं, network से fetch किए गए कोई SVG assets नहीं; हर sound native Web Audio API से generate करें और हर visual CSS और Canvas/DOM से draw करें) जो किसी भी modern browser में सीधे खुले और 1980s synthwave neon की visual language में playable cyberpunk step-sequencer drum machine चलाए। मुख्य instrument: screen पर horizontally laid out 16 columns × 6 tracks की glowing step matrix render करें, हर voice के लिए एक row — किक, स्नेर, Closed Hi-Hat, Open Hi-Hat, Clap, और Synth Bass। 96 cells में से हर cell clickable pad हो; click करने पर वह on/off toggle हो, active cell saturated magenta-to-cyan glow के साथ चमके, inactive cell near-black indigo background पर dim recessed rectangle की तरह रहे। user cells को column by column light करके beat program करे। कई cells को एक साथ toggle करने के लिए click-and-drag painting support करें। Audio: सभी drum voices को Web Audio API के साथ live synthesize करें — kick fast amplitude decay वाली pitch-swept sine हो, snare और clap envelope के साथ filtered white-noise bursts हों, closed और open hi-hats short बनाम long decay वाले high-passed noise हों, और synth bass selectable root note बजाते हुए resonant low-pass filter से गुजरता detuned saw/square हो। steps को accurate look-ahead clock से schedule करें (naive setInterval timing नहीं) ताकि loop high tempo पर भी rock-solid रहे। play करते समय 16-step pattern को लगातार loop करें। Transport और controls, नीचे across pinned symmetric control bar में docked: बड़ा Play/Stop button, BPM dial या rotary knob (draggable, range ~60–200 BPM, default 120) live numeric readout के साथ, master volume fader, per-track mute buttons, Clear button, और Randomize button जो plausible beat generate करे। moving playhead — vertical light-blade — audio के साथ perfect sync में grid पर sweep करे, और जिस active cell से वह टकराए वह radial ripple pulse के साथ bloom करे जो fade हो जाए। live oscilloscope/waveform display शामिल करें जो master output amplitude को real time में visualize करे और sound पर react करे। Visual style: deep indigo-to-violet gradient background इतना dark हो कि near-black लगे, grid lines और UI accents electric magenta और cyan में हों, सारी luminosity element self-glow और hit-flash bloom (box-shadow glow, additive-feeling highlights) से आए ताकि late-night underground club जैसा माहौल बने जो loop पर pulse कर रहा हो। full grid को screen के center में रखें, layout symmetric रहे और control bar base को compress करे, तथा इसे responsive बनाएं ताकि grid smaller viewports पर gracefully scale down हो। readability को नुकसान पहुँचाए बिना atmosphere के लिए subtle animated scanline या chromatic shimmer जोड़ें। Interaction requirements: सब कुछ तुरंत respond करे — pads पर click करना, BPM knob और volume fader drag करना, mutes toggle करना, spacebar दबाकर Play/Stop करना, और number keys दबाकर bass root note पर jump करना। State (कौन-सी cells active हैं, BPM, volume, mutes, playing status) cleanly manage हो ताकि UI और audio कभी sync से बाहर न जाएँ। page के साथ पहली interaction AudioContext को unlock/resume भी करे। tight audio-visual synchronization, playhead और ripples की smooth 60fps animation, और out of the box सचमुच संतोषजनक, musical result को प्राथमिकता दें।