vue gl

vuegl

مكونات Vue.JS تقديم رسومات WebGL ثلاثية الأبعاد بشكل تفاعلي مع ثلاثة.

الاستخدام

 <!-- Load scripts -->
< script src =" https://unpkg.com/vue " > </ script >
< script src =" https://unpkg.com/three " > </ script >
< script src =" https://unpkg.com/vue-gl " > </ script >

<!-- Define canvas and objects -->
< vgl-renderer id =" my-canvas " >
  < template #scene >
    < vgl-scene >
      < vgl-mesh >
        < template #geometry >
          < vgl-sphere-geometry > </ vgl-sphere-geometry >
        </ template >
        < template #material >
          < vgl-mesh-basic-material > </ vgl-mesh-basic-material >
        </ template >
      </ vgl-mesh >
    </ vgl-scene >
  </ template >
  < template #camera >
    < vgl-perspective-camera position =" spherical " :position-radius =" 5 " > </ vgl-perspective-camera >
  </ template >
</ vgl-renderer >

<!-- Register components and start vue -->
< script >
  new Vue ( { el : "#my-canvas" , components : VueGL } ) ;
</ script >

انظر الوثائق لمزيد من المعلومات.

المكونات المتاحة

يعرض مرجع المكونات قائمة المكونات الأساسية المتاحة. يقدم مرجع مكونات مثال أيضًا مكونات إضافية يمكنك استخدامها على الفور.

يمكن العثور على قائمة المكونات التي لم يتم تنفيذها بعد في هذا المشروع.

مساهمة

هل أنت مهتم بتعزيز هذا المنتج؟ نحن سعداء حقًا وشكروا كثيرًا!
انظر الإرشادات المساهمة للبدء.

المساهمون في الكود

هذا المشروع موجود بفضل جميع الأشخاص الذين يساهمون. [يساهم].

المساهمون الماليون

كن مساهمًا ماليًا وساعدنا في الحفاظ على مجتمعنا. [يساهم]

فرادى

المنظمات

دعم هذا المشروع مع مؤسستك. سيظهر شعارك هنا مع رابط لموقع الويب الخاص بك. [يساهم]

رخصة