Image Panorama Effect (FNaF)

Help and Feedback Scripting Support
#1

I’m currently working on a project and I’m aiming to create a panorama effect in an image, similar to the one found in FNaF (Five Nights at Freddy’s). I’m seeking guidance on how to achieve this effect effectively.

If anyone has insights, tips, or techniques to share on creating a panorama effect, I would greatly appreciate your help.

2 Likes
#2

not sure what you meant by that, i am assuming you’re talking about this: https://www.google.com/imgres?imgurl=https%3A%2F%2Fgraphic-design.com%2Fwp-content%2Fuploads%2Fgraphic-design.com%2FPhotoshop%2Ftutorials%2Fpolar_panoramas%2Fpolar_panorama_final_file.jpg&tbnid=Z170s5htwKfKJM&vet=12ahUKEwjgjber7JOAAxXGADQIHTzYDI8QMygEegUIARDRAQ..i&imgrefurl=https%3A%2F%2Fgraphic-design.com%2F2012%2F12%2F31%2Fphotoshop-create-a-polar-panorama-effect-in-5-minutes%2F&docid=8boXLer6ES0cQM&w=600&h=495&q=panorama%20effect&client=safari&ved=2ahUKEwjgjber7JOAAxXGADQIHTzYDI8QMygEegUIARDRAQ my suggestion is just to set the player’s fove really high

2 Likes
#3

AFAIK 360° viewing angle is not possible in Roblox.

1 Like
#4

Try cranking the fov. Or literally stretching game assets to give the illusion of the effect.

Fnaf has this panorama artifact because its a 2d game with 3d projected spaces.

Example of a render

image
image1759×891 25.3 KB

Scott used perspective scrolling to make it look like the camera was rotating.

This effect isn’t exactly possible in a 3d engine

2 Likes
#5

Aww, that’s alright then. I’ll proceed with completing the game without the effect. Nonetheless, I appreciate your assistance. Thank you!

2 Likes
#6

No problem. Good luck with your game!

2 Likes
#7

I’m not sure if this is what you’re looking for but you can curve the environment around you by fixing an opaque glass sphere in front of the player camera, here’s the script : D

local player = game.Players.LocalPlayer
local camera = workspace.CurrentCamera

local sphere = Instance.new("Part")
sphere.Size = Vector3.new(1.5, 1.5, 1.5)
sphere.Transparency = 0.4
sphere.Color = Color3.fromRGB(192, 192, 192)
sphere.Material = Enum.Material.Glass
sphere.Shape = Enum.PartType.Ball
sphere.Anchored = true
sphere.CanCollide = false
sphere.CastShadow = false

sphere.CFrame = camera.CFrame
sphere.Parent = workspace

game:GetService("RunService").RenderStepped:Connect(function()
	sphere.CFrame = camera.CFrame * CFrame.new(0, 0, -0.9)
	sphere.Transparency = 0.4
end)

	player.CharacterRemoving:Connect(function()
		sphere:Destroy()
	end)

The refractive property of the glass sphere is what is responsible for the curving. Decreasing its size will increase the effect of the refraction, however you will have to offset its position to account for this as the sphere is only meant to be right in front of the camera. FOV change is also something you have to be aware of as whether or not the sphere is able to cover the camera completely depends on that too (My script should work with an FOV of 70).

This is a very very janky method of creating that distortion effect as there are many limitations with the glass material in Roblox: Make glass work with transparent objects

One of the major ones you’ll face is the effect of specular lighting on the sphere itself, it’ll cause this really distracting light ball thingy which I myself haven’t figured out how to get rid of unfortunately
(Here’s a link to a post I made asking for help lol: How to get rid of Specular lighting on Glass Sphere?)

Good luck developing!

4 Likes