How to create a zoom effect with a button click

Help and Feedback Scripting Support
#1

I wanted it to so that if you click a certain button the camera’s fov would zoom in for a few seconds , a grey background appears and then stop and when the user clicks the “X” mark to close the info tab the camera Fov [Field of view] goes back to normal
image

image
image796×494 35.2 KB

1 Like
#2

You could make use of TweenService for this type of thing, I feel as if you’ll particularly enjoy it.

#3

The best i could do is
robloxapp-20220203-0007578.wmv (458.5 KB)

#4 
local TweenService = game:GetService(‘TweenService’);
local Camera = Workspace.CurrentCamera;

local FOVChange = function()
return TweenService:Create(Camera, TweenInfo, {FOV = 60});
end;


Button.MouseButton1Down:Connect(FOVChange);

Ignore any spelling errors I’m on my phone lol

#5

Fixed the code but still doesnt work

image
image1021×715 143 KB

#6

well looks i fixed the code with a [’ '] but

image
image965×18 7.86 KB

#7

The property is FieldOfView, not FOV.

#8

image
image723×29 7.77 KB

:pray:

#9

You misspelled Field. (You typed Fiedl)

#10

Ok now there is no error [ thanks ] but there is no zooming in effect

#11

Why are you putting another MouseButton event in the same event?

local TweenService = game:GetService("TweenService")
local Camera = workspace.CurrentCamera;
local FOVChange = function()
    script.Parent.Visible = false
    script.Parent.tButton.Visible = false
    script.Parent.Parent.Frame.Visible = true
    return TweenService:Create(Camera, TweenInfo, {"FieldOfView" = 60})
end

script.Parent.MouseButton1Click:Connect(function(FOVChange)

lmk if there are any errors. (dont put the code inside of the event!)

#12

I wanted it so that when the info button was clicked the camera would zoom in

#13

Yes, the code functions like that.

#14 
local Camera = workspace.CurrentCamera
local player = game:GetService("Players")
local Mouse = game:GetService("MouseService")
local TweenService = game:GetService("TweenService")
local FOVChange = function()
    script.Parent.Visible = false
    script.Parent.tButton.Visible = false
    script.Parent.Parent.Frame.Visible = true
    return TweenService:Create(Camera, TweenInfo, {FieldOfView = 60})
end

script.Parent.MouseButton1Click:Connect(function(FOVChange)
#15

You can also directly paste this into your script

#16

so do i put this under the mousebutton function?

#17

You can delete your code and paste this on top and it should work

#18

image
image1236×36 19.4 KB

the end line

#19

Can you send the script you ran?

#20 
--This the script
local Camera = workspace.CurrentCamera
local player = game:GetService("Players")
local Mouse = game:GetService("MouseService")
local TweenService = game:GetService("TweenService")
local FOVChange = function()
	script.Parent.Visible = false
	script.Parent.tButton.Visible = false
	script.Parent.Parent.Frame.Visible = true
	return TweenService:Create(Camera, TweenInfo, {FieldOfView = 60})
end

script.Parent.MouseButton1Click:Connect(function(FOVChange)