cesium primitive 移动缩放旋转矩阵

AllBlue

已于 2024-04-23 16:13:20 修改

阅读量777

点赞数 15

分类专栏： cesium GIS 文章标签： cesium

于 2024-04-16 14:10:20 首次发布

本文链接：https://blog.csdn.net/AllBluefm/article/details/137822957

版权

cesium 同时被 2 个专栏收录

56 篇文章 2 订阅

订阅专栏

GIS

56 篇文章 1 订阅

订阅专栏

文章详细介绍了如何使用Cesium库中的PolygonGeometry创建多边形，并展示了如何通过`modelMatrix`实现以特定点为中心的旋转、平移和缩放操作。

摘要由CSDN通过智能技术生成

旋转参考：cesium 指定点旋转rectangle Primitive方式矩阵篇-CSDN博客

平移参考：cesium 调整3dtiles的位置世界坐标下相对坐标下平移矩阵-CSDN博客

一、primitive方式添加polygon

let polygonInstance = new Cesium.GeometryInstance({
    geometry: Cesium.PolygonGeometry.fromPositions({
        positions: Cesium.Cartesian3.fromDegreesArray([
            ...p1,
            p2[0], p1[1],
            ...p2,
            p1[0], p2[1]
        ]),
        height: 0,
        vertexFormat: Cesium.EllipsoidSurfaceAppearance.VERTEX_FORMAT
    }),
    attributes: {
        color: Cesium.ColorGeometryInstanceAttribute.fromColor(Cesium.Color.fromCssColorString('#00ff00').withAlpha(0.5))
    }
});
let polygonPrimitive = new Cesium.Primitive({
    geometryInstances: [polygonInstance],
    undisplayable: true,
    appearance: new Cesium.PerInstanceColorAppearance({
        flat: true,
        translucent: false
    })
});

viewer.scene.primitives.add(polygonPrimitive);

二、平移

以p1为原点，将p1移动到（113.392209, 38.095546），其他几个点相对p1移动

let origin = Cesium.Cartesian3.fromDegrees(...p1);
let offset = Cesium.Cartesian3.fromDegrees(
    113.392209, 38.095546
);
let translate = Cesium.Cartesian3.subtract(
    offset,
    origin,
    new Cesium.Cartesian3()
);

polygonPrimitive.modelMatrix = Cesium.Matrix4.fromTranslation(translate)

三、缩放

以p1为原点，在x轴方向缩放2倍大小

let origin = Cesium.Cartesian3.fromDegrees(...p1);
let localToWorld_Matrix = Cesium.Transforms.eastNorthUpToFixedFrame(origin);
let worldToLocal_Matrix = Cesium.Matrix4.inverse(localToWorld_Matrix, new Cesium.Matrix4);

let scaleMatrix = Cesium.Matrix4.fromScale(new Cesium.Cartesian3(2, 1, 1));

let localScaleMatrix = Cesium.Matrix4.multiply(scaleMatrix, worldToLocal_Matrix, new Cesium.Matrix4);
let worldMatrix = Cesium.Matrix4.multiply(localToWorld_Matrix, localScaleMatrix, new Cesium.Matrix4);

polygonPrimitive.modelMatrix = worldMatrix;