GPT 6 Astra for Computer Use

“मिडनाइट लेटरप्रेस दुर्घटना प्रयोगशाला” शीर्षक वाला एक पूर्ण, एकल-फ़ाइल इंटरैक्टिव HTML वेबपेज बनाएँ। केवल तैयार HTML दस्तावेज़ आउटपुट करें, जिसमें सभी CSS और JavaScript inline हों। यह आधुनिक ब्राउज़र में बिना किसी बाहरी निर्भरता, CDN, लाइब्रेरी, फ़ॉन्ट, इमेज लिंक, SVG फ़ाइल या अन्य asset के सीधे खुलना और काम करना चाहिए। यह एक responsive वेबपेज है, कोई स्थिर 16:9 इमेज या canvas composition नहीं; इसे desktop, tablet और mobile स्क्रीन पर सहज रूप से अनुकूलित होना चाहिए। एक स्पर्शनीय प्रायोगिक letterpress simulator बनाएँ, जिसमें उपयोगकर्ता अलग-अलग lead type blocks को खींचकर केंद्रीय शीट पर रखकर print compose करे, उन्हें घुमाए और reposition करे, फिर बहुत बड़े mechanical impression lever को खींचने से पहले ink amount, press pressure और paper humidity को समायोजित करे। मुद्रित परिणाम इन parameters पर procedural रूप से प्रतिक्रिया दे: अतिरिक्त ink से bleeding और clogged counters हों, कम ink से सूखे और टूटे हुए किनारे बनें, pressure से indentation और deformation बदले, humidity से feathering और paper-fiber damage बढ़े, type placement की त्रुटि से misregistration हो, और बार-बार impressions से offset shadows तथा ghost images बनें। केवल vermilion red, ultramarine blue और acid yellow का उपयोग करके multiple color passes की अनुमति दें, realistic overprint blending, स्पष्ट layer ordering, per-layer visibility, step-by-step undo/redo और evolving print को देखने के लिए paper corner उठाने की सुविधा दें। मुख्य दृश्य नाटकीयता उस क्षण पर स्थिर करें जब press roller अभी-अभी ऊपर उठा हो और finished print प्रकट होने वाला हो। केंद्रीय paper को theatrical stage जैसा महसूस होना चाहिए। उसके चारों ओर type blocks, ink rollers, tweezers, registration pins, scraps, gauges और controls को asymmetric ring में व्यवस्थित करें। off-white bone-paper और lead-gray foundation का उपयोग करें, जिसे upper left से तिरछे पड़ने वाले warm-white work lamp से रोशन किया गया हो। CSS, HTML elements, Canvas और procedural textures के माध्यम से rough physical screen-print तथा handmade collage शैली में सब कुछ render करें: torn edges, fibrous paper grain, uneven pigment, halftone flecks, scratched metal, ink smears, tape fragments, slight perspective, imperfect registration और layered shadows। glossy gradients, sterile SaaS styling, generic cards, neon cyberpunk colors, photorealistic imagery, emoji, stock illustrations और पूरी तरह साफ vector geometry से बचें। letters, punctuation, numerals और कई decorative blocks वाला पर्याप्त movable type inventory शामिल करें। उपयोगकर्ता inventory से blocks को composing area पर drag कर सके, कई blocks select कर सके, handles या keyboard shortcuts से उन्हें rotate कर सके, arrow keys से nudge कर सके, delete या duplicate कर सके और physical block appearance खोए बिना textual content संपादित कर सके। ऐसे snapping guides जोड़ें जिन्हें toggle किया जा सके, लेकिन छोटी manual irregularities बनी रहें। स्पष्ट hover, active, selected, disabled और focus states दें। Pointer और touch interaction, sensible keyboard controls, accessible labels और visible focus indicators का समर्थन करें। Ink amount, pressure और humidity के लिए तीन tactile controls बनाएँ, जिनके values paper preview, texture simulation, gauges, warning labels और ambient machine behavior को real time में अपडेट करें। Extreme combinations पर playful accident states दिखाएँ, जैसे violent ink blooms, doubled letters, slipped type, ragged fiber cracks, roller chatter और splattered registration marks, जबकि composition पढ़ने योग्य रहे। एक compact experiment log जोड़ें, जो प्रत्येक impression और उसके parameters को रिकॉर्ड करे। उपयोगकर्ता pass color चुन सके, convincing arc में lever को drag करके press कर सके, एक छोटा लेकिन detailed press cycle देख सके और फिर paper peel back कर सके। Animation में lever resistance, machine vibration, roller movement, paper compression, dust motes, slight lamp flicker और reveal से पहले suspenseful pause शामिल हों। prefers-reduced-motion का सम्मान करें। Placement, rotation, parameter changes, printing, color passes और reveal actions पर undo तथा redo वास्तव में functional बनाएँ। Reset, Random Accident, Re-ink, Add Pass, Undo और Redo controls शामिल करें, साथ में एक संक्षिप्त onboarding hint दें जो interaction के बाद गायब हो जाए। पहले दृश्य को visually rich बनाने के लिए एक रोचक partially composed poster से page को seed करें, लेकिन हर महत्वपूर्ण element editable रहे। Audio assets का उपयोग किए बिना subtle sound-like visual feedback जोड़ें। जहाँ व्यावहारिक हो, deterministic procedural texture सुनिश्चित करें ताकि undo करने पर वही appearance पुनर्स्थापित हो। इस अनुभव को केवल decorative नहीं, बल्कि ceremonial, handmade, tense और mischievously uncontrollable महसूस होना चाहिए। Polished interaction details, convincing parameter coupling, layered procedural printing artifacts, refined animation timing और उत्कृष्ट responsive composition को प्राथमिकता दें। Semantic HTML और साफ-सुथरे, सुव्यवस्थित vanilla JavaScript का उपयोग करें। अंतिम response में केवल पूरा executable HTML document होना चाहिए।

