Polyline with arrow is blurred

CesiumJS
1

Hello,

I need to draw a thick polyline with arrow. However the line is blurred.
When I set material to Cesium.Color.BROWN then the line is not blurred, but if I use PolylineArrowMaterialProperty, then it is blurred.

How can I get a polyline with arrow so that it is not blurred?

Thank you very much,

Greg

Here is sample code that demonstrates the problem:

Cesium.Math.setRandomNumberSeed(1234);

var viewer = new Cesium.Viewer('cesiumContainer', { infoBox : false });
var entities = viewer.entities;

var i;
var height;
var positions;
var stripeMaterial = new Cesium.StripeMaterialProperty({
    evenColor : Cesium.Color.WHITE.withAlpha(0.5),
    oddColor : Cesium.Color.BLUE.withAlpha(0.5),
    repeat : 5.0
});

positions = ;
for (i = 0; i < 40; ++i) {
    positions.push(Cesium.Cartesian3.fromDegrees(-100.0 + i, 15.0));
}
entities.add({
    polyline : {
        positions : positions,
        width : 120.0,
        material : new Cesium.PolylineArrowMaterialProperty(Cesium.Color.BROWN)
    }
});

viewer.zoomTo(viewer.entities);

2

Hello,

Thanks for reporting this and including an example! This looks like a bug in Cesium. I’ve submitted an issue to our GitHub: https://github.com/AnalyticalGraphicsInc/cesium/issues/3491

Best,

Hannah