Claude Opus 5.5 के लिए एक प्रॉम्प्ट जो नारंगी डॉट से शुरू होने वाले सिस्टम को दर्शाता हुआ 15-सेकंड का मोशन डिज़ाइन फ़िल्म बनाए, जिसमें टाइपोग्राफी, स्प्रिंग्स, शेप्स और काइनेटिक टाइप शामिल हों।
<inputs>
मुझसे पूछें: ओपनिंग टॉगल के लिए एक छोटा लेबल, एक हीरो शब्द, ग्राफ़ के लिए एक प्रतिशत, अंतिम कार्ड के लिए टेक्स्ट, एक एक्सेंट कलर, और एक स्पष्ट बीट वाला ट्रैक।
</inputs>
<direction>
16:9 अनुपात में एक 2D मोशन डिज़ाइन फ़िल्म। गर्म ऑफ-व्हाइट कैनवास, लगभग काले बैकग्राउंड, बोल्ड टाइपोग्राफी और एक जीवंत नारंगी एक्सेंट का उपयोग करें। नारंगी डॉट हर सीन को जोड़ती है: यह UI में शुरू होती है, एक अक्षर के ऊपर डॉट बन जाती है, एक स्प्रिंग ग्राफ़ को ट्रैस करती है, एक शेप में बदल जाती है और अंतिम कार्ड पर वापस आ जाती है। एक कर्सर ओपनिंग क्लिक को वास्तविक महसूस कराता है। मोशन को तेज और नियंत्रित रखें, छोटे स्प्रिंग ओवरशूट के साथ और बिना किसी डेड टाइम के।
निषिद्ध: स्टॉक फुटेज, ग्रेडिएंट्स, ग्लोज़, पार्टिकल बर्स्ट, रैंडम ट्रांज़िशन और वह मोशन जो स्क्रीन पर पहले से मौजूद किसी तत्व से जुड़ा नहीं है।
</direction>
<structure>
लगभग 15 सेकंड, हर मुख्य बीट पर एक दृश्य परिवर्तन के साथ।
ओपन: एक कर्सर "Reduce Motion" के पास नारंगी टॉगल पर क्लिक करता है। अक्षर मुड़ते हैं और अपनी जगह पर आते हैं जब तक कि केवल "Motion" शेष नहीं रह जाता, जिसके "i" के ऊपर नारंगी डॉट होती है।
स्प्रिंग: डॉट शब्द से कूदकर एक ग्राफ़ पर उतरती है। इसका पथ एक स्प्रिंग रिस्पॉन्स बनाता है, लक्ष्य को ओवरशूट करता है और "+22%" कॉलआउट के पास स्थिर हो जाता है।
शेप: डॉट एक लाइन के पार शूट करती है, एक नारंगी सर्कल में बढ़ती है और फ्रेम को भर देती है। इसके अंदर एक काला राउंडेड स्क्वायर घूमता है, फिर एक पिल (pill) में फैल जाता है। सीन सिकुड़कर काले बैकग्राउंड पर एक अकेली नारंगी डॉट बन जाता है।
टाइप: "SPRINGS", "EASING", "KINETIC TYPE", "3D" और "SOUND" जैसे शब्द डॉट की परिक्रमा करते हैं। टाइप का सर्कल खुलकर छोटे डॉट्स के एक क्षेत्र में बदल जाता है।
रिवील: हाफटोन फील्ड फैलता है और काले में पलट जाता है, अंतिम कार्ड दिखाई देता है: "Opus 5.5", "Motion designer." और "0 keyframes"।
रिटर्न: नारंगी डॉट हाफटोन, ग्राफ़ और टॉगल के माध्यम से वापस चलती है। अंतिम फ्रेम को पहले फ्रेम से मिलाएं ताकि वीडियो साफ़ी से लूप हो जाए।
</structure>
<build>
1. एक HTML फ़ाइल, 1920x1080 पर 60fps। seek(t) के अंदर समय से हर विज़ुअल की गणना करें: कोई CSS ट्रांज़िशन, टाइमर या फ्रेम के बीच ले जाया गया स्टेट नहीं।
2. टॉगल, बाउंसिंग डॉट और ग्राफ़ के लिए क्लोज़्ड-फॉर्म स्प्रिंग्स का उपयोग करें। ग्राफ़ उसी स्प्रिंग फंक्शन से ड्रा करें जो डॉट को चलाता है।
3. "Reduce Motion" से "Motion" में परिवर्तन के लिए अक्षरों को व्यक्तिगत रूप से एनिमेट करें। नारंगी डॉट को "i" से तब तक संलग्न रखें जब तक यह अपनी जंप शुरू नहीं करती।
4. नारंगी सर्कल, घूमता हुआ स्क्वायर और पिल को एक ही शेप की अलग-अलग अवस्थाओं के रूप में बनाएं। हर परिवर्तन के दौरान इसकी स्थिति और मोशन को सुरक्षित रखें।
5. परिक्रमा करने वाले शब्दों को एक सर्कुलर पाथ पर रखें, फिर उनके अक्षरों को बाहर की ओर ले जाएं ताकि फ्रेम हाफटोन ग्रिड को सौंप दिया जाए।
6. हाफटोन को डॉट्स के एक ग्रिड के रूप में ड्रा करें जिनके आकार नारंगी डॉट के अनुसार प्रतिक्रिया करते हैं। अंतिम कार्ड दिखाने से पहले इसे फ्रेम के किनारों से आगे बढ़ने दें।
7. क्लिक, डॉट लैंडिंग, ग्राफ़ पीक, शेप परिवर्तनों और अंतिम शीर्षक को मापी गई बीट्स के साथ सिंक करें।
