entities3Dtraversal.js

var cesiumViewer = window.viewer.state ? window.viewer.state.viewer: window.viewer
var camera = cesiumViewer.scene.camera
var scene = cesiumViewer.scene
var Cartesian3 = Cesium.Cartesian3

cesiumViewer.entities.removeAll()
scene.requestRender()

var radius = 1
var position = camera.position
cesiumViewer.entities.add({
    position,
    ellipsoid: {
        radii: new Cartesian3(radius, radius, radius),
        fill: true,
        outline: true,
        outlineColor: Cesium.Color.WHITE,
        material: Cesium.Color.WHITE
    }
})

var point1AxisX = Cartesian3.subtract( 
                    camera.position, 
                    Cartesian3.multiplyByScalar( 
                            Cartesian3.UNIT_X, 20, new Cartesian3()),
                    new Cartesian3() )

var point2AxisX = Cartesian3.add( 
                    camera.position, 
                    Cartesian3.multiplyByScalar( 
                            Cartesian3.UNIT_X, 20, new Cartesian3()),
                    new Cartesian3() )

cesiumViewer.entities.add({
    polyline: {
        positions : [point1AxisX, point2AxisX],
        width : 2,
        color: Cesium.Color.RED,
        material: Cesium.Color.RED
    }
});


var point1AxisY = Cartesian3.subtract( 
                    camera.position, 
                    Cartesian3.multiplyByScalar( 
                            Cartesian3.UNIT_Y, 20, new Cartesian3()),
                    new Cartesian3() )

var point2AxisY = Cartesian3.add( 
                    camera.position, 
                    Cartesian3.multiplyByScalar( 
                            Cartesian3.UNIT_Y, 20, new Cartesian3()),
                    new Cartesian3() )

cesiumViewer.entities.add({
    polyline: {
        positions : [point1AxisY, point2AxisY],
        width : 2,
        color: Cesium.Color.GREEN,
        material: Cesium.Color.GREEN
    }
});

var point1AxisZ = Cartesian3.subtract( 
                    camera.position, 
                    Cartesian3.multiplyByScalar( 
                            Cartesian3.UNIT_Z, 20, new Cartesian3()),
                    new Cartesian3() )

var point2AxisZ = Cartesian3.add( 
                    camera.position, 
                    Cartesian3.multiplyByScalar( 
                            Cartesian3.UNIT_Z, 20, new Cartesian3()),
                    new Cartesian3() )

cesiumViewer.entities.add({
    polyline: {
        positions : [point1AxisZ, point2AxisZ],
        width : 2,
        color: Cesium.Color.BLUE,
        material: Cesium.Color.BLUE
    }
});
scene.requestRender()


// add spheres on X axis 
var xNeg1 = Cartesian3.subtract( 
                    camera.position, 
                    Cartesian3.multiplyByScalar( 
                            Cartesian3.UNIT_X, 5, new Cartesian3()),
                    new Cartesian3() )

cesiumViewer.entities.add({
    id: "xNeg1",
    position: xNeg1,
    ellipsoid: {
        radii: new Cartesian3(radius-0.4, radius-0.4, radius-0.4),
        fill: true,
        outline: true,
        outlineColor: Cesium.Color.RED,
        material: Cesium.Color.RED
    }
})

var xNeg2 = Cartesian3.subtract( 
                    camera.position, 
                    Cartesian3.multiplyByScalar( 
                            Cartesian3.UNIT_X, 10, new Cartesian3()),
                    new Cartesian3() )

cesiumViewer.entities.add({
    id: "xNeg2",
    position: xNeg2,
    ellipsoid: {
        radii: new Cartesian3(radius-0.4, radius-0.4, radius-0.4),
        fill: true,
        outline: true,
        outlineColor: Cesium.Color.RED,
        material: Cesium.Color.RED
    }
})


// add xPos1
var xPos1 = Cartesian3.add( 
                    camera.position, 
                    Cartesian3.multiplyByScalar( 
                            Cartesian3.UNIT_X, 5, new Cartesian3()),
                    new Cartesian3() )

cesiumViewer.entities.add({
    id: "xPos1",
    position: xPos1,
    ellipsoid: {
        radii: new Cartesian3(radius-0.4, radius-0.4, radius-0.4),
        fill: true,
        outline: true,
        outlineColor: Cesium.Color.RED,
        material: Cesium.Color.RED
    }
})

var xPos2 = Cartesian3.add( 
                    camera.position, 
                    Cartesian3.multiplyByScalar( 
                            Cartesian3.UNIT_X, 10, new Cartesian3()),
                    new Cartesian3() )
                    
cesiumViewer.entities.add({
    id: "xPos2",
    position: xPos2,
    ellipsoid: {
        radii: new Cartesian3(radius-0.4, radius-0.4, radius-0.4),
        fill: true,
        outline: true,
        outlineColor: Cesium.Color.RED,
        material: Cesium.Color.RED
    }
})

