كيفية الطلب

1 تسجيل الدخول أو إنشاء حساب جديد.
2 راجع طلبك أو اطلب خدمة جديدة.
3 تأكيد الدفع

إذا كنت لا تزال تواجه مشكلات ، فالرجاء إخبارنا بذلك عن طريق إرسال بريد إلكتروني إلى support@natchcenter.com . شكراً لك!

ساعات العمل

الإثنين-للجمعة 9:00AM - 20:00PM
السبت - 9:00AM-17:00PM
أيام الأحد عن طريق موعد مسبق فقط!

اليك ما تحتاج معرفته عن ويب جي ال

من قبل NatchCenter / يون 25, 2018 / نشرت في المواقع
اليك ما تحتاج معرفته عن ويب جي ال

يمكن استخدام التقنيات ثلاثية الأبعاد في المتصفح لإنشاء تجارب مستخدم تفاعلية جميلة وجذابة للغاية. WebGL هو واجهة برمجة تطبيقات جافا سكريبت لإدخال رسومات ثلاثية الأبعاد وثنائية الأبعاد في الوقت الفعلي داخل المتصفح. تعتمد على OpenGL ES - واجهة برمجة التطبيقات البرمجية المستخدمة في الأنظمة المضمنة مثل الهواتف الذكية والأجهزة اللوحية.

تقليديًا ، استخدمت متصفحات الويب وحدة المعالجة المركزية لعرض المحتوى ، ولكن في السنوات الأخيرة تبنت المتصفحات دعمًا لتسريع الأجهزة ، مما يعني أن مطوري الويب يمكنهم الآن الدخول إلى وحدة معالجة الرسومات بالجهاز للسماح بعرض الرسومات المعقدة.

ابدأ باستخدام WebGL باستخدام three.js

إنها لغة صعبة للفهم ، لكن لحسن الحظ هناك عدد من مكتبات JavaScript التي تجعل WebGL أكثر سهولة ، مثل Babylon.js و three.js. وتقوم هذه التقنية بدمج مجموعات المهارات بين مطوري الويب التقليديين ومطوري الألعاب وفناني VFX ، حيث تعمل جميع هذه التخصصات معًا لتطوير تجارب تفاعلية على الويب.

إن فهم مبادئ VFX الأساسية أمر بالغ الأهمية - حيث يتم تشغيل الإضاءة والكاميرات والرسوم المتحركة والهندسة ثلاثية الأبعاد - ومن الضروري أن يكون لديك فهم جيد لأطر جافا سكريبت و HTML.

تصدير 3D للويب

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

هناك العديد من العوامل التي يمكن أن تزيد حجم النموذج الثلاثي الأبعاد ، ولكن هناك ثلاثة قواعد جيدة يجب اتباعها للمساعدة في تقليل الوزن في المتصفح:

1. طوبولوجيا جيدة

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

2. رسم الخرائط العادية

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

3. تنسيقات الملفات

عندما تم إصدار WebGL في البداية ، أنشأ المطورون مصدريًا مخصصين لتقديم أصول ثلاثية الأبعاد في محرك WebGL. لم يكن هناك معيار أو خط أنابيب ، مما تسبب في نتائج وأخطاء غير متناسقة. وفي الآونة الأخيرة ، تم إنشاء تنسيق الملف glTF من قبل مجموعة Khronos Group لتطوير تنسيق مفتوح وقابل للتشغيل دون حقوق ملكية لمشاركة الرسومات ثلاثية الأبعاد ، وقد أطلق عليها لقب "JPEG for 3D".

تم إنشاء برنامج GlTF للإجابة على الحاجة إلى تنسيق ملف رسومات عام لـ 3D ، بالطريقة نفسها تمامًا مثل JPEG هو توحيد الصور الفوتوغرافية. يمكن لـ GlTF الاحتفاظ بالمعلومات المعقدة المرتبطة بالملفات ثلاثية الأبعاد مثل بيانات المشهد ، والمواد ، والهندسة ، والرسوم المتحركة ، والجلود ، ومظلات GLSL ، وملفات النسيج.

لا يزال GLTF عبارة عن تنسيق ملف جديد جدًا وسيحدد الوقت ما إذا كانت الحزم ثلاثية الأبعاد الكبيرة تتبناه. ومع ذلك ، فقد أصدرت مجموعة Khronos العديد من مصدري glTF للأدوات الشعبية مثل Unity و Blender

حالات الاستخدام العملي لـ WebGL

