Change the style of line that is already drawn?

[CamO]

@Aaron McGuire you are just drawing on top of a graphic its not modifying the existing one.

@ivan.popelyshevHas anyone found a solution to this i need it to move graphic border to new graphic point coordinate dynamically

[ivan.popelyshev]

Shame on you, necro-ing very old thread. There were threads like that not long ago, its possible but requires full invalidation of p[ixi v5 graphics object. You have to manually change "graphics.geometry.graphicsData" and call "graphics.geometry.invalidate()" . Note, that all the performance problems wil be your fault. Use spectorJS to debug, separate multiple graphics into several instances e.t.c. i really cant put it all in one message, its a very big topic.

[CamO]

@ivan.popelyshev i dont know what necro-ing is and i dont know why im getting insulted but im sure that this doesnt feel welcoming at all. If the issue is personal feel free to elaborate.

All i asked was a question. by the way i did justify that a so given solution wasnt really a solution here

Edited July 5, 2020 by CamO

[ivan.popelyshev]

Necro-posting is making a comment to very old thread, its fine on stackoverflow, but on forums like that, when we switched 2 major versions of pixi after 2014, its better to create new one.

Oh, right, previous message was at 2019 year, not so necro.

so, why the answer in 

 isn't enough?

[CamO]

Not really, unless I have missed something. Really all i am looking to do are 2 things:

 

1) when moving polygon point that the same goes for the lineStyle points dynamically (btw I am using vertexData to move change the points of the polygon)

2) to change the fill of the lineStyle when clicking on a button

Edited July 6, 2020 by CamO

[ivan.popelyshev]

vertexData works only if graphics is small and it was detected as "batchable" (see the source of Graphics and GraphicsGeometry). You should change insides of `graphics.geometry.graphicsData` 

or something easy like that:

let myPoly = new Polygon(...);

graphics.drawPolygon(myPoly);

myPoly.points[0] = ... //change something

graphics.geometry.invalidate();

lineStyle gets copied so you cant just use it and  then change - you have to look inside `graphics.geometry.graphicsData[0]`. My earlier demo should work for you.

All those  problems are here because Graphics originally was created to be cleared&refilled.

[CamO]

@ivan.popelyshev hey Ivan i just want to confirm that i hav the correct demo i have been playing with it for a couple of day, 

is this thhe link: https://www.pixiplayground.com/#/edit/GYy0QCPK1I62IyCxr2WH1    ?

[ivan.popelyshev]

nope, someone rewrote demo by the link, we dont have auth system there. 

Here you go: https://www.pixiplayground.com/#/edit/uXGVLX0wynNmJWIix5gn4

[CamO]

@ivan.popelyshev Hi Ivan i just wanted to tell you that it is working, thank you for your help

[JoakimL]

PIXI.Graphics.prototype.updateLineStyle = function({width=null, color=null, alpha=null}={}) {
	this.geometry.graphicsData.forEach(data => {
		if (width!=null) { data.lineStyle.width = width; }
		if (color!=null) { data.lineStyle.color = color; }
		if (alpha!=null) { data.lineStyle.alpha = alpha; }
	});
	this.geometry.invalidate();
}

graphics_object.updateLineStyle({color:"0xff00ff"});