PkgFoundry
Catalog npm
PACKAGE EXPLORERView in registry

3d-model-preview

npm

3d model preview base on vue-3d-model

componentthree.jsvue
Versions collected3
Direct dependencies19From release 0.0.1
Last observed20 Oct, 19:36 UTC

README

Current package documentation

vue-3d-model

展示3d模型的组件，基于 MIT 开源协议的 vue-3d-model 功能增强

功能正在研发中，部分功能并未完工

增强功能包括

  • 可选更多的控制器，TrackballControls
  • 可自动优化模型定位，可设置默认展示角度
  • 可选更多的相机，比如视差相机（适用移动端）
  • 更强的展示效果，比如 FXAA减少锯齿
  • 消灭了一些bug，比如 Z-flating 问题等
  • 可选 线框、着色、线框着色 三种展示模式
  • 可配置模型展示背景
  • 可重置模型摆放
  • 模型加载loading icon
  • 新增更多的模型类型支持 ctm/fbx

Example

Install

using npm

npm install 3d-preview-model --save

Or using script tag for global use

Usage

Documents

props

proptypedefaultexample
srcstring-'./exapmle.obj'
widthnumber-300
heightnumber-300
envstring-static/texture/Temp/
positionobject{ x: 0, y: 0, z: 0 }{ x: 100, y: 20, z: -10 }
rotationobject{ x: 0, y: 0, z: 0 }{ x: Math.PI / 2, y: 0, z: - Math.PI / 4 }
cameraPositionobject{ x: 0, y: 0, z: 0 }{ x: 1, y: 2, z: -3 }
cameraRotationobject{ x: 0, y: 0, z: 0 }{ x: 3, y: 2, z: -1 }
scaleobject{ x: 1, y: 1, z: 1 }{ x: 2, y: 2, z: 3 }
lightsarray-
backgroundColornumber/string0xffffff0xffffff/'#f00'/'rgb(255,255,255)'
backgroundAlphanumber10.5
controlsOptionsobject-see OrbitControls Properties
crossOriginstringanonymousanonymous/use-credentials
gammaOutputbooleanfalsetrue/false
glOptionsobject{ antialias: true, alpha: true }see WebGLRenderer Parameters

events

event
on-mousedown
on-mousemove
on-mouseup
on-click
on-load
on-progress
on-error

Model Format Support

model formatcomponent tag
obj<model-obj>
json<model-three>
stl<model-stl>
dae<model-collada>
ply<model-ply>
gltf(2.0)<model-gltf>
ctm<model-ctm>
fbx<model-fbx>

Browser Support

Modern browsers and IE 11.

You can click on this for more information.

LICENSE

MIT

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Versions 3

Collected releases
VersionPublishedDirect dependenciesOpen version
0.0.1Registry latest15 Apr 202019
1.0.115 Apr 202019
1.0.08 Apr 20200
Sorted by available source dates · UTC

Package advisories

0
No matching advisories collected

This describes our collected data; it is not a security assessment.

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 19:36 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package:6b0a680628887caa5e546c4f9841d30c5c187bd22cbee926b2c2eed4629d2ef4