How to draw shapes in correct position?

:information_source: Attention Topic was automatically imported from the old Question2Answer platform.
:bust_in_silhouette: Asked By Cellist1972

I am trying to make a selection tool. The collision shape is drawn correctly, as you can see in form of the filled box. While the mouse is dragged, I want to draw a green rectangle. However, the box is drawn in the wrong place. What am I missing?

extends Area2D

onready var shape: Shape2D = $CollisionShape2D.shape
onready var collision: CollisionShape2D = $CollisionShape2D

export (Color, RGBA) var color =
export var stroke_width: float = 1.0
export (bool) var isFilled = true

var startOfDrag: Vector2
var endOfDrag: Vector2
var width: int = 1
var height: int = 1
var isMouseDragged: bool = false

var points: PoolVector2Array

func _process(delta: float) -> void:
if isMouseDragged:

func _draw():
draw_polyline(points , color, stroke_width, isFilled)

func _input(event: InputEvent) -> void:
if Input.is_action_just_pressed("left_mouse_down") and not isMouseDragged:
	startOfDrag = get_global_mouse_position()
	position = startOfDrag
	shape.set_extents(Vector2(1, 1))
	isMouseDragged = true

if Input.is_action_just_released("left_mouse_down"):
	isMouseDragged = false

endOfDrag = get_global_mouse_position()
width = abs(startOfDrag.x - endOfDrag.x)
height = abs(startOfDrag.y - endOfDrag.y)


func handleSelection() -> void:
shape.set_extents(Vector2(width/2, height/2))
collision.position = Vector2(width/2, height/2)

func change_rectangle() -> void:
points = []
points.append(Vector2(startOfDrag.x, startOfDrag.y))
points.append(Vector2(startOfDrag.x + width, startOfDrag.y))
points.append(Vector2(startOfDrag.x + width, startOfDrag.y + height))
points.append(Vector2(startOfDrag.x, startOfDrag.y + height))
points.append(Vector2(startOfDrag.x, startOfDrag.y))
:bust_in_silhouette: Reply From: Cellist1972

the problem is related using position instead of global_position. See detailed answer: