如何使用canvas_item_set_transform旋转？

Question

我正在尝试复制Sprite节点，并通过visualserver在屏幕上显示它，到目前为止，这是我基于这个示例，

ci_rid = VisualServer.canvas_item_create()
VisualServer.canvas_item_set_parent(ci_rid, get_canvas_item())

self.remove_child(sprite_node);
sprite_node.queue_free();

var texture = load(sprite_node.texture.resource_path);
var pos_and_size=Rect2(Vector2(0,0), sprite_node.region_rect.size);

if(sprite_node.region_enabled==true):
    VisualServer.canvas_item_add_texture_rect_region(ci_rid,pos_and_size, texture,sprite_node.region_rect);
    var transform_matrix=Transform2D.IDENTITY;
    
    VisualServer.canvas_item_set_transform(ci_rid,transform_matrix.translated(sprite_node.position-sprite_node.region_rect.size / 2))

但是当我尝试在其自身的轴上复制旋转时，这样：

VisualServer.canvas_item_set_transform(ci_rid,
 transform_matrix.rotated(deg2rad(sprite_node.rotation_degrees)).translated(sprite_node.position-sprite_node.region_rect.size / 2)
) 

它没有给出所需的结果，并将整个图像移至另一个位置

原始Sprite节点：

VisualServer副本：

Answer 1

您可以在删除global_transform 之前：

var sprite_transform := sprite_node.global_transform

或在将其删除后可以重建它：

var sprite_transform = global_transform * Transform2D(sprite_node.rotation, sprite_node.position).scaled(sprite_node.scale)

我在这里使用global_transform，因为节点曾经是一个孩子代码正在运行。因此，它的转换与之相对。

---

我真的不知道您的纹理不会遇到错误。这是我最终进行的方式：

var image:Image = sprite_node.texture.get_data()
var texture_rid := VisualServer.texture_create_from_image(image)

然后，将区域和大小像这样处理：

var texture_size:Vector2 = image.get_size()
var region:Rect2 = sprite_node.region_rect if sprite_node.region_enabled else Rect2(Vector2.ZERO, texture_size)
var pos_and_size := Rect2(region.size * -0.5 if sprite_node.centered else Vector2.ZERO, region.size)

这些是我的visualserver调用：

var ci_rid := VisualServer.canvas_item_create()
VisualServer.canvas_item_set_parent(ci_rid, get_canvas_item())
VisualServer.canvas_item_add_texture_rect_region(ci_rid, pos_and_size, texture_rid, region);
VisualServer.canvas_item_set_transform(ci_rid, sprite_transform)