Hello! I’m trying to create a wire-connecting system like in Among Us using GUI in Roblox.
I’m not very experienced with scripting GUIs, so I’d really appreciate any suggestions or guidance.
What should I start learning in order to make this kind of interface?
1 Like
Just make some points on one side, some on the other, then find some code online for generating the line between two points, and modify it so it works for a rotated UI frame representing the line. To make the functionality shown in the wire among us task, you will have to detect when a user clicks one of the starting points, then start a “holding state” with that specific color, make temporary lines between the picked start point and the current mouse position every time they move their mouse, then when they hover over an end point check if it matches the color of their current start point, and if it does connect the two points and remove them from the points that they can click(so they then proceed to connect the other points/wires). When all points are marked as connected, finish the task.
Optionally you can also add a warning animation/indication if the starting point and ending point colors don’t match if the user tries to hover over a wrong ending point.
1 Like