·three-js
</>

three-js

✓
noklip-io/agent-skillsGitHub: noklip-io/agent-skillsالمصدر: noklip-io/agent-skills

يجب استخدام هذه المهارة عندما يطلب المستخدم "إنشاء مشهد ثلاثي الأبعاد"، "إضافة شبكة"، "تنفيذ OrbitControls"، "تحميل نموذج GLTF"، "إضافة مرحلة ما بعد المعالجة"، "كتابة تظليل مخصص"، "إنشاء تأثيرات جسيمية"، "تحسين أداء Three.js"، "استخدام WebGPU"، أو "إضافة الظلال"، أو "تحريك نموذج"، أو الإشارة إلى Three.js، أو threejs، أو WebGL، WebGPU أو GLTF أو raycaster أو مادة تظليل أو مادة PBR أو تأثيرات ما بعد المعالجة. هام: هذه المهارة مخصصة لـ VANILLA Three.js (جافا سكريبت الضروري). لرد الفعل ثلاثة Fiber (@react-three/fiber, R3F, drei)، تحقق من مهارة `r3f-best-practices`، على الرغم من أن مهارات js الثلاثة تساعد عند العمل مع R3F نظرًا لأن R3F هو عارض React لـ Three.js. يوفر مرجعًا كاملاً لـ Three.js لرسومات الويب ثلاثية الأبعاد بما في ذلك إعداد المشهد، الهندسة، المواد، القوام، الإضاءة، الكاميرات، اللوادر، الرسوم المتحركة، الضوابط، التفاعل، التظليل، المعالجة اللاحقة، تحسين الأداء، مواد TSL/العقدة، تكامل WebGPU والفيزياء وVR/XR.

noklip-io·three·js
49التثبيتات·0الرائج·@noklip-io

التثبيت

GitHub: noklip-io/agent-skills
$npx skills add https://github.com/noklip-io/agent-skills --skill three-js

كيفية تثبيت three-js

ثبّت مهارة الذكاء الاصطناعي three-js بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/noklip-io/agent-skills --skill three-js
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: noklip-io/agent-skills.

SKILL.md

عرض النص الخام

React Three Fiber users: This reference is for vanilla Three.js. For R3F/Drei patterns, use the r3f-best-practices skill. However, understanding Three.js concepts here helps when working with R3F since R3F is a React renderer for Three.js.

| references/01-fundamentals.md | Scene setup, renderer config, Object3D hierarchy, coordinate systems | | references/02-geometry.md | Creating shapes, BufferGeometry, instancing, points, lines | | references/06-cameras.md | Camera types, frustum, viewport, projection | | references/13-math.md | Vector3, Matrix4, Quaternion, Euler, Color, MathUtils |

| references/03-materials.md | PBR materials, shader materials, all material types | | references/04-textures.md | Texture loading, UV mapping, render targets, environment maps | | references/05-lighting.md | Light types, shadows, IBL, light probes | | references/11-shaders.md | Custom GLSL shaders, uniforms, varyings, shader patterns |

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/noklip-io/agent-skills --skill three-js
المصدر
noklip-io/agent-skills
الفئة
</>أدوات التطوير
موثق
✓
أول ظهور
2026-02-01
آخر تحديث
2026-03-11
الرابط
https://www.learn-skills.dev/ar/skills/noklip-io/agent-skills/three-js

Browse more skills from noklip-io/agent-skills

إجابات سريعة

ما هي three-js؟

يجب استخدام هذه المهارة عندما يطلب المستخدم "إنشاء مشهد ثلاثي الأبعاد"، "إضافة شبكة"، "تنفيذ OrbitControls"، "تحميل نموذج GLTF"، "إضافة مرحلة ما بعد المعالجة"، "كتابة تظليل مخصص"، "إنشاء تأثيرات جسيمية"، "تحسين أداء Three.js"، "استخدام WebGPU"، أو "إضافة الظلال"، أو "تحريك نموذج"، أو الإشارة إلى Three.js، أو threejs، أو WebGL، WebGPU أو GLTF أو raycaster أو مادة تظليل أو مادة PBR أو تأثيرات ما بعد المعالجة. هام: هذه المهارة مخصصة لـ VANILLA Three.js (جافا سكريبت الضروري). لرد الفعل ثلاثة Fiber (@react-three/fiber, R3F, drei)، تحقق من مهارة `r3f-best-practices`، على الرغم من أن مهارات js الثلاثة تساعد عند العمل مع R3F نظرًا لأن R3F هو عارض React لـ Three.js. يوفر مرجعًا كاملاً لـ Three.js لرسومات الويب ثلاثية الأبعاد بما في ذلك إعداد المشهد، الهندسة، المواد، القوام، الإضاءة، الكاميرات، اللوادر، الرسوم المتحركة، الضوابط، التفاعل، التظليل، المعالجة اللاحقة، تحسين الأداء، مواد TSL/العقدة، تكامل WebGPU والفيزياء وVR/XR. المصدر: noklip-io/agent-skills.

كيف أثبّت three-js؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/noklip-io/agent-skills --skill three-js بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/noklip-io/agent-skills

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-01

مهارات ذات صلة

react-19
48 التثبيتات
gsap
40 التثبيتات
payload
30 التثبيتات
theatre-js
24 التثبيتات
nuqs
22 التثبيتات