GPT 6 Astra for Computer Use

أنشئ صفحة ويب HTML تفاعلية كاملة في ملف واحد بعنوان «مختبر حادثة الطباعة بالحروف المعدنية في منتصف الليل». أخرج مستند HTML النهائي فقط، مع تضمين جميع CSS وJavaScript داخليًا. يجب أن تُفتح الصفحة وتعمل مباشرةً في متصفح حديث من دون أي تبعيات خارجية أو شبكات CDN أو مكتبات أو خطوط أو روابط صور أو ملفات SVG أو أصول أخرى. هذه صفحة ويب متجاوبة وليست صورة ثابتة بنسبة 16:9 أو تكوينًا على Canvas؛ ويجب أن تتكيف بسلاسة مع شاشات سطح المكتب والأجهزة اللوحية والهواتف المحمولة. أنشئ محاكي طباعة حرفية تجريبيًا وملموسًا، يؤلف فيه المستخدم طبعةً عبر سحب كتل الحروف المعدنية المفردة إلى ورقة مركزية، ثم تدويرها وإعادة تموضعها، وضبط كمية الحبر وضغط المكبس ورطوبة الورق قبل سحب ذراع الانطباع الميكانيكي الضخم. يجب أن تستجيب النتيجة المطبوعة لهذه المعلمات إجرائيًا: فالحبر الزائد يسبب النزف وانسداد الفراغات الداخلية، والحبر القليل ينشئ حواف جافة ومكسورة، ويغيّر الضغط الانبعاج والتشوه، وتزيد الرطوبة من الترييش وتلف ألياف الورق، بينما يؤدي التموضع غير المثالي للحروف إلى سوء المحاذاة، وتنتج الانطباعات المتكررة ظلالًا مزاحة وصورًا شبحية. اسمح بتمريرات لونية متعددة باستخدام الأحمر القرمزي والأزرق فوق البحري والأصفر الحمضي فقط، مع مزج واقعي للطباعة المتراكبة، وترتيب طبقات واضح، وإمكانية إظهار كل طبقة أو إخفائها، والتراجع/الإعادة خطوة بخطوة، والقدرة على رفع زاوية الورقة لكشف الطبعة المتطورة أسفلها. جمّد الدراما البصرية الرئيسية حول اللحظة التي ارتفعت فيها أسطوانة المكبس للتو وأصبحت الطبعة النهائية على وشك الظهور. يجب أن تبدو الورقة المركزية كأنها مسرح احتفالي. رتّب كتل الحروف وأسطوانات الحبر والملقط ودبابيس المحاذاة والقصاصات والمقاييس وعناصر التحكم في حلقة غير متناظرة حولها. استخدم أساسًا من ورق عاجي مائل إلى الأبيض ورصاص رمادي، تضيئه مصباح عمل أبيض دافئ يشع قطريًا من أعلى اليسار. صمّم كل شيء عبر CSS وعناصر HTML وCanvas والقوامات الإجرائية بأسلوب طباعة شاشة فعلية خشنة وكولاج يدوي الصنع: حواف ممزقة، وحبيبات ورق ليفية، وصبغة غير متساوية، ونقاط نصفية، ومعدن مخدوش، ولطخات حبر، وقطع شريط لاصق، ومنظور طفيف، ومحاذاة غير مثالية، وظلال متعددة الطبقات. تجنب التدرجات اللامعة، وتصميم SaaS العقيم، والبطاقات العامة، وألوان السايبربانك النيونية، والصور الواقعية، والرموز التعبيرية، والرسوم التوضيحية الجاهزة، والهندسة المتجهية النظيفة تمامًا. ضمّن مخزونًا كبيرًا من الحروف المعدنية المتحركة يضم الحروف وعلامات الترقيم والأرقام وعدة كتل زخرفية. يجب أن يتمكن المستخدمون من سحب الكتل من المخزون إلى منطقة التكوين، وتحديد كتل متعددة، وتدويرها باستخدام مقابض أو اختصارات لوحة المفاتيح، وتحريكها قليلًا باستخدام مفاتيح الأسهم، وحذفها أو تكرارها، وتحرير محتواها النصي من دون فقدان مظهر الكتلة المادي. أضف أدلة محاذاة يمكن تبديلها، مع الحفاظ على عدم انتظام يدوي بسيط. وفّر حالات واضحة للتحويم والنشاط والتحديد والتعطيل والتركيز. ادعم التفاعل بالمؤشر واللمس، وعناصر تحكم معقولة بلوحة المفاتيح، وتسميات قابلة للوصول، ومؤشرات تركيز ظاهرة. أنشئ ثلاثة عناصر تحكم ملموسة لكمية الحبر والضغط والرطوبة، بحيث تحدّث قيمها معاينة الورق ومحاكاة القوام والمقاييس وتسميات التحذير وسلوك الآلة المحيط في الوقت الفعلي. يجب أن يكشف النظام عن حالات حوادث مرحة عند التركيبات القصوى، مثل انفجارات حبر عنيفة، وحروف مزدوجة، وحروف منزلقة، وتشققات ألياف خشنة، واهتزاز الأسطوانة، وعلامات محاذاة متناثرة، مع الحفاظ على قابلية القراءة. أضف سجل تجارب مدمجًا يسجل كل انطباع ومعلماته. يجب أن يتمكن المستخدمون من اختيار لون التمريرة، وضغط الذراع عبر سحبه في قوس مقنع، ومشاهدة دورة مكبس قصيرة لكنها مفصلة، ثم تقشير الورقة إلى الخلف. يجب أن تتضمن الحركة مقاومة الذراع واهتزاز الآلة وحركة الأسطوانة وانضغاط الورق وجزيئات الغبار ووميضًا طفيفًا للمصباح وتوقفًا تشويقيًا قبل الكشف. احترم prefers-reduced-motion. اجعل التراجع والإعادة يعملان فعليًا عبر التموضع والتدوير وتغييرات المعلمات والطباعة والتمريرات اللونية وإجراءات الكشف. ضمّن عناصر تحكم لإعادة الضبط والحادث العشوائي وإعادة التحبير وإضافة تمريرة والتراجع والإعادة، بالإضافة إلى تلميح موجز للتعريف يختفي بعد التفاعل. ابدأ الصفحة بملصق مثير للاهتمام ومؤلف جزئيًا كي تكون الرؤية الأولى غنية بصريًا، مع إبقاء كل عنصر مهم قابلًا للتحرير. أضف تغذية راجعة بصرية خفيفة تشبه الصوت من دون استخدام أصول صوتية. احرص على أن يكون القوام الإجرائي حتميًا حيثما أمكن، بحيث يعيد التراجع المظهر نفسه. يجب أن تبدو التجربة احتفالية ويدوية الصنع ومتوترة ومشاكسة وغير قابلة للسيطرة تمامًا، لا مجرد زخرفية. أعطِ الأولوية لتفاصيل التفاعل المصقولة، والاقتران المقنع بين المعلمات، وعيوب الطباعة الإجرائية متعددة الطبقات، وتوقيت الحركة المتقن، والتكوين المتجاوب الممتاز. استخدم HTML دلاليًا وJavaScript أصليًا نظيفًا ومنظمًا جيدًا. يجب أن يحتوي الرد النهائي على مستند HTML التنفيذي الكامل فقط.

