Doubao Seed API for Reasoning and Coding

أنشئ صفحة HTML كاملة في ملف واحد — مستند .html واحد يحتوي على كل CSS وJavaScript مضمنين، من دون أي اعتماديات خارجية، ومن دون روابط CDN، أو خطوط ويب، أو ملفات صور، أو data URIs. يجب رسم كل عنصر بصري إجرائيًا أثناء التشغيل باستخدام Canvas 2D API أو inline SVG؛ ويجب ألا توجد أي صور نقطية أو فوتوغرافية أو رموز emoji في أي مكان. الصفحة عبارة عن لوحة توليدية فورية بعنوان يشبه "حقل الحصاد — استوديو الهندسة الجوية"، وفكرتها بالكامل هي مشهد علوي من منظور عين الإله لأرض زراعية مزروعة يشكّلها المستخدم عبر منزلقات، بينما تزحف حصّادة واحدة بنمط pixelated عبرها وتمحو خطوطًا منتظمة من المحصول الخام — تلك اللحظة الهادئة والمُرضية التي يُقتطع فيها النظام من الفوضى. التكوين والرندر: املأ كامل إطار العرض بشبكة مستطيلة منتظمة من قطع حقول شبيهة بالجاودار، مرسومة بأشكال vector مسطّحة مع رفع إيزومتري/شبه 2.5D خفيف، بحيث تبدو كل قطعة ككتلة منخفضة لا كمستطيل مسطح. أضئ المشهد كأن شمس غروب اتجاهية واحدة تنساب من إحدى الزوايا (دافئة ومنخفضة الزاوية)؛ يجب أن تُلقي كل قطعة والحصّادة ظلًا طويلًا ناعمًا في الاتجاه المعاكس لتعزيز الصلابة الهندسية الكتلية للحقل. لوحة الألوان يجب أن تكون عائلية ترابية رصينة وراقية: أصفر خردلي، أوكر، أخضر زيتوني، ولمسة accent واحدة من بني محروق مُحرّث حديثًا — بلا ألوان نيون، ولا ألوان أساسية صافية، واجعلها فاخرة ومكتومة. الأسلوب العام: vector مسطح يلتقي بتضاريس إيزومترية دقيقة، صارم ومعماري. السلوك الحي: داخل كل قطعة، ارسم صفوف بذر دقيقة (خطوط متوازية رفيعة) بكثافة قابلة للضبط. حصّادة واحدة بنمط pixelated — sprite صغير كتلي مرسوم من بضعة مستطيلات — هي العنصر المتحرك الوحيد، والشيء الوحيد الذي يكسر تناظر الشبكة. تتقدم ببطء على مسار حلزوني نحو الداخل أو مسار boustrophedon (回字 / ذهابًا وإيابًا) عبر القطع. أثناء حركتها يجب أن "تمحو" المحصول القائم مباشرة ضمن عرضها وأن تترك خلفها خطوط حصاد فورية — أشرطة مقطوعة فاتحة وداكنة بالتناوب، مثل عشب مقصوص أو أثر رأس حصّادة حقيقي — مرسومة بشكل دائم على الحقل إلى أن يتم reset. الحصاد هو تحريك مستمر يعمل ذاتيًا عبر requestAnimationFrame؛ يجب أن تكون مشاهدة امتلائه للحقل هادئة ومنوّمة. التفاعل — كل عناصر التحكم منزلقات (مع بضعة مفاتيح/أزرار صغيرة) ضمن لوحة جانبية أو سفلية نظيفة وبسيطة، ويجب أن يستجيب كل عنصر مباشرة من دون إعادة تحميل الصفحة: منزلق لعدد قطع الحقل (دقة الشبكة، مثلًا من 3×3 إلى 12×12)، ومنزلق لكثافة صفوف البذر، ومنزلق للون المحصول (ينقل المحصول القائم ضمن نطاق الخردلي-الأوكر-الزيتوني)، ومنزلق لتقدم الحصاد أو سرعة الحصّادة، ومفتاح للتبديل بين مسار الحصّادة الحلزوني وboustrophedon. وفّر زرًا لطيفًا لإعادة الضبط/إعادة الزراعة يعيد توليد الحقل ويبدأ الجولة من جديد. يجب أن يؤدي تغيير عدد القطع أو الكثافة إلى إعادة توليد التخطيط بسلاسة؛ ويجب أن يؤدي سحب اللون إلى إعادة التلوين في الزمن الحقيقي. اجعلها متجاوبة بالكامل بحيث يعاد حساب الشبكة والظلال عند تغيير حجم النافذة، وحافظ على معدل إطارات سلس، وتأكد من أن الكود نظيف ومكتفٍ ذاتيًا بحيث يفتح بشكل صحيح عند النقر المزدوج على الملف. هذا ليس لعبة ولا لوحة مؤشرات — إنه أداة فن توليدي. ادفع الهندسة الإجرائية، وتحريك المسار، وربط المعاملات إلى أقصى حد؛ فجودة التظليل الإيزومتري، وظلال الغروب الطويلة، وحدّة خطوط الحصاد هي ما يجب أن يجعل هذا الرندر بارزًا.

