1.5.1 • Published 1 year ago

fiberviewer v1.5.1

Weekly downloads
-
License
ISC
Repository
-
Last release
1 year ago

fiberviewer

fiberviewer是基于react、@react-three/fiber用于gltf的模型展示的功能组件 该版本适用于react17 react18用户请安装fiberviewer@1.5.0版本

安装

使用npm或yarn安装

npm install fibervieweryarn add fiberviewer

示例

引入:import FiberViewer from 'fiberviewer'

使用示例:

<FiberViewer model= '模型地址'
	hdrConfig={{files:'paul_lobe_haus_4k.hdr',background:true}}
></FiberViewer>

功能介绍

基本功能: 鼠标移入部件高亮,点击部件变色显示,右击部件查看信息,双击空白处恢复视角

下方功能栏: 全屏显示、部件树状表单控制、网状图、自动旋转、gltf文件下载

API

属性说明类型默认值
modelgltf模型地址string-
info模型部件信息网络地址string-
hdrConfig模型的背景以及灯光设置(.hdr文件)地址\背景是否显示string\boolean{files:null,background:false}
mouseMove鼠标移动的回调,返回值为鼠标所指部件的信息function(e)-
leftClick鼠标左击的回调,返回值为鼠标所点击部件的信息function(e)-

注: 除了model属性不能为空,其他均可不加

1.0.0-beta

1 year ago

1.5.1

1 year ago

1.5.0

2 years ago

1.4.9

2 years ago

1.4.8

2 years ago

1.4.7

2 years ago

1.4.6

2 years ago

1.4.5

2 years ago

1.4.4

2 years ago

1.4.3

2 years ago

1.4.2

2 years ago

1.4.1

2 years ago

1.4.0

2 years ago

1.3.9

2 years ago

1.3.8

2 years ago

1.3.7

2 years ago

1.3.6

2 years ago

1.3.5

2 years ago

1.3.4

2 years ago

1.3.3

2 years ago

1.3.2

2 years ago

1.3.1

2 years ago

1.3.0

2 years ago

1.2.9

2 years ago

1.2.8

2 years ago

1.2.7

2 years ago

1.2.6

2 years ago

1.2.5

2 years ago

1.2.4

2 years ago

1.2.3

2 years ago

1.2.2

2 years ago

1.2.1

2 years ago

1.2.0

2 years ago

1.1.0

2 years ago

1.0.0

2 years ago