PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

1.0.1

npm

3d-model-preview

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

componentthree.jsvue
Published15 Apr 2020
Direct dependencies19
Transitive dependenciesNot calculated

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.

Declared dependencies 20

Native requirements
19 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
three
Environment
{
  "local_name": "three",
  "alias": false,
  "peer_metadata": null
}
^0.112.0runtime
@vue/cli-plugin-babel
Environment
{
  "local_name": "@vue/cli-plugin-babel",
  "alias": false,
  "peer_metadata": null
}
^4.1.1development
@vue/cli-plugin-eslint
Environment
{
  "local_name": "@vue/cli-plugin-eslint",
  "alias": false,
  "peer_metadata": null
}
^4.1.1development
@vue/cli-plugin-unit-jest
Environment
{
  "local_name": "@vue/cli-plugin-unit-jest",
  "alias": false,
  "peer_metadata": null
}
^4.1.1development
@vue/cli-service
Environment
{
  "local_name": "@vue/cli-service",
  "alias": false,
  "peer_metadata": null
}
^4.1.1development
@vue/eslint-config-airbnb
Environment
{
  "local_name": "@vue/eslint-config-airbnb",
  "alias": false,
  "peer_metadata": null
}
^4.0.0development
@vue/test-utils
Environment
{
  "local_name": "@vue/test-utils",
  "alias": false,
  "peer_metadata": null
}
1.0.0-beta.30development
babel-core
Environment
{
  "local_name": "babel-core",
  "alias": false,
  "peer_metadata": null
}
7.0.0-bridge.0development
babel-eslint
Environment
{
  "local_name": "babel-eslint",
  "alias": false,
  "peer_metadata": null
}
^10.0.1development
babel-jest
Environment
{
  "local_name": "babel-jest",
  "alias": false,
  "peer_metadata": null
}
^23.6.0development
core-js
Environment
{
  "local_name": "core-js",
  "alias": false,
  "peer_metadata": null
}
^3.6.1development
eslint
Environment
{
  "local_name": "eslint",
  "alias": false,
  "peer_metadata": null
}
^5.16.0development
eslint-plugin-vue
Environment
{
  "local_name": "eslint-plugin-vue",
  "alias": false,
  "peer_metadata": null
}
^6.1.1development
highlight.js
Environment
{
  "local_name": "highlight.js",
  "alias": false,
  "peer_metadata": null
}
^9.15.8development
less
Environment
{
  "local_name": "less",
  "alias": false,
  "peer_metadata": null
}
^3.0.4development
less-loader
Environment
{
  "local_name": "less-loader",
  "alias": false,
  "peer_metadata": null
}
^5.0.0development
vue
Environment
{
  "local_name": "vue",
  "alias": false,
  "peer_metadata": null
}
^2.6.10development
vue-router
Environment
{
  "local_name": "vue-router",
  "alias": false,
  "peer_metadata": null
}
^3.0.6development
vue-template-compiler
Environment
{
  "local_name": "vue-template-compiler",
  "alias": false,
  "peer_metadata": null
}
^2.6.10development
vue
Environment
{
  "local_name": "vue",
  "alias": false,
  "peer_metadata": null
}
>=2.0.0peer

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "integrity": "sha512-8tEWZOcBZm8dlRCUyYVjT8+AmoqK2t8blMw/M3k7jj85/lzXPWMSPjaI7KlYPpOOkLNyOBmlB/MT01yrBSLgNQ==",
  "shasum": "ad54080620786276f07aace4e8e6c456132733b7",
  "tarball": "https://registry.npmjs.org/3d-model-preview/-/3d-model-preview-1.0.1.tgz",
  "fileCount": 18,
  "unpackedSize": 360977,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelv7vCRA9TVsSAnZWagAAkT4QAI8Dnhwnim3rzCKASHbC\nK4PehZ4dFP9GdnitTE3JHNxYGywa5YzOIVHXs54pCYJ38CxdhreuvnKm/G+6\n08E+wCZz//xd9QJxSQnyoXne83Sj362M8oRXpaR0aoBNodk2ErwGzYQFlOyc\nQYNWmnzQbiInZ3Cax7WvxM1ZJJ8TQauRrvnX+q68DPYsezv/UWrnWoJ6RELO\nYNrgiHKSUYiUqcJRVw69IzSDAWHU1fhQtnLt8/UT8bHkXR11zCiOgzxq739P\n+F3WWthzG9tgk5UbhTQRxeu5PS3qE9l/Y4f+BVFiYS/rZDYg1mu3QB38VU60\nO5mRF9m8n2zti6UowGq+o6LcBwjyLG4cV9XkA7iqX445QZGLllxQ3TI4EEPK\nXvXPk07QkK5H3xbUOWV3WLN3ZY+lC94eKOWBVamDx6TMUrjCeNUeEeFXhGdY\nQEg8e/Dp1TOceW5gaq51LRyeXzxYHj22rgYrxjA3N+xhE7lCRRs/zh85T55D\nYdqU4/mL42lwTqmQO7V5123z2AzMBRt4XjEaf6wnG50unxSE43iXN0kRD0KJ\nlJbwjhLLVUAPQ94lZMkqfPB+ZyueXIN8PAj2yE9Y+dRHMjw668Ma2GjCUBZT\nxl16KMrsedo0NHKoHYM1egOtEGB3bSKzlMT+nM0Q9gYQeKpf8e0SLI56GmVW\ngnxV\r\n=pHZl\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEQCICgSfxK9Btqyjb6tkO212Hvt1T+UcagDgg/RetoTpDG4AiAjLKdTdrAmo/nQjs21xuMuyMzSyLdD1CD2AjiG2wnz1A=="
    }
  ]
}

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_version:df69ee7e7151eb93c380dd83832ef004efa9c68d67d384240aa31fc05a0ae094

Other collected versions

0.0.115 Apr1.0.08 AprView all collected versions →