أنشئ صفحة ويب HTML تفاعلية كاملة ومصقولة في ملف واحد بعنوان «مسرح المشهد الصوتي لرَامن منتصف الليل». أخرج مستند HTML النهائي فقط، مع تضمين جميع CSS وJavaScript داخليًا. يجب أن تعمل مباشرةً في متصفح حديث من دون خطوة بناء ومن دون أي تبعيات خارجية أو مكتبات أو خطوط أو صور أو ملفات صوتية أو موارد CDN أو طلبات شبكة أو أصول مرتبطة. أنشئ مشهدًا تفاعليًا تعبيريًا داخل متجر رامن سريالي في منتصف الليل. العنصر المركزي هو حزمة واحدة متصلة من المعكرونة المرنة، تُرسم باستخدام Canvas أو SVG أو مزيج متكامل بعناية بينهما. يجب أن تعبر حزمة المعكرونة المقدمة قطريًا وأن تبدو ملموسة ماديًا: يستطيع المستخدمون الإمساك بها في أي موضع باستخدام الفأرة أو اللمس، وسحبها وتمديدها ولوحها وطيها فوق نفسها ثم إفلاتها. طبّق فيزياء نابض مقنعة تتضمن القصور الذاتي والتخميد والجاذبية وعدة مقاطع مترابطة واستجابة للتصادم وحركة ثانوية واضحة. حافظ على استقرار المحاكاة حتى أثناء السحب العنيف أو تغيّر الاتجاه بسرعة أو تغيير حجم إطار العرض أو التفاعلات المتكررة. رتّب ثلاثة أوعية رامن مميزة على الأقل وعدة مكونات على طول قوس منساب عبر التكوين، لتكوين إيقاع بصري قوي حول المعكرونة القطرية. يجب أن يحمل كل وعاء نمط مرق مرسومًا خاصًا به وهوية لونية واسمًا وطابعًا صوتيًا. عندما تلمس المعكرونة وعاءً أو تسقط فيه، أطلق استجابة سمعية وبصرية متزامنة: إيقاعًا قرعيًا فريدًا مولدًا باستخدام Web Audio API، ودفقة بخار صاعدة، ورشات جسيمات خضراء بلون البصل الأخضر، وتموجات في المرق، وقطرات صغيرة، واهتزازًا لمحاذاة الطباعة بالشاشة، وكلمات صوتية يابانية الطابع مكتوبة بخط اليد مثل «ZURU!» أو «PON!» أو «JUU!» أو «BASHAN!» ومنشأة من نص منسق بدلًا من الخطوط الخارجية. يجب أن تؤثر شدة التصادم في مستوى الصوت وطبقته وعدد الجسيمات وحجم التموج ومقياس الحروف وقوة الحركة. يجب ألا يبدأ الصوت إلا بعد أول تفاعل للمستخدم، مع تضمين عنصر تحكم واضح لكتم الصوت أو إلغاء كتمه. يجب أن تستحضر الحالة البصرية الختامية لقطة مجمدة تمتد فيها المعكرونة بشكل درامي عبر الهواء بينما يظل المرق معلقًا قبل لحظة التناثر. ادعم ذلك بعنصر تحكم «جمّد التناثر» ومفتاح Space: عند الدخول إلى وضع التجميد، طبّق انتقالًا قصيرًا نابضًا، وأوقف المشهد الفيزيائي مؤقتًا من دون فقدان حالته، وأبرز القطرات الطائرة وتوتر المعكرونة الممدودة، واعرض كتابة حركية جريئة شبيهة بالملصقات، مع الحفاظ على وميض إجرائي خفيف للخطوط كي تظل الصفحة نابضة بالحياة. يؤدي الضغط على Space أو على عنصر التحكم مرة أخرى إلى الاستئناف بسلاسة. أضف عنصر تحكم لإعادة الضبط، ومؤشرًا مدمجًا لحالة الصوت، وقراءة حية مقتضبة لـ«الإيقاع/التأثير» تقودها التصادمات الأخيرة. يجب أن تكون عناصر تحكم لوحة المفاتيح قابلة للاكتشاف في لوحة مساعدة صغيرة مدمجة: يبدّل Space التجميد، ويعيد R الضبط، ويكتم M الصوت، وتطبّق مفاتيح الأسهم دفعات اتجاهية على المعكرونة. استخدم مزيجًا بصريًا متطورًا من تصميم ملصقات السلك سكرين العتيقة وحركة الخطوط الإجرائية. يجب أن تهيمن خلفية نيليّة داكنة، تقطعها دفء موضعي لنار الموقد حول الأوعية ونقاط التصادم. استخدم ألوانًا موضعية متعددة الطبقات—الأحمر القرمزي، والأصفر الزنجبلي، والأخضر البصلّي، والكريمي الدافئ، والأسود القريب—مع قوامات نصفية، وحواف حبر خشنة، وسوء محاذاة لونية طفيف، وظلال رسومية جريئة، وخطوط محيطية متحركة. يجب أن تبدو النتيجة يدوية الصنع ومسرحية بدلًا من لامعة أو واقعية فوتوغرافيًا. ضمّن بخارًا محيطًا خفيفًا، وتوهجًا وامضًا للموقد، وحبيبات منجرفة، وخطوطًا متحركة، مع الحفاظ على تباين قوي وعناصر تحكم مقروءة. تجنب أسلوب السايبربانك النيون العام. اجعل التكوين متجاوبًا عبر شاشات سطح المكتب العريضة والأجهزة اللوحية والهواتف المحمولة؛ هذه صفحة ويب، فلا تفرض نسبة عرض إلى ارتفاع 16:9 ثابتة. كيّف مواضع الأوعية والطباعة وعناصر التحكم وحدود المحاكاة ومناطق اللمس بسلاسة من دون قص المحتوى الأساسي. استخدم أحداث المؤشر لتوحيد التعامل مع الفأرة والقلم واللمس. امنع تمرير الصفحة فقط أثناء التلاعب الفعلي بالمعكرونة. احترم prefers-reduced-motion عبر تقليل الحركة المحيطية مع إبقاء التفاعل الأساسي فعالًا. حافظ على أداء سلس من خلال تجميع الجسيمات بكفاءة أو فرض حدود صارمة عليها، واستخدام requestAnimationFrame، والرسم المراعي لـ device-pixel-ratio مع حد دقة معقول، ومعالجة الإحداثيات بأمان عند تغيير الحجم. متطلبات المحتوى والإنهاء: ضمّن معالجة عنوان ذات أجواء خاصة، ودعوة قصيرة من سطر واحد للتفاعل، وثلاثة أوعية معنونة أو أكثر، ومكونات إضافية متعددة مميزة بصريًا، وكلمات صوتية مكتوبة بخط اليد ضمن سياقها، وحالات تحكم مصقولة، وأنماط تركيز واضحة، وتسميات أزرار قابلة للوصول، وتلميح تفاعل غير متطفل يتلاشى بعد الاستخدام الأول. يجب أن يبدو المشهد الافتتاحي كملصق مكتمل قابل للاقتناء قبل أي تفاعل، بينما تتحول الحالة النشطة إلى لعبة إيقاعية حيوية ذات تغذية راجعة متعددة الطبقات وحركة ناشئة مفاجئة. القيود السلبية: لا أصول أو تبعيات خارجية؛ لا روابط صور؛ لا صوت مسجل مسبقًا؛ لا أطر عمل؛ لا عناصر نائبة غير مكتملة؛ لا تعليقات TODO؛ لا عناصر تحكم معطلة؛ لا Canvas ثابت بنسبة 16:9؛ لا واجهة مستخدم افتراضية بسيطة؛ لا خلفية عامة تعتمد على التدرج وحده؛ لا رموز تعبيرية بوصفها العمل الفني الرئيسي؛ لا نصوص تفسيرية مفرطة؛ لا تشغيل صوت تلقائي؛ لا نمو غير مضبوط للجسيمات؛ لا فيزياء هشة تنهار أو تنتج قيم NaN؛ لا تفاعل يعمل بالفأرة فقط؛ ولا أي مخرجات خارج مستند HTML الكامل الوحيد.