因為工作需要開發了一個通用的3d模型模板展示
內容包含背景顏色、環境光、自動旋轉、以及資源監視器 ,只需要把模型傳進去即可。然後我釋出到npm上面。
目前更新到了1.0.5,喜歡的話就去下載吧。 需要原始碼的聯絡我。
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" />
示例圖如下