GUI That Displays Item is Off-Center

[nicknickphoenix (RoughinIt_Dev)]

Hello everyone, I’m making a crafting recipe dictionary. I am using viewport frames to show the object. However, they are all offcenter:

and very small. Is there a way I can modify my script to make it centered, and bigger, so the player can see it?

for count = 1, length(imageID) do

	local ImageButton = Instance.new("ViewportFrame")
	ImageButton.Parent = frame
	ImageButton.Name = "Slot"..count
	--ImageButton.Image = imageIDTable[count]
	ImageButton.LayoutOrder = count
	local clone = game.ReplicatedStorage[CraftableList[count]]:Clone()
	
	
	clone.Parent = ImageButton
end

[starmaq]

I’d recommend using this

ViewportFrame Model Fitter

Recently I was working on something that required fitting an arbitrary model into an arbitrary viewport frame. I looked around saw this was a pretty common question, so I figured I’d write up a module The above links to a class that can be used in two ways. The first is to calculate a fixed minimum distance that’s guaranteed to contain the model regardless of the camera orientation or viewport size. This is useful as it’s a low-cost one-time calculation assuming you’re not consta…

It contains two methods you can check out. GetFitDistance will return a distance to offset the camera by from the model’s position

local viewportFit = ViewportFit.new(ViewportFrame, currentCamera)

viewportFit:SetModel(model)

currentCamera.CFrame = model:GetPivot() * CFrame.new(0, 0, viewportFit:GetFitDistance(model:GetPivot().Position))