Skip to content

Commit 95f678c

Browse files
authored
Docs: Translating Helpers section into Arabic (ar). (#26174)
* update list.json to include the Helpers section of arabic docs * add arabic translation for ArrowHelper page * add arabic translation for AxesHelper page * add arabic translation for Box3Helper page * add arabic translation for BoxHelper page * add arabic translation for CameraHelper page * add arabic translation for DirectionLightHelper page * add arabic translation for GridHelper page * add arabic translation for HemisphereLightHelper page * add arabic translation for PlaneHelper page * add arabic translation for PointLightHelper page * add arabic translation for PolarGridHelper page * add arabic translation for SkeletonHelper page * add arabic translation for SpotLightHelper page
1 parent 517ce63 commit 95f678c

14 files changed

+1037
-0
lines changed
Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
<!DOCTYPE html>
2+
<html lang="ar">
3+
<head>
4+
<meta charset="utf-8" />
5+
<base href="../../../" />
6+
<script src="page.js"></script>
7+
<link type="text/css" rel="stylesheet" href="page.css" />
8+
</head>
9+
<body class="rtl">
10+
[page:Object3D] &rarr;
11+
12+
<h1>[name]</h1>
13+
14+
<p class="desc">كائن سهم ثلاثي الأبعاد لتصور الاتجاهات.</p>
15+
16+
<h2>مثال الكود</h2>
17+
18+
<code>
19+
const dir = new THREE.Vector3( 1, 2, 0 );
20+
21+
//normalize the direction vector (convert to vector of length 1)
22+
dir.normalize();
23+
24+
const origin = new THREE.Vector3( 0, 0, 0 );
25+
const length = 1;
26+
const hex = 0xffff00;
27+
28+
const arrowHelper = new THREE.ArrowHelper( dir, origin, length, hex );
29+
scene.add( arrowHelper );
30+
</code>
31+
32+
<h2>أمثلة (Examples)</h2>
33+
34+
<p>[example:webgl_shadowmesh WebGL / shadowmesh]</p>
35+
36+
<h2>المنشئ (Constructor)</h2>
37+
38+
<h3>
39+
[name]([param:Vector3 dir], [param:Vector3 origin], [param:Number length],
40+
[param:Number hex], [param:Number headLength], [param:Number headWidth])
41+
</h3>
42+
<p>
43+
[page:Vector3 dir] - الاتجاه من المنشأ. يجب أن يكون متجه وحدة. <br />
44+
[page:Vector3 origin] - النقطة التي يبدأ فيها السهم.<br />
45+
[page:Number length] - طول السهم. الافتراضي هو `1`.<br />
46+
[page:Number hex] - قيمة ست عشرية لتحديد اللون. الافتراضي هو
47+
0xffff00.<br />
48+
[page:Number headLength] - طول رأس السهم. الافتراضي
49+
هو 0.2 * الطول.<br />
50+
[page:Number headWidth] - عرض رأس السهم. الافتراضي هو
51+
0.2 * headLength.<br />
52+
</p>
53+
54+
<h2>الخصائص (Properties)</h2>
55+
<p>انظر إلى قاعدة [page:Object3D] class للخصائص المشتركة.</p>
56+
57+
<h3>[property:Line line]</h3>
58+
<p>يحتوي على جزء الخط من المساعد السهم.</p>
59+
60+
<h3>[property:Mesh cone]</h3>
61+
<p>يحتوي على جزء المخروط من المساعد السهم.</p>
62+
63+
<h2>الطرق (Methods)</h2>
64+
<p>انظر إلى قاعدة [page:Object3D] class للطرق المشتركة.</p>
65+
66+
<h3>[method:undefined setColor]([param:Color color])</h3>
67+
<p>
68+
اللون - اللون المطلوب.<br /><br />
69+
70+
يضبط لون المساعد السهم.
71+
</p>
72+
73+
<h3>
74+
[method:undefined setLength]([param:Number length], [param:Number headLength], [param:Number headWidth])
75+
</h3>
76+
<p>
77+
الطول - الطول المطلوب.<br />
78+
headLength - طول رأس السهم.<br />
79+
headWidth - عرض رأس السهم.<br /><br />
80+
81+
يضبط طول المساعد السهم.
82+
</p>
83+
84+
<h3>[method:undefined setDirection]([param:Vector3 dir])</h3>
85+
<p>
86+
dir - الاتجاه المطلوب. يجب أن يكون متجه وحدة.<br /><br />
87+
88+
يضبط اتجاه المساعد السهم.
89+
</p>
90+
91+
<h3>[method:undefined dispose]()</h3>
92+
<p>
93+
يحرر الموارد المتعلقة بالـ GPU التي تم تخصيصها من قبل هذا المثيل. اتصل بهذه
94+
الطريقة كلما لم يعد هذا المثيل مستخدمًا في تطبيقك.
95+
</p>
96+
97+
<h2>المصدر (Source)</h2>
98+
99+
<p>
100+
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
101+
</p>
102+
</body>
103+
</html>
Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
<!DOCTYPE html>
2+
<html lang="ar">
3+
<head>
4+
<meta charset="utf-8" />
5+
<base href="../../../" />
6+
<script src="page.js"></script>
7+
<link type="text/css" rel="stylesheet" href="page.css" />
8+
</head>
9+
<body class="rtl">
10+
[page:Object3D] &rarr; [page:Line] &rarr; [page:LineSegments] &rarr;
11+
12+
<h1>[name]</h1>
13+
<p class="desc">
14+
كائن المحور لتصور المحاور الثلاثة بطريقة بسيطة. <br />
15+
المحور X هو اللون الأحمر. المحور Y هو اللون الأخضر. المحور Z هو اللون الأزرق.
16+
</p>
17+
18+
<h2>مثال الكود</h2>
19+
20+
<code>
21+
const axesHelper = new THREE.AxesHelper( 5 );
22+
scene.add( axesHelper );
23+
</code>
24+
25+
<h2>أمثلة (Examples)</h2>
26+
<p>
27+
[example:webgl_buffergeometry_compression WebGL / buffergeometry / compression]<br />
28+
[example:webgl_geometry_convex WebGL / geometry / convex]<br />
29+
[example:webgl_loader_nrrd WebGL / loader / nrrd]
30+
</p>
31+
32+
<h2>المنشئ (Constructor)</h2>
33+
<h3>[name]( [param:Number size] )</h3>
34+
<p>
35+
[page:Number size] - (اختياري) حجم الخطوط التي تمثل المحاور.
36+
الافتراضي هو `1`.
37+
</p>
38+
39+
<h2>الخصائص (Properties)</h2>
40+
<p>انظر إلى قاعدة [page:LineSegments] class للخصائص المشتركة.</p>
41+
42+
<h2>الطرق (Methods)</h2>
43+
<p>انظر إلى قاعدة [page:LineSegments] class للطرق المشتركة.</p>
44+
45+
<h3>
46+
[method:this setColors]( [param:Color xAxisColor], [param:Color yAxisColor], [param:Color zAxisColor] )
47+
</h3>
48+
<p>
49+
يضبط ألوان المحاور إلى [page:Color xAxisColor]، [page:Color yAxisColor]،
50+
[page:Color zAxisColor].
51+
</p>
52+
53+
<h3>[method:undefined dispose]()</h3>
54+
<p>
55+
يحرر الموارد المتعلقة بالـ GPU التي تم تخصيصها من قبل هذا المثيل. اتصل بهذه
56+
الطريقة كلما لم يعد هذا المثيل مستخدمًا في تطبيقك.
57+
</p>
58+
59+
<h2>المصدر (Source)</h2>
60+
<p>
61+
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
62+
</p>
63+
</body>
64+
</html>
Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
<!DOCTYPE html>
2+
<html lang="ar">
3+
<head>
4+
<meta charset="utf-8" />
5+
<base href="../../../" />
6+
<script src="page.js"></script>
7+
<link type="text/css" rel="stylesheet" href="page.css" />
8+
</head>
9+
<body class="rtl">
10+
[page:Object3D] &rarr; [page:Line] &rarr; [page:LineSegments] &rarr;
11+
12+
<h1>[name]</h1>
13+
14+
<p class="desc">كائن مساعد لتصور [page:Box3].</p>
15+
16+
<h2>مثال الكود</h2>
17+
18+
<code>
19+
const box = new THREE.Box3();
20+
box.setFromCenterAndSize( new THREE.Vector3( 1, 1, 1 ), new THREE.Vector3( 2, 1, 3 ) );
21+
22+
const helper = new THREE.Box3Helper( box, 0xffff00 );
23+
scene.add( helper );
24+
</code>
25+
26+
<h2>المنشئ (Constructor)</h2>
27+
28+
<h3>[name]( [param:Box3 box], [param:Color color] )</h3>
29+
<p>
30+
[page:Box3 box] -- الـ Box3 المراد عرضه.<br />
31+
[page:Color color] -- (اختياري) لون الصندوق. الافتراضي هو 0xffff00.<br /><br />
32+
33+
ينشئ صندوقًا جديدًا بإطار سلكي يمثل Box3 المُمرَّر.
34+
</p>
35+
36+
<h2>الخصائص (Properties)</h2>
37+
<p>انظر إلى الفئة الأساسية [page:LineSegments] للحصول على الخصائص المشتركة.</p>
38+
39+
<h3>[property:Box3 box]</h3>
40+
<p>الـ Box3 المُعروض.</p>
41+
42+
<h2>الطرق (Methods)</h2>
43+
<p>انظر إلى الفئة الأساسية [page:LineSegments] للحصول على الطرق المشتركة.</p>
44+
45+
<h3>[method:undefined updateMatrixWorld]( [param:Boolean force] )</h3>
46+
<p>
47+
هذا يتجاوز الطريقة في الفئة الأساسية [page:Object3D] بحيث يُحدِّث أيضًا
48+
الإطار السلكي للصندوق إلى مدى خاصية [page:Box3Helper.box .box].
49+
</p>
50+
51+
<h3>[method:undefined dispose]()</h3>
52+
<p>
53+
يُطلِق الموارد المتعلقة بوحدة معالجة الرسومات التي تم تخصيصها من قبل هذه العيّنة. اتصل بهذه
54+
الطريقة كلما لم يعد هذه العيّنة مستخدمة في تطبيقك.
55+
</p>
56+
57+
<h2>المصدر (Source)</h2>
58+
<p>
59+
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
60+
</p>
61+
</body>
62+
</html>

docs/api/ar/helpers/BoxHelper.html

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
<!DOCTYPE html>
2+
<html lang="ar">
3+
<head>
4+
<meta charset="utf-8" />
5+
<base href="../../../" />
6+
<script src="page.js"></script>
7+
<link type="text/css" rel="stylesheet" href="page.css" />
8+
</head>
9+
<body class="rtl">
10+
[page:Object3D] &rarr; [page:Line] &rarr; [page:LineSegments] &rarr;
11+
12+
<h1>[name]</h1>
13+
14+
<p class="desc">
15+
كائن مساعد لإظهار الحدود المحيطة المتوازية مع محور العالم بشكل بصري
16+
حول كائن. يتم التعامل مع الحدود المحيطة الفعلية باستخدام [page:Box3]،
17+
هذا مجرد مساعد بصري للتصحيح. يمكن تغيير حجمه تلقائيًا باستخدام طريقة [page:BoxHelper.update]
18+
عندما يتم تحويل الكائن الذي تم إنشاؤه منه. لاحظ أن يجب أن يكون للكائن
19+
[page:BufferGeometry] لكي يعمل هذا، لذلك لن يعمل مع [page:Sprite Sprites].
20+
</p>
21+
22+
<h2>مثال الكود</h2>
23+
24+
<code>
25+
const sphere = new THREE.SphereGeometry();
26+
const object = new THREE.Mesh( sphere, new THREE.MeshBasicMaterial( 0xff0000 ) );
27+
const box = new THREE.BoxHelper( object, 0xffff00 );
28+
scene.add( box );
29+
</code>
30+
31+
<h2>أمثلة (Examples)</h2>
32+
<p>
33+
[example:webgl_helpers WebGL / helpers]<br />
34+
[example:webgl_loader_nrrd WebGL / loader / nrrd]<br />
35+
[example:webgl_buffergeometry_drawrange WebGL / buffergeometry / drawrange]
36+
</p>
37+
38+
<h2>المنشئ (Constructor)</h2>
39+
<h3>[name]( [param:Object3D object], [param:Color color] )</h3>
40+
<p>
41+
[page:Object3D object] -- (اختياري) الـ object3D المراد عرض الحدود المحيطة المتوازية مع محور العالم.<br />
42+
[page:Color color] -- (اختياري) قيمة ست عشرية تحدد لون الصندوق. الافتراضي هو 0xffff00.<br /><br />
43+
44+
ينشئ صندوقًا جديدًا بإطار سلكي يحد الكائن المُمرَّر. يستخدم هذا داخليًا
45+
[page:Box3.setFromObject] لحساب الأبعاد. لاحظ أن هذا يشمل أي أطفال.
46+
</p>
47+
48+
<h2>الخصائص (Properties)</h2>
49+
<p>انظر إلى الفئة الأساسية [page:LineSegments] للحصول على الخصائص المشتركة.</p>
50+
51+
<h2>الطرق (Methods)</h2>
52+
<p>انظر إلى الفئة الأساسية [page:LineSegments] للحصول على الطرق المشتركة.</p>
53+
54+
<h3>[method:undefined update]()</h3>
55+
<p>
56+
يُحدِّث هندسة المساعد لتطابق أبعاد الكائن، بما في ذلك أي أطفال. انظر [page:Box3.setFromObject].
57+
</p>
58+
59+
<h3>[method:this setFromObject]( [param:Object3D object] )</h3>
60+
<p>
61+
[page:Object3D object] - [page:Object3D] لإنشاء المساعد منه.<br /><br />
62+
63+
يُحدِّث صندوق الإطار السلكي للكائن المُمرَّر.
64+
</p>
65+
66+
<h3>[method:undefined dispose]()</h3>
67+
<p>
68+
يُطلِق الموارد المتعلقة بوحدة معالجة الرسومات التي تم تخصيصها من قبل هذه العيّنة. اتصل بهذه
69+
الطريقة كلما لم يعد هذه العيّنة مستخدمة في تطبيقك.
70+
</p>
71+
72+
<h2>المصدر (Source)</h2>
73+
<p>
74+
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
75+
</p>
76+
</body>
77+
</html>
Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
<!DOCTYPE html>
2+
<html lang="ar">
3+
<head>
4+
<meta charset="utf-8" />
5+
<base href="../../../" />
6+
<script src="page.js"></script>
7+
<link type="text/css" rel="stylesheet" href="page.css" />
8+
</head>
9+
<body class="rtl">
10+
[page:Object3D] &rarr; [page:Line] &rarr; [page:LineSegments] &rarr;
11+
12+
<h1>[name]</h1>
13+
14+
<p class="desc">
15+
هذا يساعد في تصور ما يحتويه الكاميرا في مخروط الرؤية الخاص بها. يُصوِّر
16+
مخروط الرؤية للكاميرا باستخدام [page:LineSegments].<br /><br />
17+
يجب أن يكون [name] طفلًا للمشهد.
18+
</p>
19+
20+
<h2>مثال الكود</h2>
21+
<code>
22+
const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
23+
const helper = new THREE.CameraHelper( camera );
24+
scene.add( helper );
25+
</code>
26+
27+
<h2>أمثلة (Examples)</h2>
28+
<p>
29+
[example:webgl_camera WebGL / camera]<br />
30+
[example:webgl_geometry_extrude_splines WebGL / extrude / splines]
31+
</p>
32+
33+
<h2>المنشئ (Constructor)</h2>
34+
<h3>[name]( [param:Camera camera] )</h3>
35+
<p>
36+
[page:Camera camera] -- الكاميرا المراد تصويرها.<br /><br />
37+
38+
ينشئ [Name] جديدًا للكاميرا المحددة.
39+
</p>
40+
41+
<h2>الخصائص (Properties)</h2>
42+
<p>انظر إلى الفئة الأساسية [page:LineSegments] للحصول على الخصائص المشتركة.</p>
43+
44+
<h3>[property:Camera camera]</h3>
45+
<p>الكاميرا المُعروضة.</p>
46+
47+
<h3>[property:Object pointMap]</h3>
48+
<p>يحتوي هذا على النقاط المستخدمة لتصوير الكاميرا.</p>
49+
50+
<h3>[property:Object matrix]</h3>
51+
<p>إشارة إلى [page:Object3D.matrixWorld camera.matrixWorld].</p>
52+
53+
<h3>[property:Object matrixAutoUpdate]</h3>
54+
<p>
55+
انظر [page:Object3D.matrixAutoUpdate]. تعيين إلى `false` هنا كما يستخدم المساعد
56+
[page:Object3D.matrixWorld matrixWorld] الخاص بالكاميرا.
57+
</p>
58+
59+
<h2>الطرق (Methods)</h2>
60+
<p>انظر إلى الفئة الأساسية [page:LineSegments] للحصول على الطرق المشتركة.</p>
61+
62+
<h3>[method:undefined dispose]()</h3>
63+
<p>
64+
يُطلِق الموارد المتعلقة بوحدة معالجة الرسومات التي تم تخصيصها من قبل هذه العيّنة. اتصل بهذه
65+
الطريقة كلما لم يعد هذه العيّنة مستخدمة في تطبيقك.
66+
</p>
67+
68+
<h3>
69+
[method:this setColors]( [param:Color frustum], [param:Color cone], [param:Color up], [param:Color target], [param:Color cross] )
70+
</h3>
71+
<p>يحدد ألوان المساعد.</p>
72+
73+
<h3>[method:undefined update]()</h3>
74+
<p>يُحدِّث المساعد بناءً على projectionMatrix للكاميرا.</p>
75+
76+
<h2>المصدر (Source)</h2>
77+
78+
<p>
79+
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
80+
</p>
81+
</body>
82+
</html>

0 commit comments

Comments
 (0)