Moving a 3d graphic causing shader / texture issues

JosephRogan — Sat, 11 Dec 2021 10:12:57 GMT

I've been planing around with the 3d API, and am trying to make a

ObjectSymbol3DLayer graphic with the Eurocopter resource move across the map. Example url:

The problem is that this type of object seems to be too complex for the browser and can't be rendered quick enough. The texture does not load (solid white object) appears and has a tearing effect across the screen. After updating chrome the texturing seems to "catch up" slowly when the moving stops. It also doesn't remove the old graphic properly when using this type of resource.

I should mention that when using a primitive sphere this draws smoothly, including removing the old graphics as they move.

I use the following code to clone and add a new graphic since it is not currently possible to just update a graphics properties once its added to the map:

      var tempPlayer = this.playerGraphic.clone();
      this.playerGraphicLayer.remove(this.playerGraphic);
      tempPlayer.geometry.x += options.x;
      tempPlayer.geometry.y += options.y;
      tempPlayer.symbol.symbolLayers.items[0].heading = this.calculateHeading(options);
      this.playerGraphic = tempPlayer.clone();
      this.playerGraphicLayer.add(this.playerGraphic);‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Moving a 3d graphic causing shader / texture issues

ThomasSolow — Fri, 04 Aug 2017 13:27:41 GMT

I'm not sure what the issue is here. I would try generating an entirely new symbol every time you move the graphic to start with.

topic Re: Moving a 3d graphic causing shader / texture issues in ArcGIS JavaScript Maps SDK Questions

Moving a 3d graphic causing shader / texture issues

Re: Moving a 3d graphic causing shader / texture issues