开源项目Online3DViewer

# 通过url参数形式预览模型
https://3dviewer.net/#[3D模型URL]

Online3DViewer 是一个免费、开源的web解决方案，可以让我们在浏览器中探索和扩展3D模型。

支持文件类型

导入

obj (with mtl and texture)
3ds (with texture)
stl (text and binary)
ply (text and binary)
gltf (text and binary)
3dm (experimental)
fbx (experimental)
off (text only)

导出

obj (with mtl)
stl (text and binary)
ply (text and binary)
gltf (text and binary)
3dm (experimental)
off (text only)

特性

加载模型

通过浏览器文件选择对话框加载3D模型
拖拽本地文件
通过url加载指定文件
通过url hash参数加载指定文件

模型扩展

动态观察、平移、缩放
方向调整设置
窗口适配

模型

列出已使用和丢失的文件
列出所有材质和mesh
显示/隐藏并缩放到特定网格
列出特定网格使用的材质
显示模型信息（模型大小、顶点和多边形计数）
显示存储在模型中的自定义特性

导出模型为各种格式

在网站中嵌入模型显示器

在你的网站、浏览器中集成3D模型预览功能，使用开源项目Online3DViewer相关推荐

VUE3中实现word的预览功能
安装docx-preview cnpm i docx-preview --save 在vue文件中使用 <div ref="refWord" v-if="showT ...
Vue中实现pdf文件预览功能
写在前面: 实现的功能就是点击预览按钮,弹出对话框在线预览pdf文件实现此功能的前提是需要在Vue项目中安装组件vue-pdf, 在终端命令行输入运行如下语句: npm install --save ...
vue中前端实现pdf预览（含vue-pdf插件用法）
场景:前端需要根据后端返回的线上pdf的地址,实现pdf的预览功能. 情况一:后端返回的pdf地址,粘贴到浏览器的url框中,是可以在浏览器中直接进行预览的. 方法(1)可以直接使用window.op ...
浏览器中实现3D全景浏览
全景图共分为三种: ①球面全景图利用一张全景图围成一个球,自身位置位于球体内.由于图片是矩形,所以最上和最下的缝合处很明显就能够看得出来. 球面全景图是最接近人眼的构建模式,若利用多个立 ...
使用ThreeJS在浏览器中展示3D物件
这是一篇介绍如何在浏览器中展示洗面奶3D物件的文章. 前言这篇文章仅仅是向你介绍应对下面这种的场景的方法:如果有人突然跟你说,你的皮肤挺不错的耶,你用的什么洗面奶,我也想买一个,你会怎么回答呢?手头 ...
浏览器中渲染3D对象
如果你曾经想用JavaScript构建一个游戏,你可能会使用Three.js.. Three.js 是一个我们可以用来在浏览器中渲染 3D 图形的库.整个操作都在 JavaScript 中,所以通过一 ...
AngularJS进阶(十九)在AngularJS应用中集成百度地图实现定位功能
在AngularJS应用中集成百度地图实现定位功能注:请点击此处进行充电! 前言根据项目需求,需要实现手机定位功能,考虑到百度业务的强大能力,遂决定使用百度地图第三方服务. 添加第三方模块的步骤与 ...
AngularJS进阶十九在AngularJS应用中集成百度地图实现定位功能
在AngularJS应用中集成百度地图实现定位功能注:请点击此处进行充电! 前言根据项目需求,需要实现手机定位功能,考虑到百度业务的强大能力,遂决定使用百度地图第三方服务. 添加第三方模块的步骤与 ...
VS2017 WPF 中插入3D模型
WPF 虽然说算得上一门老技术了,反正在我学的时候(2018年1月)在百度或者谷歌上查,最早甚至能找到10年以前的东西.不过就我现在学习掌握的WPF类库的使用来说,如果避开c#的内存占用不谈的话,它真 ...

在你的网站、浏览器中集成3D模型预览功能，使用开源项目Online3DViewer

支持文件类型

导入

导出

特性

加载模型

模型扩展

模型

导出模型为各种格式

在网站中嵌入模型显示器

在你的网站、浏览器中集成3D模型预览功能，使用开源项目Online3DViewer相关推荐

最新文章

热门文章