You are viewing a plain text version of this content. The canonical link for it is here.

Posted to users@royale.apache.org by Kessler CTR Mark J via users <us...@royale.apache.org> on 2022/10/03 11:36:30 UTC

RE: [Non-DoD Source] UIComponent and transformation matrix

One benefit of being the JS environment is the ability to assign external CSS which can also cover transforms.

-Mark K

-----Original Message-----
From: CapitanoG76 <ca...@gmail.com>
Sent: Sunday, October 2, 2022 19:32
To: users@royale.apache.org
Subject: [Non-DoD Source] UIComponent and transformation matrix

Hello,

I am porting a Flex application into Royale in order to transpile to Javascript.

The application had some graphical elements which extended UIComponent and were added as children to an mx.containers.Canvas.
I was using UIComponent.transform.matrix to rotate the elements, however in Royale UIComponent does not have the transform property anymore.

Is there any way I can apply rotation/translation to my elements? I'd need to write code similar to

var m:Matrix = new Matrix();
m.rotate(angle);
this.transform.matrix = m;

Thanks,
Marco

RE: [Non-DoD Source] UIComponent and transformation matrix

Posted by Kessler CTR Mark J via users <us...@royale.apache.org>.

That's up to how you want to implement it.  Since we (our corporate team, not the Royale project) have gotten rid of our old Flex backwards compatibility, we were able to completely offloaded all styles, transitions, effects to CSS. The native ones in the web browser are much better than the ones we used in flex IMO. Royale still has to end up with the browsers features / limitations in the long run if you target web, so we shortcut the process this way. 

Just my 2c 

-Mark K

-----Original Message-----
From: CapitanoG76 <ca...@gmail.com> 
Sent: Monday, October 3, 2022 10:45
To: users@royale.apache.org; Kessler CTR Mark J <ma...@usmc.mil>
Subject: Re: [Non-DoD Source] UIComponent and transformation matrix

The rotation is dynamically applied with different angles while the user clicks and drags the mouse button, would CSS still be suitable for that use case?

On Mon, 3 Oct 2022 at 13:36, Kessler CTR Mark J via users <users@royale.apache.org <ma...@royale.apache.org> > wrote:

	One benefit of being the JS environment is the ability to assign external CSS which can also cover transforms.

	-Mark K

	-----Original Message-----
	From: CapitanoG76 <capitanog@gmail.com <ma...@gmail.com> >
	Sent: Sunday, October 2, 2022 19:32
	To: users@royale.apache.org <ma...@royale.apache.org> 
	Subject: [Non-DoD Source] UIComponent and transformation matrix

	Hello,

	I am porting a Flex application into Royale in order to transpile to Javascript.

	The application had some graphical elements which extended UIComponent and were added as children to an mx.containers.Canvas.
	I was using UIComponent.transform.matrix to rotate the elements, however in Royale UIComponent does not have the transform property anymore.

	Is there any way I can apply rotation/translation to my elements? I'd need to write code similar to

	var m:Matrix = new Matrix();
	m.rotate(angle);
	this.transform.matrix = m;

	Thanks,
	Marco

Re: [Non-DoD Source] UIComponent and transformation matrix

Posted by CapitanoG76 <ca...@gmail.com>.

The rotation is dynamically applied with different angles while the user
clicks and drags the mouse button, would CSS still be suitable for that use
case?

On Mon, 3 Oct 2022 at 13:36, Kessler CTR Mark J via users <
users@royale.apache.org> wrote:

> One benefit of being the JS environment is the ability to assign external
> CSS which can also cover transforms.
>
> -Mark K
>
> -----Original Message-----
> From: CapitanoG76 <ca...@gmail.com>
> Sent: Sunday, October 2, 2022 19:32
> To: users@royale.apache.org
> Subject: [Non-DoD Source] UIComponent and transformation matrix
>
> Hello,
>
> I am porting a Flex application into Royale in order to transpile to
> Javascript.
>
> The application had some graphical elements which extended UIComponent and
> were added as children to an mx.containers.Canvas.
> I was using UIComponent.transform.matrix to rotate the elements, however
> in Royale UIComponent does not have the transform property anymore.
>
> Is there any way I can apply rotation/translation to my elements? I'd need
> to write code similar to
>
> var m:Matrix = new Matrix();
> m.rotate(angle);
> this.transform.matrix = m;
>
>
> Thanks,
> Marco
>