Is this possible to do in Roblox Studio?

This is probably a stupid question but I was just wondering, is it possible to add or code Vector Images?

What are Vector Images?

Vector Images are basically just images but they don’t get pixelated and they don’t get blurred when you zoom in.

Anyways, just wondering if its possible.
Thanks.

I think This
Might help

If you have a list of {Vector2, Vector2, Color3} like:

local list = {
{Vector2.new(0,0), Vector2.new(1,1), Color3.mew(0,0,0)}
{Vector2.new(0.5,0), Vector2.new(0.5,1), Color3.mew(255,0,0)}
{Vector2.new(0,0.5), Vector2.new(1,0.5), Color3.mew(0,255,0)}
}

Then “drew” a line with each table, with the line being a frame, you could set the width and height of the frame to pixels, so that when zooming up it still stays constant.

1 Like

Read about the accepted file types here.

Roblox only accepts raster images such as .png, .jpg, and .bmp. In case you didn’t already know, raster refers to images that are compiled using a bitmap; they are composed of scanned pixels.

Vector images such as .svg, .wmf, and .eps are not currently supported. Vector graphics are considered to be “source” images meaning they’re made up of intricate mathematical functions used to create curves and colors. Usually, if not always, they are created using geometric objects in a Cartesian plane.

For more information about vector graphics check out Wikipedia.

So, there is no way to IMPORT vector images into Roblox Studio.

However, you could use frames as @GuySalami suggested. Their implementation is a bit incorrect as one would want to generate primitive points, not lines, but it gets the point across (pun intended). You want to use a table to store information about your image. And then you want to use frames to display the image based on the given information.

You will need to create a library of functions that mathematically describe different primitive shapes. Then you would use that library to modify points in your image. When you save the image, you’ll simply be left with a table of point = {Vector2.new(x,y), Color3.new(R,G,B)} .

Creating vector graphics in Roblox is a tremendous undertaking that requires linear algebra and advanced calculus concepts. If you’re up to the challenge, it will surely be an impressive feat when completed.

Hope this helps! :slight_smile:

4 Likes