How Sprite Rotation Works

Questions
, ,
1

So far I understand that Sprote objects are rotated using SpriteMaterial.rotation property. I want to know, how this rotation works. I meam along which axis this rotation works? Is this rotation is in world space or objects local space? How to change the rotation center etc. Thank you.

2

Why not read the docs on Sprite :slight_smile:

Sprite always have the same orientation, as a camera, so take its rotation as around sprite’s local z-axis (on the local XY-plane)

3

I read about the property called ‘center’, how to set this property? I have a png/svg image as a texture and created the sprite with

let map= TextureLoader.load(image);
let material = SpriteMaterial({map:map});
let sprite = Sprite(material);

Now when i want to rotate the sprite in world space, sprite.rotation.x/y/z doesnt work. The only thing that works is

sprite.material.rotation = value;

How can I visualize the camera axis, and the rotation of my sprite along those axes? I mean just to understand it better. I can not imagine/visualize the scene here, the rotation, camera positiom, XY plane etc. A visual explanation would be better. Can I create the axes in camera local space and view how it is positioned, how things are working etc.

Thank you for your time.

Regards,
Mahadi Hassan