three-gltf-viewer 3d模型展示

因为工作需要开发了一个通用的3d模型模板展示 

内容包含背景颜色、环境光、自动旋转、以及资源监视器 ，只需要把模型传进去即可。然后我发布到npm上面。

目前更新到了1.0.5，喜欢的话就去下载吧。 需要源码的联系我。

 

npm 地址：https://www.npmjs.com/package/three-gltf-viewer?activeTab=readme

yarn add three-gltf-viewer 

main.js使用

import gltfViewer from "three-gltf-viewer"

import "three-gltf-viewer/lib/style.css"

app.use(gltfViewer)

import modelUrl from "@package/gltf-viewer/assets/models/machine.glb"

<template>

  <div style="height:100%; width: 100%;">

    <gltfViewer :modelUrl="modelUrl"  />

示例图如下