3dconvert-viewer.js SDK

3dconvertviewer

概述

3dconvert-viewer.js SDK是一款功能强大、易于集成的3D模型展示工具，它以3dconvert平台的服务为基础，为广大开发者提供了一个高效、便捷的3D模型展示解决方案。通过这款SDK，客户可以轻松地将自己的3D模型集成到Web系统中，实现高质量的3D展示效果。

该SDK具有一系列令人瞩目的功能特点，包括但不限于光照、相机、剖切和拾取等。光照功能可以根据客户需求调整模型的光照效果，使得模型在展示时更加逼真；相机功能则允许用户自由调整视角和焦距，获得最佳的观看体验；剖切功能可以方便地对模型进行切割和查看内部结构，满足特定的展示需求；拾取功能则支持用户对模型进行交互操作，如点击、拖动等，增强了用户与模型的互动性。

3dconvert-viewer.js SDK的显示效果也非常出色。它采用了先进的渲染技术和优化算法，能够确保在Web环境中流畅地展示大型、复杂的3D模型。同时，SDK还支持多种格式的3D模型导入，方便客户使用现有的模型资源。

对于希望将3D模型集成到自己Web系统的客户来说，3dconvert-viewer.js SDK是一个理想的选择。它提供了简单易用的API接口和详细的文档支持，免服务端，使得开发者能够轻松地将其集成到现有的系统中。此外，SDK还提供了灵活的定制选项，可以根据客户的具体需求进行个性化设置，满足各种复杂的展示需求。

安装

shell

$ npm install nsdt-3dconvert-viewer

// 使用
import Viewer from 'nsdt-3dconvert-viewer';

使用

html 代码

html

...
 <div id="viewer-container" style="width: 100%;height: 600px;border: 1px solid #000;"></div>
...

js 代码

javascript

// 引入3dconvert-viewer 
import Viewer from 'nsdt-3dconvert-viewer';

async function load3dModal() {
    // 创建Viewer实例，初始化参数为 Dom id 或者 HTMLElement
    const viewer = new Viewer('viewer-container');
	
    // 初始化
    await viewer.init();
    
    // 文件id 详细过程请参考：【获取fileId】章节
    const fileId = '687e6d1ec0'
    
    // 加载模型
    await viewer.loadObjectByFileId(fileId,{ enableCaching: false })

    // 注册事件监听器
    viewer.on('load-progress', (e) => {
      console.log('模型加载进度', e);
    });
}

load3dModal()

资源

开发demo 下载(vue demo) 下载(html demo)

3D大文件转换客户端 下载

BIM/CAD插件 下载

3Dconvert 服务私有化部署 查看

stp viewer 查看

3D模型在线转换 查看

GLTF在线编辑器 查看

运行demo示例

下载并且解压开发示例，运行以下命令：

yarn 
yarn dev

or npm

npm install
npm run dev

访问 http://localhost:5175查看3dconvert-viewer.js SDK加载模型效果。

使用sdk加载模型的详细代码在 src/service/useTools.ts中，sdk详细的api使用方法请参考开发API。

联系我们

如果有SDK使用上的疑问或者需要对SDK功能进行个性化的扩展，请联系我们

contact

3dconvert-viewer.js SDK ​

概述 ​

安装 ​

使用 ​

资源 ​

运行demo示例 ​

联系我们 ​

3dconvert-viewer.js SDK

概述

安装

使用

资源

运行demo示例

联系我们