أنشئ ملف HTML واحدًا مكتفيًا ذاتيًا (CSS وJavaScript مضمنان فقط — ممنوع تمامًا استخدام أي مكتبات خارجية، أو CDNs، أو frameworks، أو خطوط، أو عناوين URL لصور) يرسم منصة تفكيك تفاعلية وواقعية فيزيائيًا لآلية ساعة جيب ميكانيكية، مرسومة بالكامل باستخدام SVG و/أو Canvas. يجب أن تفتح الصفحة وتعمل بشكل صحيح عند النقر المزدوج عليها في أي متصفح حديث، مع احتساب كل شيء وتحريكه في الزمن الحقيقي. المشهد. منظور علوي لآلية ساعة نحاسية مفككة ومفروشة على طاولة ورشة. ارسم كفن vector حي: برميل النابض الرئيسي، قطار تروس متراكب (barrel wheel → center wheel → third wheel → fourth wheel → escape wheel)، وشوكة pallet fork تتأرجح ذهابًا وإيابًا، وعجلة balance wheel مع hairspring حلزوني، وعقارب الساعات/الدقائق/الثواني وهي تمسح فوق chapter ring خافت. ارسم أسنان تروس حقيقية (جوانب بأسلوب involute، لا دوائر عادية)، مع تعشيق صحيح عند pitch circles، ومحاور arbors وجواهر bridges وبراغٍ ظاهرة. تكون المجموعة كلها مؤلفة بشكل متحد المركز حول قلب الآلية؛ وتكون لوحة التحكم مطوية في زاوية داكنة. الميكانيكا (هذا هو بيت القصيد — اجعلها تحاكي فعلًا، لا تتظاهر). نمذج قطار التروس بنِسَب تروس حقيقية: السرعة الزاوية لكل عجلة تساوي سرعة جارتها مضروبة في النسبة السالبة لعدد أسنانهما، بحيث تدور العجلات المتعشقة عكسيًا بسرعات متناسبة بوضوح، وتتداخل الأسنان من دون تراكب أو انزلاق. يجب أن تعمل آلية escapement بنقرات حقيقية: تتقدم escape wheel سنًا واحدًا في كل مرة بخطوات منفصلة، مقفلة ومحررة بواسطة pallet fork المتأرجحة، والتي تقودها balance wheel المتمايلة بإيقاع ثابت. كل تحرير ("tick") ينتج خطوة حادة في escape wheel وصوت tick مسموع باستخدام Web Audio API (مُولَّد اصطناعيًا، بلا ملفات صوت). يتقدم عقرب الثواني مع إيقاع escapement؛ وتُشتق عقارب الدقائق والساعات منه عبر نسب التروس. شغّل التحريك باستخدام requestAnimationFrame والزمن المنقضي الحقيقي حتى يبقى التوقيت دقيقًا. التفاعلات (يجب أن تستجيب كلها مباشرة). - تاج/مقبض تعبئة قابل للسحب: اسحبه (بالماوس أو اللمس) لتعبئة النابض الرئيسي — يمتلئ مقياس التعبئة وتبدو لفافة النابض وهي تشتد بوضوح. عند الإفلات، اترك الطاقة المخزنة تتفرغ لتشغيل القطار؛ تستمر الآلية بالعمل حتى ينفك النابض، ثم تتباطأ وتتوقف. - منزلق "rate" يغيّر مقياس الإيقاع/سرعة التشغيل حتى يمكنك مشاهدة النقرات ببطء أو بسرعة كبيرة. - منزلق "explode" يفصل المكونات المتراكبة باستمرار على محاورها من حالة التجميع الكامل إلى مخطط تفكيكي مروحي، مع interpolation سلس، وخطوط إرشاد موصلة بين الأجزاء المتباعدة، مع استمرار دوران كل شيء بشكل صحيح عند أي مستوى تفجير. - عند تمرير المؤشر فوق أي مكون (أو النقر عليه)، تصرّف كعدسة صائغ: أبرز ذلك الجزء، وخفّف بقية العناصر، وأظهر callout عائمًا يحمل اسم الجزء ووصفًا من سطر واحد لوظيفته. - الأزرار: Wind، Release، Reset. المظهر. جمالية صناعية واقعية لورشة صناعة ساعات: نحاس معتّق دافئ، رمادي فولاذي مُجهد، خلفية سوداء حبرية عميقة، لمعات معدنية حادة، أسنان تروس منقوشة بدقة وجسور مشطوفة. حاكِ شعاعًا واحدًا من ضوء نافذة ينساب من أعلى اليسار عبر الطاولة بحيث تلقي الأجزاء ظلالًا ناعمة ممدودة، واجعل اللمعات الانعكاسية تنتقل على وجوه التروس أثناء دورانها. استخدم gradients وfilters وحبيبات خفيفة لإضافة العمق. عناصر تحكم وتسميات واضحة ونظيفة بأسلوب HUD في الزاوية الداكنة. المتطلبات. كل شيء في ملف .html واحد؛ تخطيط متجاوب يتدرج مع إطار العرض؛ تحريك سلس بمعدل 60fps؛ بلا رسومات placeholder — يجب أن تُرسم الآلية إجرائيًا وأن تكون مقترنة ميكانيكيًا بصدق، بحيث ينتج النموذج القادر ساعة تُعبّأ وتتقابض تروسها وتنقر فعلًا، بينما ينهار النموذج الضعيف إلى دوائر ثابتة تدور. أضف تعليقات inline قصيرة تسمّي نسب التروس ومنطق escapement.