يفتح في علامة تبويب جديدة

كل المهاراتAIWIZARD / دليل المهارة

مهارة للذكاء الاصطناعي

Teardown لفهم الآلات بمحاكاة ثلاثية الأبعاد

حوّل شرح الآلات إلى صفحة ثلاثية الأبعاد تكشف الأجزاء وتربط الحركة بالقراءات، مع جولة تفاعلية وفيديو اختياري من المصدر نفسه.

advancedالرخصة: راجع تفاصيل المهارة

غلاف Teardown لمحاكاة آلية ثلاثية الأبعاد وتفكيك أجزائها بصريًا

ماذا ستنجز؟

صفحة HTML لمحاكاة تعليمية ثلاثية الأبعاد قابلة للاستكشاف، ومصدر قابل للتعديل، مع إمكانية تصدير جولة إلى MP4 وصوت إجرائي متزامن.

ما الذي تحتاجه؟

Claude Code مع تشغيل أدوات محلية؛ Node.js 20+؛ اعتماديات المشروع وPlaywright وChromium؛ FFmpeg لتصدير الفيديو ولوحات المراجعة؛ Python 3 للصوت؛ مراجع وأبعاد موثوقة للآلية. كود الحزمة بترخيص MIT؛ تكلفة الوكيل أو النموذج والحوسبة والأصول الخارجية منفصلة. المسار الأساسي يبني المجسمات والصوت محليًا، ولا يفرض خدمة توليد مدفوعة.

طريقة الاستخدام

  1. نزّل حزمة Teardown كاملة وجهّز Node.js 20+ واعتماديات المشروع وChromium وفق README؛ أضف FFmpeg للفيديو وPython 3 للصوت.
  2. قدّم الآلية والجمهور والسؤال التعليمي والمراجع والأبعاد، واختر أقرب مثال للبدء.
  3. راجع النموذج والقراءات وأدوات التحكم، ثم اختبر HTML على الجهاز المستهدف.
  4. عند طلب فيديو، افحص صور المراجعة وملف MP4 النهائي واحتفظ بالمصدر والأصول.

Teardown مهارة لـClaude Code تحوّل شرح الآلات والآليات إلى تجربة ثلاثية الأبعاد يمكن استكشافها داخل المتصفح. بدل مشاهدة رسم ثابت، ترى الأجزاء تتحرك، وتغيّر زاوية النظر، وتكشف الجزء المسؤول عن العمل، وتتابع قراءات مرتبطة بحالة النموذج. الناتج الأساسي صفحة HTML قابلة للتشغيل دون اتصال بعد بنائها، مع إمكانية إنتاج فيديو من الجولة نفسها. تناسب الدروس التفاعلية والمحتوى العلمي وعروض المنتجات الميكانيكية، عندما يكون الهدف توضيح العلاقة بين الأجزاء والحركة، لا الاكتفاء بمظهر مجسم جميل. المستودع الرسمي.

من سؤال «كيف يعمل؟» إلى تجربة قابلة للفهم

يضم المستودع ثلاثة أمثلة مكتملة: محرك V8 رباعي الأشواط، وآلية معدات الهبوط الرئيسية لطائرة Cessna 337، وآلة Strandbeest ذات الأرجل المتحركة. يمكن الانطلاق من أقرب مثال ثم بناء آلية جديدة، بدل التعامل مع المهارة بوصفها مكتبة جاهزة لكل جهاز. وتختلف الصفحة الحية عن الفيديو: الأولى تسمح للزائر بالتفاعل، بينما يقدم الثاني مسارًا محددًا للشرح يمكن مشاركته في عرض أو منشور.

ابدأ بطلب ضيق وواضح: آلية واحدة، وسؤال تعليمي واحد، وجمهور محدد. يمكنك مثلًا طلب شرح انتقال الحركة من عمود دوران إلى مكبس، مع إبراز الجزء النشط وعرض زاوية الدوران. قدم صورة مرجعية أو رسمًا مقطعيًا موثوقًا والأبعاد التي تعرفها. وإذا كانت بعض البيانات تقديرية، اطلب تمييزها داخل الشرح؛ فإظهار رقم دقيق بصريًا لا يجعله قياسًا مثبتًا للآلة الحقيقية.

الحركة والقراءات من نموذج واحد

ترتكز طريقة العمل على فصل الحسابات عن المجسمات والواجهة. تحدد معادلات الآلية أوضاع الأجزاء، ثم تقرأ منها الرسوم والعدادات، بدل تحريك كل عنصر بصورة مستقلة. قد يكون المدخل زاوية عمود المرفق، أو امتداد مشغل، أو سرعة رياح في المثال المناسب. هذه البنية تساعد على إبقاء ما تعرضه اللوحات متوافقًا مع الحركة، وتسهّل فحص العلاقة بين المدخل والنتيجة عند تعديل النموذج. تعليمات بناء المحاكاة.

