npm 包 vue-mesh 使用教程

阅读时长 3 分钟读完

介绍

vue-mesh 是基于 Three.js 和 Vue.js 的网格渲染工具库,能够帮助开发者快速创建复杂的三维网格模型。vue-mesh 中提供了一些常用的几何体以及各种渲染材质,使得开发者可以轻松地切换不同的材质类型,实现低成本的实时渲染。

安装

使用 npm 进行安装:

示例代码

使用 MeshBasicMaterial 材质的正方体

-- -------------------- ---- -------
----------
  -----------
    ------------------ --------------------------
      ------------------ ----------------- ------ -------- ---
      --------------------
    --------------------
  ------------
-----------

--------
------ - --------- ---------------- --------------- - ---- ----------

------ ------- -
  ----- ------------
  ----------- -
    ---------
    ----------------
    ---------------
  --
  ------ -
    ------ -
      --------- -
        ----- --------------
        ------- --- -- --
      -
    -
  -
-
---------

使用 MeshPhongMaterial 材质的球体

-- -------------------- ---- -------
----------
  -----------
    ------------------ ----------------------------
      ------------------ -----------------------------------
      --------------------
    --------------------
  ------------
-----------

--------
------ - --------- ---------------- --------------- - ---- ----------

------ ------- -
  ----- --------------
  ----------- -
    ---------
    ----------------
    ---------------
  --
  ------ -
    ------ -
      ----------- -
        ----- -----------------
        ------- --- --- ---
      --
      ------------------ -
        ----- --------------------
        ------- - ------ --------- ---------- --- --------- -------- -
      -
    -
  -
-
---------

参考文献

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055da781e8991b448db69a

纠错
反馈