第7节：cesium 3dtiles模型展示优化，平移、旋转、缩放...（含源码+视频）

已于 2023-06-09 12:00:32 修改
阅读量2.7k 收藏 4
点赞数 1
分类专栏： cesium vue 文章标签： cesium cesiumjs 3dtils展示优化 3dtiles移动 3dtiles旋转
于 2023-06-04 00:42:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29384639/article/details/131027655
版权
cesium vue 专栏收录该内容
53 篇文章 295 订阅 ¥59.90 ¥99.00
订阅专栏
本文介绍了如何在cesium中优化3DTiles模型的展示，包括平移、旋转和缩放等操作，并提供了结果示例、完整源码以及视频教程链接。
摘要由CSDN通过智能技术生成

上一节，我们说明了如何加载3DTiles模型，这节我们主要说一下模型加载进来如何进行模型的展示优化。

结果示例：

在这里插入图片描述

完整源码：

<template>
  <div class="viewer">
    <vc-viewer @ready=
了解本专栏 订阅专栏 解锁全文
cesium vue
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
DEJA_VU3D - Cesium功能集 之 070-编辑3Dtiles（平移+旋转）
总得学点什么的博客
09-07 2316
本篇我们就来介绍实现基于Cesium对3Dtiles模型数据的编辑操作，包括平移和旋转效果，包括完整源代码
【第六章 WebGIS】Cesium中3dtiles的平移旋转和坐标转换
qq_19816973的博客
05-15 447
注意：模型的原点不一定是boundingSphere.center，所以初始的this.tileset._root.transform与m = Cesium.Transforms.eastNorthUpToFixedFrame(surface) 不一样。Cesium.Matrix4（4x4矩阵，用于描述旋转加平移变换）Cesium.Matrix3（3x3矩阵，用于描述旋转变换）Cesium.Cartesian3（相当于Point3D）【1】根据模型局部坐标偏移量进行平移。【2】根据偏移量进行坐标转换。
Cesium实战功能教程之3dtiles操作（移动+旋转）
coderzyq的博客
07-27 633
在平常的工作中，难免会用到倾斜摄影，当加载倾斜摄影的时候，最头疼的就是倾斜摄影的偏移问题，在代码中进行修改加载倾斜摄影的偏移参数，虽然简单但过于麻烦，也耽误开发的效率，因此我就本着能不能在三维场景中对倾斜摄影进行手动操作，无需再改代码并可将倾斜摄影放在较为正确的位置。为了实现这个功能，我就从网上找一些相关的资料，参照一些网上的大佬的代码进行修改，并补充相关知识，并不是那么及时的完成了这篇文章。
Cesium17-3DTileset模型旋转平移
m0_56492004的博客
03-19 565
定义两个全局变量，cartographic，params，用于计算模型的初始位置和存储旋转平移参数。
Cesium 调整3DTiles平移和旋转
最新发布
北京-giser的博客
08-02 420
Cesium 调整3DTiles平移和旋转
cesium 3DTileset的平移、旋转、缩放
D_bel的博客
04-14 3050
Cesium.Transforms.eastNorthUpToFixedFrame方法是得到世界坐标到某个点平移，得到变化后的矩阵。将这个值赋给_root.transform，模型就回移动旋转到指定位置。1、tileset.modelMatrix：可以用来平移，旋转好像有问题。这个方法的旋转是围绕地球，不是模型自身，旋转中心好像是在。2、tileset._root.transformcesuim：加载的模型的旋转矩阵似乎储存在_root.transform里面的。中心，平移感觉又在模型本身中心。
cesium编程入门(七)3D Tiles，模型旋转
weixin_30779691的博客
01-24 498
cesium编程入门（七）3D Tiles，模型旋转 上一节介绍了3D Tiles模型的位置移动，和贴地的操作，这一节来聊一聊模型的旋转， 参考《WebGl编程指南》的第四章 假设在X轴和Y轴构成的平面上，要让物体旋转角度为β，那么公式如下： 由此思路就出来了： 根据要旋转的角度，构建一个三阶旋转矩阵 获取3D tiles 的旋转矩阵modelMatrix，然后与旋转矩阵运算， 最后将计算结果...
Cesium加载3Dtiles模型的平移和旋转
white_mo的博客
03-27 2564
假设模型需要平移(x, y, z)量，先计算局部坐标系中点(x, y, z)在世界坐标下的位置(xworld, yworld, zworld)模型旋转时，由于Cesium默认绕轴旋转是绕世界坐标系轴旋转，因此我们需要做如下操作完成绕局部坐标轴旋转。将局部Z轴回到原本的指向，即刚刚旋转的角度取负值，此处需要注意变换的顺序，后进行的变换先复位。将模型绕世界坐标系的某个轴旋转（真正进行旋转的矩阵），此处以Z轴为例，矩阵记为R。先将红线表示的向量（z'轴）绕Z轴顺时针旋转Φ度，再绕Y轴顺时针旋转θ度。
Cesium 关于倾斜摄影（3DTiles）旋转的问题
m0_55210311的博客
08-13 4562
前端，基于Cesium的WebGis开发：框架：Vue2问题描述：Cesium版本：目前最新笔者在加载倾斜模型之后发现是浮在上空且倾斜的，因此想通过旋转来调整达到模型贴地的目的。通过平移的方法可以使模型，然而，在研究如何旋转过程中，查阅借鉴了很多资料，尝试之后却出现了看不见模型或者相机视角飞到了预想之外的地方。...
cesium模型的旋转、平移和缩放带辅助操作
热门推荐
weixin_44265800的博客
10-13 1万+
cesium模型的旋转、平移和缩放 带辅助轴线
cesium 实现模型旋转缩放功能
2301_78814180的博客
01-05 1269
实现思路主要是通过 Knockout 实现了对输入值的监听，当输入值发生变化时，分别执行不同的操作来实现模型的变换。
3dtiles模型的旋转平移
01-07
cesium 3dtiles模型的旋转平移
cesium 3dtiles
08-04
详细介绍了cesium与3dtiles的关系，对于入门者来说可以快速掌握3dtiles的基本概念和结构。
cesium实景模型自动旋转
01-22
实景模型自动旋转，左键选中模型，开始旋转，右键结束旋转
Cesium模型调整
12-22
大家下载了之后，把资源替换成你本地的，然后看下控制台，有的方法得自己改下，别再问为啥跑不了了。
Cesium18-3DTiles模型缩放
m0_56492004的博客
03-19 835
在Cesium中调整3DTiles模型的位置，还包括对3DTiles模型进行整体缩放。
Cesium--旋转3dtiles
LongJ_Sir的博客
06-25 328
记录-来自论坛的3dtiles旋转
Cesium模型 旋转、缩放
大洪的专栏
11-17 9080
Cesium中模型的平移、旋转、缩放等操作很常见，我在网上找了很多资料，但应用到项目中却无法运行，这是版本不一致。 对于当前版本1.72，我的应用如下： setScale() { this.entity.model.scale = this.scale }, setRotate() { const origin = this.entity.position.getValue() const heading = Cesium.Math.toRadi
17.（cesium之家）cesium调整倾斜摄影位置（高度，平移，旋转，缩放）
地图之家
09-10 1103
17.（cesium之家）cesium调整倾斜摄影位置（高度，平移，旋转，缩放）
Cesium 3DTiles模型压平
04-26
的方法有哪些？ 针对Cesium 3DTiles模型的压平方法，目前主要有以下几种： 1. 采用Terrain Level of Detail（LOD）技术，将地形数据按照不同的分辨率进行压平，从而达到压平效果。 2. 使用三角形剖分算法，将复杂的3D模型转化为较为简单的二维形状，然后进行投影压平。 3. 借助于多边形剪切等操作，将3D模型切割，得到各个平面，从而达到压平的效果。 4. 通过使用机器学习等技术，自动化的对3D模型进行压平处理。 以上是目前一些主流的Cesium 3DTiles模型压平的方法，具体的选择应该根据场景的不同、效率的要求以及技术的熟悉程度来进行权衡。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

cesium vue

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值