You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
4.0 KiB
HTML
98 lines
4.0 KiB
HTML
2 months ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="ar">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<base href="../../../" />
|
||
|
|
<script src="page.js"></script>
|
||
|
|
<link type="text/css" rel="stylesheet" href="page.css" />
|
||
|
|
</head>
|
||
|
|
<body class="rtl">
|
||
|
|
[page:Material] →
|
||
|
|
|
||
|
|
<h1>[name]</h1>
|
||
|
|
|
||
|
|
<p class="desc">A material for a use with a [page:Sprite].</p>
|
||
|
|
|
||
|
|
<h2>مثال للكود</h2>
|
||
|
|
|
||
|
|
<code>
|
||
|
|
const map = new THREE.TextureLoader().load( 'textures/sprite.png' );
|
||
|
|
const material = new THREE.SpriteMaterial( { map: map, color: 0xffffff } );
|
||
|
|
|
||
|
|
const sprite = new THREE.Sprite( material );
|
||
|
|
sprite.scale.set(200, 200, 1)
|
||
|
|
scene.add( sprite );
|
||
|
|
</code>
|
||
|
|
|
||
|
|
<h2>Examples</h2>
|
||
|
|
<p>
|
||
|
|
[example:webgl_raycaster_sprite WebGL / raycast / sprite]<br />
|
||
|
|
[example:webgl_sprites WebGL / sprites]<br />
|
||
|
|
[example:svg_sandbox SVG / sandbox]
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>المنشئ (Constructor)</h2>
|
||
|
|
|
||
|
|
<h3>[name]( [param:Object parameters] )</h3>
|
||
|
|
<p>
|
||
|
|
[page:Object parameters] - (اختياري) كائن يحتوي على واحد أو أكثر
|
||
|
|
خصائص تحدد مظهر المادة. يمكن تمرير أي خاصية من
|
||
|
|
المادة (بما في ذلك أي خاصية موروثة من [page:Material]) هنا.<br /><br />
|
||
|
|
|
||
|
|
الاستثناء هو خاصية [page:Hexadecimal color]، التي يمكن
|
||
|
|
تمريرها كسلسلة ست عشرية وهي `0xffffff` (أبيض) افتراضيًا.
|
||
|
|
يتم استدعاء [page:Color.set]( color ) داخليًا. لا يتم قطع SpriteMaterials باستخدام [page:Material.clippingPlanes].
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>الخصائص (Properties)</h2>
|
||
|
|
<p>انظر إلى الفئة الأساسية [page:Material] للخصائص المشتركة.</p>
|
||
|
|
|
||
|
|
<h3>[property:Texture alphaMap]</h3>
|
||
|
|
<p>
|
||
|
|
الخريطة الألفية هي نسيج رمادي يتحكم في التعتيم عبر السطح (أسود: شفاف تمامًا؛ أبيض: غير شفاف تمامًا). الافتراضي هو
|
||
|
|
null.<br /><br />
|
||
|
|
|
||
|
|
يتم استخدام لون النسيج فقط، متجاهلاً قناة الألفا إذا كانت موجودة. بالنسبة للقوام RGB و RGBA، سيستخدم [page:WebGLRenderer WebGL] renderer
|
||
|
|
قناة الأخضر عند عينة هذا النسيج بسبب البت الإضافي من الدقة المقدمة للأخضر في تنسيقات DXT المضغوطة و RGB 565 غير المضغوطة. ستعمل القوام المُضِئَة فقط والقوام المُضِئَة / الألفية أيضًا كما هو متوقع.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3>[property:Color color]</h3>
|
||
|
|
<p>
|
||
|
|
[page:Color] المادة، بشكل افتراضي مضبوط على الأبيض (0xffffff). The
|
||
|
|
[page:.map] مضروب باللون.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3>[property:Boolean fog]</h3>
|
||
|
|
<p>ما إذا كانت المادة متأثرة بالضباب. الافتراضي هو `true`.</p>
|
||
|
|
|
||
|
|
<h3>[property:Boolean isSpriteMaterial]</h3>
|
||
|
|
<p>علامة للقراءة فقط للتحقق مما إذا كان كائنًا معطىً من نوع [name].</p>
|
||
|
|
|
||
|
|
<h3>[property:Texture map]</h3>
|
||
|
|
<p>
|
||
|
|
خريطة اللون. قد تشمل اختيارًا قناة ألفا، عادةً مُجَمَّعَةً مع [page:Material.transparent .transparent] أو [page:Material.alphaTest .alphaTest].
|
||
|
|
الافتراضي هو null.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3>[property:Radians rotation]</h3>
|
||
|
|
<p>دوران الرذاذ بالراديان. الافتراضي هو 0.</p>
|
||
|
|
|
||
|
|
<h3>[property:Boolean sizeAttenuation]</h3>
|
||
|
|
<p>
|
||
|
|
ما إذا كان حجم الرذاذ يُخَفَّف بعمق الكاميرات.
|
||
|
|
(كاميرات المنظور فقط.) الافتراضي هو `true`.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3>[property:Boolean transparent]</h3>
|
||
|
|
<p>يحدد ما إذا كانت هذه المادة شفافة. الافتراضي هو `true`.</p>
|
||
|
|
|
||
|
|
<h2>الطرق (Methods)</h2>
|
||
|
|
<p>انظر إلى الفئة الأساسية [page:Material] للطرق المشتركة.</p>
|
||
|
|
|
||
|
|
<h2>المصدر (Source)</h2>
|
||
|
|
<p>
|
||
|
|
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
|
||
|
|
</p>
|
||
|
|
</body>
|
||
|
|
</html>
|