حاولت أسوي فيديو 3D بـ Claude… المحاولة الأولى فشلت 😅
شفت مقطع انتشر: شخصية بكسل داخل غرفة 3D وكاميرا ما توقف. قلت أقدر أسوي مثله بـ Claude؟ المحاولة الأولى طلعت مسطّحة. الثانية صرت فيها أنا المخرج وClaude المنفّذ، وكل حركة بالفيديو كود. هنا الطريقة كاملة: البرومتات بالترتيب، والسكل اللي انبنى فيه المقطع.
- الغلط بالمحاولة الأولى: طلبت «فيديو حلو» وانتظرت برومبت سحري. الخلفية صورة ثابتة والشخصية ملصوقة.
- المحاولة الثانية: الصوت أول، وبعدين كل كلمة على الشاشة تطلع لحظة نطقها، وكل جملة لها مشهد يمثّلها حرفياً.
- الغرفة مبنية من حوالي 2900 مكعب حقيقي، والكاميرا تتحرك داخلها بظلال وإضاءة.
- أكثر شي فرق: الملاحظات. «سرّع هنا»، «قرّب الكاميرا»، «طوّل النهاية شوي»… أنت المخرج.
الأداة المستخدمة: Three.js
صفحة Three.js فيها برومتات ثانية، وكل أدوات Claude لصناعة الفيديو بالكود.
افتح صفحة Three.js ←الطريقة
- حلّل المقطع المرجعي مع Claude (البرومت 1)، واكتب السكربت (البرومت 2). اكتب المصطلحات زي ما تنطق: «ثري دي» مو 3D.
- سجّل السكربت كامل بتسجيلة وحدة في ElevenLabs (صوت Abdullah، موديل v4، Stability تقريباً 30–40%). طلّع نسختين وخذ الأحسن.
https://try.elevenlabs.io/vvseh93g01fl - سوّ شخصياتك في Gemini على خلفية خضراء (البرومتات 3 و4 و5).
- نزّل سكل «ikhtiar-dhaki-3d» تحت وركّبه: في شات Claude العادي من الإعدادات ← Skills ← Upload، أو في Claude Code داخل مجلد skills.
- افتح شات جديد، ارفق الصوت والشيتات والسكربت، وابدأ بالبرومت 6: أول 8 ثواني بس مع صور تجربة.
- إذا عجبتك البداية كمّل بالبرومت 7 مشهد مشهد، وعطه ملاحظاتك بعد كل صور تجربة.
- آخر شي الصوت بالكود والرندر (البرومت 8). بدون كرت شاشة الرندر ياخذ وقت: تقريباً ساعة لدقيقة فيديو.
وش تقدر تغيّر؟
كل شي بين الأقواس [ ] في البرومتات تقدر تغيّره. هذي أهم الأشياء:
الشخصية
أي شخصية pixel: أنت، شعار مشروعك، أو بطل قصتك. المهم خلفية خضراء وكل الوضعيات بنفس الحجم.
الغرفة
مكتب، مجلس، استوديو، فضاء… ألوان المكعبات والإضاءة كلها بالكود.
القصة
«التحدي» مثال: محاولة ← فشل ← فهم الغلط ← محاولة ثانية ← النتيجة. تقدر تسوي مراجعة، شرح أداة، أو قصة منتج.
كلمة التعليق
بدل CODE: أي كلمة تبي الناس يكتبونها عشان توصلهم الطريقة.
ملفات للتحميل
السكل اللي انبنى فيه المقطع: محرك الغرفة والشخصيات والنص ثلاثي الأبعاد، أدوات توقيت الكلمات، المؤثرات والموسيقى بالكود، والرندر، مع مثال أول 9 ثواني والبرومتات. ركّبه في Claude وابدأ.
البرومتات (8)
1. Claude — تحليل المقطع المرجعي
من أدوات Claude: Three.js ←ارفقت لك مقطع مرجعي [انتشر على السوشال]. حلّله فريم فريم: - طلّع contact sheets (فريم كل ثانية) وفرّغ الكلام بتوقيته. - اكتب لي: طول كل لقطة، نوع كل انتقال، حركة الكاميرا، أسلوب النص (الحجم، الدخول، الألوان)، وكيف المؤثرات ماشية مع الكلام. هدفي آخذ الأسلوب والإيقاع، مو أنسخ رسوماته ولا شخصياته.
2. Claude — سكربت «التحدي» جاهز للصوت
من أدوات Claude: Three.js ←اكتب لي سكربت شورت [55–60] ثانية بلهجة [سعودية محكية] عن تحدي: [أقدر أسوي مقطع مثل هذا بـ Claude؟]. القصة: المحاولة الأولى وليش فشلت (دليل حقيقي) ← وش كان الغلط ← المحاولة الثانية ووش تغيّر ← النتيجة (الفيديو نفسه) ← دعوة للتعليق بكلمة [CODE]. - جمل قصيرة، وكل جملة لها مشهد يمثّلها حرفياً. - حط tags لـ ElevenLabs v4 بين أقواس مربعة مثل [excited] و[pause] و[serious]. - اكتب الأرقام والمصطلحات زي ما تنطق (مثلاً «ثري دي» مو 3D، عشان الصوت ما يقول «ثلاثة دي»).
3. Gemini — الشخصية الأساسية (Pixel Art)
من أدوات Claude: Three.js ←Design an ORIGINAL character as a crisp 32-bit retro pixel-art game sprite: [a young Arab content creator with round glasses, short black hair, a dark grey hoodie with a teal zipper, dark jeans and white sneakers]. Show FRONT view, 3/4 view and BACK view in one row, full body, identical scale, feet on the same ground line. Style: hard square pixels, clean 1-pixel dark outline, no anti-aliasing, no blur, stepped pixel shading only, limited palette of about 16 colours, soft top-left light. Flat solid pure green #00FF00 background, no shadow on the floor, no text, no watermark, no border.
4. Gemini — شيت حركات الكلام والإشارة
من أدوات Claude: Three.js ←Using the attached character exactly as designed (same hair, glasses, hoodie, colours, proportions and pixel size), draw 6 frames in a 2-column grid, identical scale, facing 3/4 toward the viewer, feet in exactly the same position in every frame: (1) pointing up with one hand, mouth open, (2) hand on chin thinking, (3) pointing right, mouth open, (4) both palms open presenting, (5) jumping with both fists up cheering, (6) waving hello. Style: crisp 32-bit retro game sprite, hard square pixels, clean 1-pixel dark outline, no anti-aliasing, no blur, no gradients except stepped pixel shading, limited palette of about 16 colours, soft top-left light. Flat solid pure green #00FF00 background, no shadow on the floor, no text, no watermark, no border, evenly spaced, centered.
5. Gemini — شيت الروبوت (6 تعابير)
من أدوات Claude: Three.js ←Using the attached robot exactly as designed (same [teal cube head-body, dark rounded screen face with white pixel eyes, small yellow antenna bulb, two small teal side arms, blue thruster glow underneath, no legs], same colours, proportions and pixel size), draw a 6-frame sprite sheet arranged in a grid of 2 columns and 3 rows, identical scale, every frame facing 3/4 toward the viewer and hovering at exactly the same height so frames can be swapped: (1) neutral hover, calm dot eyes, (2) typing fast on a small floating pixel keyboard, eyes focused as narrow lines, (3) nodding "OK" with one arm raised in a small salute, happy ^ ^ eyes, (4) shocked, eyes wide open, antenna bulb flashing with pixel spark lines, body tilted back, (5) celebrating, both arms up, happy ^ ^ eyes, small pixel sparkles, (6) thinking, one arm touching its face, a small pixel lightbulb above the antenna. Style: crisp 32-bit retro game sprite, hard square pixels, clean 1-pixel dark outline, no anti-aliasing, no blur, no gradients except stepped pixel shading, limited palette of about 16 colours, soft top-left light. Flat solid pure green #00FF00 background, no shadow on the floor, no text, no watermark, no border, evenly spaced, centered.
6. Claude — ركّب السكل وابنِ أول 8 ثواني
من أدوات Claude: Three.js ←ركّبت لك سكل ikhtiar-dhaki-3d (أو ارفق ملفه المضغوط). ارفقت لك: تسجيل الصوت [vo.mp3]، شيتات الشخصيات، والسكربت. 1) طلّع توقيت كل كلمة من الصوت، وصحّح بدايات الكلمات اللي بعد سكتة. 2) قص الشيتات من الخلفية الخضراء. 3) ابنِ أول [8] ثواني بس: غرفة voxel ثلاثية الأبعاد من مكعبات حقيقية تنبني على كلمة [غرفة]، الشخصية تطلع مربع مربع، كاميرا ما توقف (whip وorbit)، ظلال وإضاءة LED، وكل كلمة على الشاشة تطلع لحظة نطقها بنص عربي ثلاثي الأبعاد (كلمات كاملة، لا تقسّم الحروف). 4) طلّع لي [8] صور تجربة من لحظات مختلفة قبل أي رندر.
7. Claude — باقي المشاهد (كل جملة مشهد)
من أدوات Claude: Three.js ←كمّل باقي المقطع بنفس الأسلوب. لكل جملة مشهد يمثّلها حرفياً، مثل: - [«المحاولة الأولى»] ← الشاشة تعرض المحاولة الأولى وبعدين تنفصل لطبقات ورق مسطّحة. - [«ابنِ الغرفة مكعّب مكعّب»] ← الغرفة تنبني قدّامنا على الكلمتين. - [«حط ظل وإضاءة»] ← الظل يشتغل على «ظل» والإضاءة على «إضاءة». - [«اللي تشوفه الحين»] ← نبدأ داخل شاشة تعرض الفيديو نفسه والكاميرا ترجع لورا. بين المشاهد انتقال مربعات أو whip. بعد كل مشهد أرسل لي صور تجربة، وصلّح أي نص يطلع برا الإطار، أو شخصية تغطي النص، أو كاميرا تدخل الجدار.
8. Claude — الصوت بالكود + الرندر
من أدوات Claude: Three.js ←1) سوّ الصوت بالكود: مؤثر لكل حدث على نفس الفريم (whoosh للانتقالات، pop للكلمات، click للكتابة، impact للكلمات الكبيرة، مكعبات تنزل). 2) موسيقى إلكترونية خفيفة تتغير مع القصة ([باهتة في المحاولة الأولى، تنقطع عند الغلط، تقوى في المحاولة الثانية])، وتنخفض تحت الصوت (ducking). المستوى -14 LUFS وآخر كلمة مسموعة. 3) رندر [1080×1920، 30 فريم] مع الصوت، وطلّع contact sheet للفيديو كامل وافحصه قبل ما ترسل لي الملف.
⚠️ الرندر في شات Claude يشتغل بدون كرت شاشة وياخذ وقت، فابدأ دائماً بصور تجربة ومقطع قصير قبل الرندر الكامل. والشخصيات لازم تكون أصلية، مو منسوخة من المقطع المرجعي.