“मिडनाइट रेमन साउंडस्केप थिएटर” शीर्षक वाला एक पूर्ण, polished, एकल-फ़ाइल इंटरैक्टिव HTML वेबपेज बनाएँ। केवल अंतिम HTML document आउटपुट करें, जिसमें सभी CSS और JavaScript inline हों। यह बिना build step और बिना किसी external dependency, library, font, image, audio file, CDN resource, network request या linked asset के सीधे आधुनिक ब्राउज़र में चलना चाहिए। एक surreal midnight ramen shop के भीतर स्थापित expressive interactive scene बनाएँ। केंद्रीय object elastic noodles का एक continuous bundle हो, जिसे Canvas, SVG या दोनों के सावधानीपूर्वक integrated combination से render किया गया हो। Noodle bundle foreground में तिरछे रूप से फैले और physically tangible महसूस हो: उपयोगकर्ता उसे mouse या touch से कहीं भी पकड़ सके, drag कर सके, stretch कर सके, whip कर सके, अपने ऊपर fold कर सके और छोड़ सके। Inertia, damping, gravity, multiple connected segments, collision response और visible secondary motion के साथ convincing spring physics लागू करें। Aggressive dragging, rapid direction changes, viewport resizing या repeated interactions के दौरान भी simulation stable रहे। Composition में sweeping arc के साथ कम से कम तीन अलग-अलग ramen bowls और कई ingredients रखें, जिससे diagonal noodle के चारों ओर मजबूत visual rhythm बने। प्रत्येक bowl का अपना illustrated broth pattern, color identity, label और sound character हो। जब noodle किसी bowl को छुए या उसमें गिरे, तो synchronized audiovisual response trigger करें: Web Audio API से synthesized unique percussive beat, rising steam burst, scallion-green particle sprays, broth ripples, small droplets, screen-print registration jitter और styled text से बनाए गए animated handwritten Japanese-style onomatopoeia जैसे “ZURU!”, “PON!”, “JUU!” या “BASHAN!”। Collision intensity volume, pitch, particle count, ripple size, lettering scale और animation force को प्रभावित करे। Audio केवल user के first interaction के बाद शुरू हो और स्पष्ट mute/unmute control शामिल हो। Climactic visual state ऐसा freeze-frame evoke करे जिसमें noodle हवा में नाटकीय रूप से तना हो और broth splash से ठीक पहले suspended हो। इसके लिए “FREEZE THE SPLASH” control और Space key का समर्थन करें: freeze mode में प्रवेश करने पर brief punchy transition लागू हो, physical scene को उसकी state खोए बिना suspend करें, airborne droplets और stretched noodle tension को उभारें, bold poster-like kinetic typography दिखाएँ और subtle procedural line shimmer बनाए रखें ताकि page जीवंत महसूस होता रहे। Space या control को फिर दबाने पर scene सहज रूप से resume हो। Reset control, compact sound status indicator और recent collisions से संचालित restrained live “tempo/impact” readout जोड़ें। Keyboard controls एक छोटे integrated help panel में discoverable होने चाहिए: Space freeze toggle करे, R reset करे, M mute करे और arrow keys noodle पर directional impulses लागू करें। Vintage silkscreen poster design और procedural line animation का visually sophisticated hybrid उपयोग करें। Deep indigo background प्रमुख हो, जिसे bowls और collision points के आसपास localized stove-fire warmth काटती हो। Layered spot colors—vermilion red, ginger yellow, scallion green, warm cream और near-black—के साथ halftone textures, rough ink edges, slight color misregistration, bold graphic shadows और animated contour lines का उपयोग करें। परिणाम handmade और theatrical महसूस होना चाहिए, glossy या photorealistic नहीं। Subtle ambient steam, flickering stove glow, drifting grain और moving linework शामिल करें, लेकिन strong contrast और readable controls बनाए रखें। Generic neon cyberpunk styling से बचें। Composition को wide desktop, tablet और mobile screens पर responsive बनाएँ; यह वेबपेज है, इसलिए fixed 16:9 aspect ratio लागू न करें। Bowl placement, typography, controls, simulation bounds और touch targets को fluid रूप से अनुकूलित करें, essential content crop न हो। Unified mouse, pen और touch handling के लिए pointer events का उपयोग करें। Noodle को सक्रिय रूप से manipulate किए जाने के दौरान ही page scrolling रोकें। prefers-reduced-motion का सम्मान करते हुए ambient animation कम करें, लेकिन core interaction functional रहे। Efficient particle pooling या strict particle limits, requestAnimationFrame, sensible resolution cap के साथ device-pixel-ratio-aware rendering और resize-safe coordinate handling से smooth performance बनाए रखें। Content और finish requirements: atmospheric title treatment, interaction के लिए short one-line invitation, तीन या अधिक labeled bowls, कई visually distinct toppings, contextual handwritten sound words, polished control states, clear focus styles, accessible button labels और first use के बाद fade होने वाला unobtrusive interaction hint शामिल करें। Opening scene किसी finished collectible poster जैसा दिखना चाहिए, जबकि active state layered feedback और surprising emergent motion वाला lively rhythmic toy बन जाए। Negative constraints: कोई external asset या dependency नहीं; कोई image URL नहीं; कोई prerecorded audio नहीं; कोई framework नहीं; कोई unfinished placeholder नहीं; कोई TODO comment नहीं; कोई broken control नहीं; कोई fixed 16:9 canvas नहीं; कोई plain default UI नहीं; कोई generic gradient-only background नहीं; primary artwork के रूप में emoji का उपयोग नहीं; excessive explanatory text नहीं; autoplay audio नहीं; uncontrolled particle growth नहीं; ऐसा fragile physics नहीं जो explode करे या NaN values उत्पन्न करे; ऐसा interaction नहीं जो केवल mouse से काम करे; और single complete HTML document के बाहर कोई output नहीं।