Skip to content

Commit a5df208

Browse files
mrdoobmrdoob
authored
Merge pull request #20485 from Mugen87/dev51
Docs: Improved code examples in Arabic pages.
2 parents 03b3871 + 1b7c5c2 commit a5df208

13 files changed

+71
-71
lines changed

‎docs/api/ar/audio/Audio.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -22,14 +22,14 @@ <h2>مثال التعليمة البرمجية</h2>
2222

2323
<code>
2424
// create an AudioListener and add it to the camera
25-
var listener = new THREE.AudioListener();
25+
const listener = new THREE.AudioListener();
2626
camera.add( listener );
2727

2828
// create a global audio source
29-
var sound = new THREE.Audio( listener );
29+
const sound = new THREE.Audio( listener );
3030

3131
// load a sound and set it as the Audio object's buffer
32-
var audioLoader = new THREE.AudioLoader();
32+
const audioLoader = new THREE.AudioLoader();
3333
audioLoader.load( 'sounds/ambient.ogg', function( buffer ) {
3434
sound.setBuffer( buffer );
3535
sound.setLoop( true );

‎docs/api/ar/audio/AudioAnalyser.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -21,14 +21,14 @@ <h2>مثال التعليمة البرمجية</h2>
2121

2222
<code>
2323
// create an AudioListener and add it to the camera
24-
var listener = new THREE.AudioListener();
24+
const listener = new THREE.AudioListener();
2525
camera.add( listener );
2626

2727
// create an Audio source
28-
var sound = new THREE.Audio( listener );
28+
const sound = new THREE.Audio( listener );
2929

3030
// load a sound and set it as the Audio object's buffer
31-
var audioLoader = new THREE.AudioLoader();
31+
const audioLoader = new THREE.AudioLoader();
3232
audioLoader.load( 'sounds/ambient.ogg', function( buffer ) {
3333
sound.setBuffer( buffer );
3434
sound.setLoop(true);
@@ -37,10 +37,10 @@ <h2>مثال التعليمة البرمجية</h2>
3737
});
3838

3939
// create an AudioAnalyser, passing in the sound and desired fftSize
40-
var analyser = new THREE.AudioAnalyser( sound, 32 );
40+
const analyser = new THREE.AudioAnalyser( sound, 32 );
4141

4242
// get the average frequency of the sound
43-
var data = analyser.getAverageFrequency();
43+
const data = analyser.getAverageFrequency();
4444
</code>
4545

4646
<h2>أمثلة (Examples)</h2>

‎docs/api/ar/audio/AudioListener.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -22,14 +22,14 @@ <h2>مثال التعليمة البرمجية</h2>
2222

2323
<code>
2424
// create an AudioListener and add it to the camera
25-
var listener = new THREE.AudioListener();
25+
const listener = new THREE.AudioListener();
2626
camera.add( listener );
2727

2828
// create a global audio source
29-
var sound = new THREE.Audio( listener );
29+
const sound = new THREE.Audio( listener );
3030

3131
// load a sound and set it as the Audio object's buffer
32-
var audioLoader = new THREE.AudioLoader();
32+
const audioLoader = new THREE.AudioLoader();
3333
audioLoader.load( 'sounds/ambient.ogg', function( buffer ) {
3434
sound.setBuffer( buffer );
3535
sound.setLoop(true);

‎docs/api/ar/audio/PositionalAudio.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -22,24 +22,24 @@ <h2>مثال التعليمة البرمجية</h2>
2222

2323
<code>
2424
// create an AudioListener and add it to the camera
25-
var listener = new THREE.AudioListener();
25+
const listener = new THREE.AudioListener();
2626
camera.add( listener );
2727

2828
// create the PositionalAudio object (passing in the listener)
29-
var sound = new THREE.PositionalAudio( listener );
29+
const sound = new THREE.PositionalAudio( listener );
3030

3131
// load a sound and set it as the PositionalAudio object's buffer
32-
var audioLoader = new THREE.AudioLoader();
32+
const audioLoader = new THREE.AudioLoader();
3333
audioLoader.load( 'sounds/song.ogg', function( buffer ) {
3434
sound.setBuffer( buffer );
3535
sound.setRefDistance( 20 );
3636
sound.play();
3737
});
3838

3939
// create an object for the sound to play from
40-
var sphere = new THREE.SphereBufferGeometry( 20, 32, 16 );
41-
var material = new THREE.MeshPhongMaterial( { color: 0xff2200 } );
42-
var mesh = new THREE.Mesh( sphere, material );
40+
const sphere = new THREE.SphereBufferGeometry( 20, 32, 16 );
41+
const material = new THREE.MeshPhongMaterial( { color: 0xff2200 } );
42+
const mesh = new THREE.Mesh( sphere, material );
4343
scene.add( mesh );
4444

4545
// finally add the sound to the mesh

‎docs/api/ar/cameras/CubeCamera.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -18,15 +18,15 @@ <h2>مثال التعليمة البرمجية</h2>
1818

1919
<code>
2020
// Create cube render target
21-
var cubeRenderTarget = new THREE.WebGLCubeRenderTarget( 128, { format: THREE.RGBFormat, generateMipmaps: true, minFilter: THREE.LinearMipmapLinearFilter } );
21+
const cubeRenderTarget = new THREE.WebGLCubeRenderTarget( 128, { format: THREE.RGBFormat, generateMipmaps: true, minFilter: THREE.LinearMipmapLinearFilter } );
2222

2323
// Create cube camera
24-
var cubeCamera = new THREE.CubeCamera( 1, 100000, cubeRenderTarget );
24+
const cubeCamera = new THREE.CubeCamera( 1, 100000, cubeRenderTarget );
2525
scene.add( cubeCamera );
2626

2727
// Create car
28-
var chromeMaterial = new THREE.MeshLambertMaterial( { color: 0xffffff, envMap: cubeRenderTarget.texture } );
29-
var car = new Mesh( carGeometry, chromeMaterial );
28+
const chromeMaterial = new THREE.MeshLambertMaterial( { color: 0xffffff, envMap: cubeRenderTarget.texture } );
29+
const car = new Mesh( carGeometry, chromeMaterial );
3030
scene.add( car );
3131

3232
// Update the render target cube

‎docs/manual/ar/buildTools/Testing-with-NPM.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ <h2>النسخة القصيرة</h2>
2323
</code>
2424
و من ثم قم بإضافة
2525
<code>
26-
var THREE = require('three');
26+
const THREE = require('three');
2727
</code>
2828
للاختبار الخاص بك.
2929
</p>
@@ -139,16 +139,16 @@ <h2>أضف three.js</h2>
139139
<li>
140140
أخيرًا ، نحتاج بالفعل إلى اختبار JS للتشغيل. دعنا نضيف اختبارًا بسيطًا للتحقق من أن الكائن three.js متاح ويعمل. أنشئ test/verify-three.js تحتوي على:
141141
<code>
142-
var THREE = require('three');
143-
var assert = require("assert");
142+
const THREE = require('three');
143+
const assert = require("assert");
144144

145145
describe('The THREE object', function() {
146146
it('should have a defined BasicShadowMap constant', function() {
147147
assert.notEqual('undefined', THREE.BasicShadowMap);
148148
}),
149149

150150
it('should be able to construct a Vector3 with default of x=0', function() {
151-
var vec3 = new THREE.Vector3();
151+
const vec3 = new THREE.Vector3();
152152
assert.equal(0, vec3.x);
153153
})
154154
})
@@ -231,8 +231,8 @@ <h2>التعامل مع التبعيات (dependencies)</h2>
231231
//=============================================================================
232232
if (typeof require === 'function') // test for nodejs environment
233233
{
234-
var THREE = require('three');
235-
var MY3 = require('./MY3.js');
234+
const THREE = require('three');
235+
const MY3 = require('./MY3.js');
236236
}
237237
</code>
238238
</div>

‎docs/manual/ar/introduction/Animation-system.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -88,20 +88,20 @@ <h3>التنسيقات و عناصر التحميل المدعومة</h3>
8888
<h2>مثال</h2>
8989

9090
<code>
91-
var mesh;
91+
let mesh;
9292

9393
// Create an AnimationMixer, and get the list of AnimationClip instances
94-
var mixer = new THREE.AnimationMixer( mesh );
95-
var clips = mesh.animations;
94+
const mixer = new THREE.AnimationMixer( mesh );
95+
const clips = mesh.animations;
9696

9797
// Update the mixer on each frame
9898
function update () {
9999
mixer.update( deltaSeconds );
100100
}
101101

102102
// Play a specific animation
103-
var clip = THREE.AnimationClip.findByName( clips, 'dance' );
104-
var action = mixer.clipAction( clip );
103+
const clip = THREE.AnimationClip.findByName( clips, 'dance' );
104+
const action = mixer.clipAction( clip );
105105
action.play();
106106

107107
// Play all animations

‎docs/manual/ar/introduction/Creating-a-scene.html‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -51,10 +51,10 @@ <h2>إنشاء مشهد</h2>
5151
</p>
5252

5353
<code>
54-
var scene = new THREE.Scene();
55-
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
54+
const scene = new THREE.Scene();
55+
const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
5656

57-
var renderer = new THREE.WebGLRenderer();
57+
const renderer = new THREE.WebGLRenderer();
5858
renderer.setSize( window.innerWidth, window.innerHeight );
5959
document.body.appendChild( renderer.domElement );
6060
</code>
@@ -123,9 +123,9 @@ <h2>إنشاء مشهد</h2>
123123
</p>
124124

125125
<code>
126-
var geometry = new THREE.BoxGeometry();
127-
var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
128-
var cube = new THREE.Mesh( geometry, material );
126+
const geometry = new THREE.BoxGeometry();
127+
const material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
128+
const cube = new THREE.Mesh( geometry, material );
129129
scene.add( cube );
130130

131131
camera.position.z = 5;
@@ -237,21 +237,21 @@ <h2>النتيجة</h2>
237237
&lt;body&gt;
238238
&lt;script src="js/three.js"&gt;&lt;/script&gt;
239239
&lt;script&gt;
240-
var scene = new THREE.Scene();
241-
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
240+
const scene = new THREE.Scene();
241+
const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
242242

243-
var renderer = new THREE.WebGLRenderer();
243+
const renderer = new THREE.WebGLRenderer();
244244
renderer.setSize( window.innerWidth, window.innerHeight );
245245
document.body.appendChild( renderer.domElement );
246246

247-
var geometry = new THREE.BoxGeometry();
248-
var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
249-
var cube = new THREE.Mesh( geometry, material );
247+
const geometry = new THREE.BoxGeometry();
248+
const material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
249+
const cube = new THREE.Mesh( geometry, material );
250250
scene.add( cube );
251251

252252
camera.position.z = 5;
253253

254-
var animate = function () {
254+
const animate = function () {
255255
requestAnimationFrame( animate );
256256

257257
cube.rotation.x += 0.01;

‎docs/manual/ar/introduction/Drawing-lines.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -16,40 +16,40 @@ <h1>رسم خطوط ([name])</h1>
1616

1717
<p>هذا هو الكود الذي سنستخدمه:</p>
1818
<code>
19-
var renderer = new THREE.WebGLRenderer();
19+
const renderer = new THREE.WebGLRenderer();
2020
renderer.setSize( window.innerWidth, window.innerHeight );
2121
document.body.appendChild( renderer.domElement );
2222

23-
var camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 500 );
23+
const camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 500 );
2424
camera.position.set( 0, 0, 100 );
2525
camera.lookAt( 0, 0, 0 );
2626

27-
var scene = new THREE.Scene();
27+
const scene = new THREE.Scene();
2828
</code>
2929
<p>الشيء التالي الذي سنفعله هو تحديد المادة. بالنسبة للخطوط ، يتعين علينا استخدام [page:LineBasicMaterial] أو [page:LineDashedMaterial].</p>
3030
<code>
3131
//create a blue LineBasicMaterial
32-
var material = new THREE.LineBasicMaterial( { color: 0x0000ff } );
32+
const material = new THREE.LineBasicMaterial( { color: 0x0000ff } );
3333
</code>
3434

3535
<p>
3636
بعد إختيار المادة سنحتاج إلى الهندسة الخاصة بها التي تحتوي بعض القمم(vertices):
3737
</p>
3838

3939
<code>
40-
var points = [];
40+
const points = [];
4141
points.push( new THREE.Vector3( - 10, 0, 0 ) );
4242
points.push( new THREE.Vector3( 0, 10, 0 ) );
4343
points.push( new THREE.Vector3( 10, 0, 0 ) );
4444

45-
var geometry = new THREE.BufferGeometry().setFromPoints( points );
45+
const geometry = new THREE.BufferGeometry().setFromPoints( points );
4646
</code>
4747

4848
<p>لاحظ أنه تم رسم الخطوط بين كل زوج متتالي من الرؤوس ، ولكن ليس بين الأول والأخير (الخط غير مغلق).</p>
4949

5050
<p>الآن بعد أن أصبح لدينا نقاط لخطين ومادة ، يمكننا تجميعها معًا لتشكيل خط.</p>
5151
<code>
52-
var line = new THREE.Line( geometry, material );
52+
const line = new THREE.Line( geometry, material );
5353
</code>
5454
<p>كل ما تبقى هو إضافته إلى المشهد و إستعمال أمر العرض [page:WebGLRenderer.render render].</p>
5555

‎docs/manual/ar/introduction/How-to-update-things.html‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -12,13 +12,13 @@ <h1>كيفية تحديث الأشياء</h1>
1212
<div>
1313
<p>تقوم كل الكائنات بشكل ألي بتحديث حالتها تلقائيًا إذا تمت إضافتها إلى المشهد باستخدام</p>
1414
<code>
15-
var object = new THREE.Object3D();
15+
const object = new THREE.Object3D();
1616
scene.add( object );
1717
</code>
1818
<p>أو إذا كانوا أبناء كائن آخر تمت إضافته إلى المشهد:</p>
1919
<code>
20-
var object1 = new THREE.Object3D();
21-
var object2 = new THREE.Object3D();
20+
const object1 = new THREE.Object3D();
21+
const object2 = new THREE.Object3D();
2222

2323
object1.add( object2 );
2424
scene.add( object1 ); //object1 and object2 will automatically update their matrices
@@ -49,36 +49,36 @@ <h2>BufferGeometry</h2>
4949
سنستخدم مثال السطر الذي سيتم تمديده في وقت العرض. سنخصص مساحة في المخزن المؤقت لـ 500 رأس لكننا نرسم اثنين فقط في البداية ، باستخدام [page:BufferGeometry.drawRange].
5050
</p>
5151
<code>
52-
var MAX_POINTS = 500;
52+
const MAX_POINTS = 500;
5353

5454
// geometry
55-
var geometry = new THREE.BufferGeometry();
55+
const geometry = new THREE.BufferGeometry();
5656

5757
// attributes
58-
var positions = new Float32Array( MAX_POINTS * 3 ); // 3 vertices per point
58+
const positions = new Float32Array( MAX_POINTS * 3 ); // 3 vertices per point
5959
geometry.setAttribute( 'position', new THREE.BufferAttribute( positions, 3 ) );
6060

6161
// draw range
62-
var drawCount = 2; // draw the first 2 points, only
62+
const drawCount = 2; // draw the first 2 points, only
6363
geometry.setDrawRange( 0, drawCount );
6464

6565
// material
66-
var material = new THREE.LineBasicMaterial( { color: 0xff0000 } );
66+
const material = new THREE.LineBasicMaterial( { color: 0xff0000 } );
6767

6868
// line
69-
var line = new THREE.Line( geometry, material );
69+
const line = new THREE.Line( geometry, material );
7070
scene.add( line );
7171
</code>
7272
<p>
7373
بعد ذلك سنضيف نقاطًا بشكل عشوائي إلى الخط باستخدام نمط مثل:
7474
</p>
7575
<code>
76-
var positions = line.geometry.attributes.position.array;
76+
const positions = line.geometry.attributes.position.array;
7777

78-
var x, y, z, index;
78+
let x, y, z, index;
7979
x = y = z = index = 0;
8080

81-
for ( var i = 0, l = MAX_POINTS; i < l; i ++ ) {
81+
for ( let i = 0, l = MAX_POINTS; i < l; i ++ ) {
8282

8383
positions[ index ++ ] = x;
8484
positions[ index ++ ] = y;
@@ -130,7 +130,7 @@ <h2>الهندسة (Geometry)</h2>
130130
تتحكم العلامات التالية في تحديث سمات الهندسة المختلفة. قم بتعيين العلامات فقط للسمات التي تحتاج إلى تحديثها ، فالتحديثات مكلفة. بمجرد تغيير المخازن المؤقتة ، يتم إعادة تعيين هذه العلامات تلقائيًا إلى false. تحتاج إلى الاستمرار في ضبطها على true إذا كنت تريد الاستمرار في تحديث المخازن المؤقتة. لاحظ أن هذا ينطبق فقط على [page:Geometry] وليس [page:BufferGeometry].
131131
</p>
132132
<code>
133-
var geometry = new THREE.Geometry();
133+
const geometry = new THREE.Geometry();
134134
geometry.verticesNeedUpdate = true;
135135
geometry.elementsNeedUpdate = true;
136136
geometry.morphTargetsNeedUpdate = true;

0 commit comments

Comments
 (0)