Three.js: خرائط الظل - إلقاء الظلال على مستوى شفاف

تم إنشاؤها على ٢٣ أبريل ٢٠١٢  ·  28تعليقات  ·  مصدر: mrdoob/three.js

مرحبا،

أحتاج إلى إلقاء الظلال على مستوى شفاف من أجل الحصول على الظل المعروض فقط وليس المادة المطبقة على الطائرة (أريدها شفافة تمامًا). هل هذا ممكن في Three.js؟ أنا أستخدم THREE.SpotLight كمصدر للضوء.

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

شكر

Question

التعليق الأكثر فائدة

اعتبارًا من r77 ShadowMaterial أصبح الآن في النواة.

ال 28 كومينتر

حسنًا ، لم ينجح الحل الذي تم تجربته حيث لا يمكنني الحصول على أي ظل يتم إلقاؤه على مستوى معين من مادة شفافة ...

لا أعتقد أن هذا ممكن.

لست متأكدًا من فهمي للسؤال ولكن يجب صب الظلال على مواد شفافة.

ما لا ينجح هو الضوء الساطع من خلال المواد الشفافة. أي أن كل شيء إما معتم بالكامل أو شفاف تمامًا للظلال ، ولا يوجد بينهما ، بغض النظر عن الشفافية المادية.

انظر أيضا المناقشة في # 1509

ما لا ينجح هو الضوء الساطع من خلال المواد الشفافة. أي أن كل شيء إما معتم بالكامل أو شفاف تمامًا للظلال ، ولا يوجد بينهما ، بغض النظر عن الشفافية المادية.

نعم ، أعتقد أن هذا ما يعنيه.

كمرجع ، إذا كان أي شخص يحتاج إليها http://pastie.org/5088640

skrat شكرا مليون على هذا التظليل. يعمل بشكل مثالي لماسك الظل!

etx اه ، ماذا يفعل هذا الظل؟ : يو

إنه يعطيني فقط الظل w / alpha وبقية الكائن مع هذا التظليل غير مرئي. إنه مشابه لماسك الظل في برامج CGI. أنا أستخدم Threejs لعرض منتج على صورة ، لذلك هذا مفيد جدًا.

صحيح. لذلك فهو يمنحك نسيجًا أسود مع إمكانية الرؤية المخزنة في قناة ألفا. صيح؟

نعم!

etx كيف يمكنك تحقيق ذلك باستخدام التظليل أعلاه؟ ما أحصل عليه هو مجرد طائرة سوداء ......

لقد كنت أبحث عن طريقة للحصول على تأثيره ، ومع ذلك ، باستخدام المقتطف أعلاه ، أتلقى خطأ THREE.WebGLShader: Shader couldn't compile. .

skrat هل هناك فرصة لإعادة تحميل هذا التظليل؟ رابط الباستي لا يعمل بعد الآن ولقد واجهت نفس المشكلة بالضبط .. شكرا مقدما!

etxskrat هل يمكنك رجاءً إعادة تحميل تظليل محدث؟ يبدو أن الرسالة التي نشرتها لا تعمل بعد الآن ، مثل JosephClay حصلت على الخطأ "تعذر تجميع" shader ...

جرب THREE.ShadowMaterial() . انظر هذا المنصب تراكمي.

WestLangley هل تعتقد أننا يجب أن نروج ShadowMaterial للنواة؟

WestLangley شكرًا جزيلاً - لقد حل هذا الأمر. mrdoob أعتقد أنها ميزة مفيدة للغاية يعرفها الكثيرون من GCI لذلك قد تكون ترقية جيدة للنواة

WestLangley هل تعتقد أنه يجب علينا تعزيز ShadowMaterial إلى الجوهر؟

ليس لدي شعور قوي بطريقة أو بأخرى ... إذا لم أكن مخطئًا ، فهو يعاني من نفس الكفاءة مثل MeshLambertMaterial - texel في ظل ضوء واحد لا يتلقى أي ضوء من أي ضوء آخر .

نعم ، إنه قناع. في الأساس كيف كانت الظلال القديمة.

مرحبا،

تبدو ShadowMaterial مثل ما أحتاجه بالضبط وأنا سعيد جدًا لأنك قمت بتطبيقها - لكن لا يمكنني تحديد إصدار three.js الذي أحتاج إلى تنزيله / الارتباط به لتشغيله. هل يمكنك أن ترشدني باتجاه اليمين؟

r74 أو أحدث

شكرا لك! ما زلت أحصل على ثلاثة ، لكن ShadowMaterial ليس منشئًا.

لم يتم تضمينه في الإنشاء حتى الآن ، فهو موجود في مجلد الأمثلة. تحتاج إلى إدراجه بشكل منفصل:

<script src="js/materials/ShadowMaterial.js"></script>

من شأنه أن يروج لها إلى النواة أيضًا ، إنها 4 كيلوبايت

رائع شكرا لك! لقد بحثت عن ملف shadowMaterial من قبل ولم أتمكن من العثور عليه.
يعمل بشكل خيالي لاحتياجاتي.

اعتبارًا من r77 ShadowMaterial أصبح الآن في النواة.

@ mrdoob خطوة كبيرة شكرا

جرب THREE.ShadowMaterial() . انظر هذا المنصب تراكمي.

شكر.
إنها تعمل!

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

ghost picture ghost  ·  3تعليقات

yqrashawn picture yqrashawn  ·  3تعليقات

jack-jun picture jack-jun  ·  3تعليقات

akshaysrin picture akshaysrin  ·  3تعليقات

jlaquinte picture jlaquinte  ·  3تعليقات