three-gltf-viewer 3d模型展示

不爱贞子爱爽子發表於2024-05-23

因為工作需要開發了一個通用的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" />
示例圖如下

相關文章