Roblox Gizmos for Debug Drawing now available

Help and Feedback Creations Feedback
,
1

Hi.
When developing a feature, I often need to visualize the data I’m working with, including Vector3, CFrames, paths, points, etc. One can use Adornments but usually, they require a lot of code to set up and aren’t as versatile IMHO. That’s why I’ve created Roblox Gizmos https://create.roblox.com/store/asset/109903121130716/Gizmos-Plugin

It is a free plugin that allows you to draw all sorts of shapes, points and paths easily from code, in any color, with a single function call like Gizmos:DrawCube(CFrame.new(1,2,3), Vector3.one).

Screenshot
Screenshot1290×279 435 KB

With it, you can visualize whatever you need. For example, drawing the skeleton of a character becomes very easy with just a few lines of code.

Screenshot 2024-12-06 105609
Screenshot 2024-12-06 105609362×673 272 KB

Sample code 
local Gizmos = require(game.ReplicatedStorage.Gizmos)

function Update(t, dt)
	Gizmos:SetColor('white')
	for _, des in script.Parent:GetDescendants() do
		if des:IsA('Motor6D') then
			local motor = des 
			local cf0, cf1 = motor.Part0.CFrame, motor.Part1.CFrame
			local t = cf0 * motor.C0 * motor.Transform
			Gizmos:DrawCube(cf1, Vector3.one*0.05)
			Gizmos:DrawLine(cf0.Position, t.Position)
			Gizmos:DrawLine(t.Position, cf1.Position)
			Gizmos:DrawCFrame(t, 0.2)
		end
	end
end
game:GetService('RunService').PostSimulation:Connect(Update)

The Plugin Module uses a single WireframeHandleAdornment | Documentation - Roblox Creator Hub instance behind the scenes so it’s also quite performant.

I hope this can be helpful to some of you. If you have any feedback or suggestions just let me know. Thanks

35 Likes
2

This is very cool! Thanks for the resource. Might I ask, when will official documentation to Wireframes be added? And support for mobile devices rendering / Live Game rendering?

2 Likes
3

Pls add thickness to wireframehandleadornment it’s the only thing stopping me from using it for my own gizmos. The lines are way too thin and hard to see which is annoying

4 Likes
4

I think all the APIs for WireframeHandleAdornment are available here. Some are missing a description, I’ll notify the documentation team. Afaik you can already use this in live games if you wish.

1 Like
5

This is a great suggestion, I’ll try to add it asap.

4 Likes
6

Thank you so much like seriously thank you so much

2 Likes
7

This is probably the coolest plugin I’ve ever seen for making debug and just working on projects. I love the wireframe too, it looks soooo cool :sunglasses:

1 Like
8

Have you added thickness? I wanna use this module and might add it myself if you didn’t add it yet.

Also, does this module even work…? I tried using it both local and server, running the Test method and it doesn’t seem to work.

9

Like mentioned above it uses a WireframeHandleAdornment, which doesn’t support line thickness.

1 Like
10

Heyo! I’ve been using gizmos for a bit and quite like them, easy to use, powerful, etc. However, there has been one big catch that I haven’t been able to overcome: server instanced gizmos don’t seem to render for the client. As I’m currently making a hitbox system, having a visual for the server side is well more than crucial.
Any work arounds?

11

maybe this could work

12

Been waiting a long time for this, thank you.