// add spheres on Y axis 
var yNeg1 = Cartesian3.subtract( 
                    camera.position, 
                    Cartesian3.multiplyByScalar( 
                            Cartesian3.UNIT_Y, 5, new Cartesian3()),
                    new Cartesian3() )

cesiumViewer.entities.add({
    id: "yNeg1",
    position: yNeg1,
    ellipsoid: {
        radii: new Cartesian3(radius-0.4, radius-0.4, radius-0.4),
        fill: true,
        outline: true,
        outlineColor: Cesium.Color.GREEN,
        material: Cesium.Color.GREEN
    }
})

var yNeg2 = Cartesian3.subtract( 
                    camera.position, 
                    Cartesian3.multiplyByScalar( 
                            Cartesian3.UNIT_Y, 10, new Cartesian3()),
                    new Cartesian3() )

cesiumViewer.entities.add({
    id: "yNeg2",
    position: yNeg2,
    ellipsoid: {
        radii: new Cartesian3(radius-0.4, radius-0.4, radius-0.4),
        fill: true,
        outline: true,
        outlineColor: Cesium.Color.GREEN,
        material: Cesium.Color.GREEN
    }
})


// add positive
var yPos1 = Cartesian3.add( 
                    camera.position, 
                    Cartesian3.multiplyByScalar( 
                            Cartesian3.UNIT_Y, 5, new Cartesian3()),
                    new Cartesian3() )

cesiumViewer.entities.add({
    id: "yPos1",
    position: yPos1,
    ellipsoid: {
        radii: new Cartesian3(radius-0.4, radius-0.4, radius-0.4),
        fill: true,
        outline: true,
        outlineColor: Cesium.Color.GREEN,
        material: Cesium.Color.GREEN
    }
})

var yPos2 = Cartesian3.add( 
                    camera.position, 
                    Cartesian3.multiplyByScalar( 
                            Cartesian3.UNIT_Y, 10, new Cartesian3()),
                    new Cartesian3() )
                    
cesiumViewer.entities.add({
    id: "yPos2",
    position: yPos2,
    ellipsoid: {
        radii: new Cartesian3(radius-0.4, radius-0.4, radius-0.4),
        fill: true,
        outline: true,
        outlineColor: Cesium.Color.GREEN,
        material: Cesium.Color.GREEN
    }
})


// Z-axis
var zNeg1 = Cartesian3.subtract( 
                    camera.position, 
                    Cartesian3.multiplyByScalar( 
                            Cartesian3.UNIT_Z, 5, new Cartesian3()),
                    new Cartesian3() )

cesiumViewer.entities.add({
    id: "zNeg1",
    position: zNeg1,
    ellipsoid: {
        radii: new Cartesian3(radius-0.4, radius-0.4, radius-0.4),
        fill: true,
        outline: true,
        outlineColor: Cesium.Color.BLUE,
        material: Cesium.Color.BLUE
    }
})

var zNeg2 = Cartesian3.subtract( 
                    camera.position, 
                    Cartesian3.multiplyByScalar( 
                            Cartesian3.UNIT_Z, 10, new Cartesian3()),
                    new Cartesian3() )

cesiumViewer.entities.add({
    id: "zNeg2",
    position: zNeg2,
    ellipsoid: {
        radii: new Cartesian3(radius-0.4, radius-0.4, radius-0.4),
        fill: true,
        outline: true,
        outlineColor: Cesium.Color.BLUE,
        material: Cesium.Color.BLUE
    }
})

var zPos1 = Cartesian3.add( 
                    camera.position, 
                    Cartesian3.multiplyByScalar( 
                            Cartesian3.UNIT_Z, 5, new Cartesian3()),
                    new Cartesian3() )

cesiumViewer.entities.add({
    id: "zPos1",
    position: zPos1,
    ellipsoid: {
        radii: new Cartesian3(radius-0.4, radius-0.4, radius-0.4),
        fill: true,
        outline: true,
        outlineColor: Cesium.Color.BLUE,
        material: Cesium.Color.BLUE
    }
})

var zPos2 = Cartesian3.add( 
                    camera.position, 
                    Cartesian3.multiplyByScalar( 
                            Cartesian3.UNIT_Z, 10, new Cartesian3()),
                    new Cartesian3() )
                    
cesiumViewer.entities.add({
    id: "zPos2",
    position: zPos2,
    ellipsoid: {
        radii: new Cartesian3(radius-0.4, radius-0.4, radius-0.4),
        fill: true,
        outline: true,
        outlineColor: Cesium.Color.BLUE,
        material: Cesium.Color.BLUE
    }
})

















scene.requestRender()