يضيف العرض أدوات مثل العزل والمقاطع والشفافية وزوايا الكاميرا، حتى يمكن رؤية ما تحجبه الأجزاء الخارجية. وتعرض الأمثلة جولة تلقائية حين لا يتفاعل الزائر، ثم تمنحه التحكم عند النقر أو السحب أو استخدام لوحة المفاتيح، مع استئناف الجولة بعد فترة هدوء. اختر لقطات تكشف الفكرة فعلًا: الاقتراب من وصلة متحركة قد يكون أوضح من دوران طويل حول الآلة كلها.

صفحة مستقلة وفيديو من المصدر نفسه

يجمع برنامج البناء JavaScript والتنسيقات والخطوط وThree.js داخل ملف HTML مستقل في المسار الافتراضي. ويمكن إخراج الأصول الثقيلة في ملفات مجاورة عند الحاجة، وعندها يجب تسليمها مع الصفحة بدل إرسال HTML وحده. هذا الفرق مهم إذا كنت تريد درسًا يعمل دون شبكة أو حزمة يسهل نقلها بين الأجهزة. اختبر النسخة النهائية في مكان مختلف عن مجلد التطوير، للتأكد من أن جميع الأصول اللازمة وصلت معها. برنامج تجميع الصفحة.

أما مسار الفيديو فيلتقط المشهد إطارًا بإطار عبر Chromium وPlaywright، ثم يستخدم FFmpeg لإنتاج MP4؛ والإعداد الافتراضي للتسجيل هو ستون إطارًا في الثانية. توجد أيضًا أدوات لإخراج صور مفردة ولوحات مراجعة للحظات المهمة. وتولد منظومة الصوت مؤثرات وموسيقى إجرائية باستخدام Python وفق خط زمني مشترك. لا يعني وجود هذا المسار أن المهارة توفر تعليقًا صوتيًا بشريًا جاهزًا أو خدمة تحويل النص إلى كلام. مسار تسجيل الفيديو.

ماذا تحتاج قبل البدء؟

تحتاج بيئة Claude Code قادرة على تشغيل الأدوات المحلية، وNode.js بالإصدار العشرين أو أحدث، واعتماديات المشروع ومتصفح Chromium الذي يجهزه Playwright. ولتصدير الفيديو تحتاج FFmpeg، بينما يتطلب الصوت Python 3. هذه متطلبات الإنشاء، وليست اشتراكًا إضافيًا يفرض على كل مشاهد للصفحة الناتجة. المستوى الأنسب متوسط إلى متقدم؛ فاختيار نموذج جديد ومراجعة المعادلات وإصلاح مشاكل الرسوم يتطلب أكثر من كتابة وصف قصير. متطلبات التشغيل.

ابدأ ببناء أحد الأمثلة وتحقق من تشغيله قبل توسيع المشروع. بعد ذلك، راجع لقطة واضحة للآلية ثم جرّب أدوات التحكم، وراقب تداخل الأجزاء ووضوح التسميات. افحص الانتقالات من اللقطات الفعلية، وراجع الفيديو الذي خرج من الترميز لا معاينة المتصفح وحدها. وإذا كان المحتوى عربيًا، اختر خطًا يدعم العربية واختبر اتجاه النص والأرقام وطول العناوين، بدل افتراض أن خطوط الأمثلة وتخطيطها مناسبون تلقائيًا.

التكلفة والحدود التي تستحق الانتباه

الحزمة منشورة بترخيص MIT، ولا تفرض رسوم ترخيص لاستخدام كودها، مع الالتزام بإشعارات الترخيص عند إعادة التوزيع. تبقى تكلفة Claude Code أو النموذج المستخدم وموارد جهازك منفصلة، وقد تنشأ تكلفة من أصول أو خدمات تختار إضافتها. لا يشترط المسار الأساسي الموثق خدمة مدفوعة لتوليد المجسمات أو الصوت؛ إذ تُبنى المجسمات بالكود ويُنتج الصوت محليًا. وراجع حقوق أي صور أو ملفات خارجية تضيفها بنفسك. ترخيص MIT.

الأداء يتأثر بتعقيد المشهد وبطاقة الرسوم والمؤثرات، لذلك لا تفترض أن سلاسة العرض على جهاز قوي ستتكرر على حاسوب محمول. وتوصي التعليمات بمراجعة الحجم والجودة والقراءة على الشاشات الصغيرة. الأهم أن Teardown وسيلة لبناء شرح تفاعلي، وليست شهادة صحة هندسية: توافق الحركة والعدادات لا يثبت صحة الافتراضات الفيزيائية. استخدم مراجع موثوقة ومراجعة مختص عندما يتجاوز المحتوى التعليم العام، ولا تعتمد عليه وحده لاتخاذ قرارات تصميم أو صيانة أو سلامة.

المصدر والتوثيق

ابدأ من المرجع الأصلي

راجع تعليمات المصدر ومتطلبات التشغيل قبل التجربة.

افتح المصدر الرسمي

كمّل الاستكشاف

مهارة تكمّل فكرتك

ارجع للمكتبة وقارن الأدوات والمهارات حسب المهمة التي تريد إنجازها.

تصفّح المهارات