Best way to make a gun crosshair and make it expand with code (Most efficient and smoothest way)

As the title suggest im trying to see if anyone knows the most efficient and smoothest way to make a crosshair and make it expand, un-expand (idk how to say), if someone can help please tell me the answer (Also i wont be taking suggestions that dont support mobile/other platforms (Gui sizes, positions etc gotta fit for everyone) Thank you!

1 Like

insert a image label in the center of the screen, and set the mouse icon to nothing so it is invisible. then tween the size of the image label. use scale, not offset so it fits on all screens

1 Like

I like the idea above but increase the scale will make the “lines” of the crosshair look thicker too. A good approach is create 4 frames/images and when the user shoots, move each of them towards the closest screen border (up goes upwards, right goes rightwards, etc), use TweenService for the movement of that and use good EasingStyles for going away from the center and coming back, Exponential or Back is good for going and Sine is good for coming back, these are personal preferences of course.

1 Like