كما هو الحال مع أي وسيط جديد ، كانت هناك موجة من الإبداع عندما تم إصدار WebGL لأول مرة مما نتج عنه مجموعة متنوعة من التجارب الغريبة والرائعة مع تجربة المطورين والفنانين للتكنولوجيا. فقط في الآونة الأخيرة ، بدأت التطبيقات العملية في الظهور مع ازدياد معدل التبني.

اعتمدت العلامات التجارية الكبرى تقنية WebGL لتقديم الرسومات بشكل أكثر فاعلية - على سبيل المثال ، يتم دعم واجهة المستخدم PS4 بواسطة WebGL

 

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

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

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

استكشاف الواقع الافتراضي

WebGL هو نقطة الانطلاق التي بدأت استكشاف تقنيات ثلاثية الأبعاد إضافية مثل WebVR و WebAR. تساعد كل من Google و Mozilla و Microsoft في تحديد كيفية اعتبار VR و AR جزءًا من تجربة التصفح المستقبلية.

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

كونها رائدة قوية في VR في المتصفح ، في أواخر 2015 ، جعلت Mozilla التكنولوجيا أكثر سهولة من خلال تقديم A-Frame: إطار VR لثلاثية. js التي تدعم Vive و Rift و Daydream و Gear VR و Google Cardboard وسطح المكتب خبرة.

جعلت موزيلا التكنولوجيا متاحة بشكل أكبر مع إدخال A-Frame

 

يوفر A-Frame واجهة للواقع الافتراضي على الويب ، مما يتيح للمطورين إنشاء تجارب حقيقية في الواقع الافتراضي بسهولة نسبية. فهو يعالج إعداد الكاميرا اليمنى واليسرى اللازمة للواقع الافتراضي ويزود بالسلوك الافتراضي ، بما في ذلك استخدام جيروسكوب الجهاز المحمول للسماح بحرية الحركة الدورانية حول مشهد باستخدام سماعة رأس. قدم A-Frame أيضًا رمز سماعة رأس لتمكين تجربة VR لأجهزة الجوال المتوافقة.

مهد A-Frame الطريق لمواصفات المتصفح لما يعرف اليوم باسم WebVR. ومع ذلك ، فإن تجربة VR في المتصفح يمكن أن تكون غير قابلة للتوقع إلى حدٍ ما نظرًا لمجموعة الأجهزة التي يمكن تجربتها. لا تزال هناك مشكلات عند عرض المحتوى على الهواتف الذكية بفضل هواتف الجيل القديم التي تكافح لتقديم مشاهد وتسبب في انخفاض معدلات عرض الإطارات. كما يتطلب اتصال جيد بالإنترنت بسبب وزن التجارب. يمكن لجميع هذه العوامل بسهولة كسر غمر تجربة VR.

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

الواقع المعزز

 

WebAR هي الخطوة المنطقية التالية للمتصفحات ، حيث تمزج المحتوى الرقمي مع العالم الحقيقي لخلق واقع معزز. على الرغم من أنها لا تزال في مرحلة الطفولة والتجربة ، فقد حققت Google تقدمًا كبيرًا في هذا المجال وأصدرت العديد من الأدوات والعروض التوضيحية.

WebARonARKit و WebARonARCore هما تطبيقان تجريبيان لـ iOS و Android ، مما يتيح للمطورين إنشاء تجارب AR باستخدام تقنيات الويب. أصدرت Three.js three.ar.js ، مما يسهل إنشاء تجارب AR عن طريق إضافة دروس المساعد على three.js. لأن هذه التقنية في مثل هذه المراحل المبكرة ، فهذا يعني أن هذه التجارب قابلة للعرض فقط في المتصفحات التجريبية.

 

مع اعتماد VR و AR والواقع المختلط في نهاية المطاف ، لا بد من أن تتبع المتصفحات نفس الأسلوب من خلال تقديم تجربة غامرة عبر الإنترنت. يعد استيعاب تقنيات الويب ثلاثية الأبعاد أسرع من أي وقت مضى. مع محرك كبير خلف WebAR ، من المثير أن نرى كيف يتطور المشهد ويضيف بعدًا آخر للتصفح.

تسجيل الدخول إلى حسابك للوصول إلى ميزات مختلفة

او استخدم وسائل التواصل

إنشاء حساب

نسيت معلومات الدخول؟

عرض سعر

سنفعل كل ما في وسعنا لجعل مشروعك أفضل مشروع لدينا!

إشترك معنا في الأخبار

سوف تتلقى إشعارات عن أحدث العروض والعروض الترويجية

لا تظهر هذا مرة أخرى!
TOP