SteppedSpline

SteppedSpline是CesiumJS中一种用于创建阶梯状曲线的实用工具。本文将介绍SteppedSpline的基本用法和示例。

基本用法

创建SteppedSpline对象的基本方式如下：

var steppedSpline = new Cesium.SteppedSpline(options);

其中options是一个对象，包含以下属性：

• times：一个数字数组，表示曲线上每个点对应的时间。
• points：一个Cartesian3对象数组，表示曲线上的点。
• numberOfSteps：整数，表示曲线在每一对相邻时间点之间包含的阶梯数量。

创建SteppedSpline对象后，可以使用以下方法获取当前时间下的阶梯状点：

• sample(time)：返回当前时间下的阶梯状点Cartesian3对象。

示例

下面是一个简单的示例，它根据给定的点和时间，创建了一个带有5个阶梯的阶梯状曲线：

var viewer = new Cesium.Viewer('cesiumContainer');

var times = [0, 1, 2, 3, 4, 5];
var points = [
    new Cesium.Cartesian3(0, 0, 0),
    new Cesium.Cartesian3(0, 0, 4000000),
    new Cesium.Cartesian3(0, 5000000, 2000000),
    new Cesium.Cartesian3(5000000, 0, 3000000),
    new Cesium.Cartesian3(0, -5000000, 2000000),
    new Cesium.Cartesian3(-5000000, 0, 3000000)
];

var steppedSpline = new Cesium.SteppedSpline({
    times: times,
    points: points,
    numberOfSteps: 5
});

viewer.scene.primitives.add(new Cesium.PolylineCollection());
viewer.scene.primitives.get(0).add({
    positions: new Cesium.CallbackProperty(function(time, result) {
        var samples = [];
        for (var i = 0; i < 6; i++) {
            samples.push(steppedSpline.sample(Cesium.Math.mod(time.secondsOfDay, 6)));
        }
        return samples;
    }, false),
    width: 10,
    material: Cesium.Material.fromType('Color', {
        color: Cesium.Color.BLUE
    })
});

viewer.camera.setView({
    destination: new Cesium.Cartesian3(10000000, 10000000, 5000000),
    orientation: {
        heading: Cesium.Math.toRadians(45),
        pitch: Cesium.Math.toRadians(-35),
        roll: 0.0
    }
});

该示例创建了一个包含6个点和5个阶梯的阶梯状曲线，然后通过sample方法读取当前时间下的阶梯状点，最后绘制出来。

效果如下图所示：