网站开发测量像素工具,网站模板包含哪些内容,查看网站浏览量,华为邮箱登录入口目录 0 引言1 3DTiles数据2 objTo3DTiles2.1 工具的安装2.1.1 拓展#xff1a;Node.js 和 npm 2.2 工具的使用2.2.1 输出成瓦片数据2.2.2 输出带有坐标参数的瓦片数据 3 查看3DTiles数据 #x1f64b;♂️ 作者#xff1a;海码007#x1f4dc; 专栏#xff1a;Cesiumfor… 目录 0 引言1 3DTiles数据2 objTo3DTiles2.1 工具的安装2.1.1 拓展Node.js 和 npm 2.2 工具的使用2.2.1 输出成瓦片数据2.2.2 输出带有坐标参数的瓦片数据 3 查看3DTiles数据 ♂️ 作者海码007 专栏CesiumforUnreal专栏 标题【obj To 3DTiles 格式转换】 可以自定义经纬高、属性表等参数。❣️ 寄语书到用时方恨少事非经过不知难 最后文章作者技术和水平有限如果文中出现错误希望大家能指正同时有问题的话欢迎大家留言讨论。 0 引言
其实我之前也写过两篇博客分别是介绍 3DTiles格式数据、objTo3DTiles 的文章。但是之前储备的知识还不够所以今天就重新起稿一份。
最近使用Cesium插件需要加载很多三维模型数据如果直接将传统的三维模型格式导入的话模型还需要制作LOD通知需要地理配准等一系列工作。然后最近发现3DTiles格式就是为了解决这些问题被创造出来的。所以研究了一下如何将obj格式数据转换成3DTiles格式。
本文将分为三个部分开始讲解
3DTiles数据格式介绍格式转换转换后查看3DTiles格式数据
1 3DTiles数据
3DTiles格式数据是 OGC 组织进行规范的显然他们的官网就有对这个数据格式的介绍。只不过是全英的比较磨人当然国内也有很多大佬进行翻译总结这里我就不再赘述直接上网址
3DTiles官方文档https://docs.ogc.org/cs/22-025r4/22-025r4.html#toc5国内翻译链接https://blog.csdn.net/weixin_45782925/article/details/124360642?spm1001.2014.3001.5506我的文章https://blog.csdn.net/hhw_hhw/article/details/135103914?spm1001.2014.3001.5502
2 objTo3DTiles
我试了很多工具发现还是GitHub上的大佬做的好用这里就直接放出链接objTo3d-tiles工具链接。 2.1 工具的安装
其实我之前使用GitHub的频率很少而且也不知道怎么部署GitHub上面的工具所以还是自己摸索了一阵。今天我就手把手教学。然后这个工具的作者也做了一个中文版的文档我们直接看 文档中写了开始使用前确保安装了Node.js。然后运行命令
npm install -g obj23dtilesNode.js直接去官网下载即可然后下载完成后打开 Windows 操作系统的 命令行解释器 也就是 cmd 。然后输入刚才的命令然后再点击回车就开始安装了。
-g 参数的意思是将工具安装到系统的全局目录也就是说不管在哪里启动 cmd 命令都可以访问 obj23dtiles 工具。
2.1.1 拓展Node.js 和 npm
Node.js 和 npmNode Package Manager是两个紧密相关的工具通常一起使用但它们有不同的作用。 Node.js Node.js 是一个基于Chrome V8引擎的 JavaScript 运行时环境使 JavaScript 具备了在服务器端运行的能力。它允许开发者使用 JavaScript 来编写服务器端应用程序而不仅仅是在浏览器中运行的前端脚本语言。Node.js 提供了一种事件驱动的、非阻塞的 I/O 模型使其非常适合处理大量并发连接的应用程序。 npmNode Package Manager npm 是 Node.js 的包管理工具用于安装、分享和管理 Node.js 模块。Node.js 模块是可重用的代码单元可以通过 npm 进行安装以便在应用程序中使用。npm 还允许开发者将自己的模块发布到 npm 的仓库中供其他开发者使用。
关系
Node.js 本身提供了一个运行 JavaScript 代码的环境但它并没有涉及到模块的管理。npm 则是用于管理 Node.js 模块的工具通过 npm 可以方便地安装、升级、卸载模块并管理项目所依赖的模块。当你安装 Node.js 时npm 通常也会随之安装因此在大多数情况下你可以直接使用 npm。
总的来说Node.js 是提供 JavaScript 运行时环境的工具而 npm 是用于管理 Node.js 模块的工具二者一同构成了 Node.js 生态系统的基础。 总结GitHub 上很多开源的工具会将工具上传到 npm 上然后我们可以下载 npm 工具然后直接安装别人上传的工具。也就是说 npm 相当于一个中间站。然后在安装 Node.js 的时候会帮我们安装 npm 工具。
2.2 工具的使用
2.2.1 输出成瓦片数据
我们直接看如何将 .obj 转换为 .b3dm 格式的瓦片数据。
obj23dtiles -i ./bin/barrel/barrel.obj --tileset
// 在模型目录导出 Batchedbarrel 文件夹这是官方给的示例
obj23dtiles 表示调用的工具名称-i 表示接下来的参数是输入的数据./bin/barrel/barrel.obj表示是输入数据的路径和文件名–tileset表示输出的是瓦片数据格式
输出的瓦片数据格式如下是带有 tileset.json 的数据。这是3DTiles数据加载的入口定义了数据的一下基本信息包括数据的坐标信息。
2.2.2 输出带有坐标参数的瓦片数据
源码中给出了一个 customTilesetOptions.json 数据定义了瓦片的一些信息。
{longitude: -1.31968, // 瓦片原点(模型原点 (0,0,0)) 经度的弧度值。latitude: 0.698874, // 瓦片原点维度的弧度值。transHeight: 0.0, // 瓦片原点所在高度单位为米。region: true, // 使用 region 作为外包体。box: false, // 使用 box 作为外包体。sphere: false // 使用 sphere 作为外包体。
}3DTiles瓦片数据使用的是 WGS84 坐标系 。 可以在输出瓦片数据的同时将 customTilesetOptions.json 数据作为瓦片的参数一起输入。
obj23dtiles -i ./bin/barrel/barrel.obj --tileset -p ./bin/barrel/customTilesetOptions.json输出结果如下还是这两个文件不过现在的瓦片数据已经是带有经纬高信息的数据了。那么我们如何验证数据的坐标是否正确呢那就要看本文的第三部分查看3DTiles瓦片数据
3 查看3DTiles数据
查看3DTiles数据的方式有很多我使用的是Cesium官方的Cesium ion工具。 网址https://cesium.com/platform/cesium-ion/ 登入后进入 My Asset 然后添加数据 选择 Add files。选择两个文件。 选择 3D Tiles 数据类型。然后点击左下角的 Upload 进行数据的上传。 然后回到 My Assets 界面点击刚才新添加的数据即可在右侧窗口进行数据的查看。
