Interior Mapping: Fake 3d Interiors with a Flat Image

It looks realy cool! It is a good illousion

2 Likes

No, it uses SurfaceGui’s which sadly don’t wrap around objects

Yup this is possible

Yes and yes, although there’s no good reason to layer them (reason below)

This wouldn’t be the correct use for this. In the image you provided, it would use a parallax where the layers are all moved at different speeds to give the illusion of depth. The illusion would be broken when the camera turns because you’d be able to see the 2d layers. The parallax effect I use scales the image trying to make it actually look 3d using the camera’s angle.

Also, this is really only meant for an image where you can see the walls, ceiling, and floor like this:

image

3 Likes

but… what if… you wanted to? I guess I was going for more of a 2.5D effect. Kinda like 2d Vtuber face rigs? Or like a dynamic visual novel of some sort where the “camera” moves slightly as you move your mouse giving the illusion of a 3d space while still staying 2d.

Wow this is really impressive. I definetly would use this in my game, i have a building with fake windows and they look baaad. This would definetly help.

3 Likes

Devlog P2 - Improved Accuracy, Performance Boost, Easier to Use



Improved Accuracy

Before, when moving the camera to a stronger angle, the rooms would exponentially distort. Now, the images more accurately move based on the camera, which looks more appealing and makes the effect more convincing


Performance Boost

The system now runs ~2x faster (tested with 64 active windows)


Easier Use

Before, you would have to manually set a couple values for the effect to work. Now, you only have to specify where the back wall is and it will automatically choose values for you.


With / Without:

interior mapping toggle gif


Video:


Issues:

Although improved, this is still innacurate. Notice in the video how the position jumps when the camera switches sides. I’ve noticed the stronger you make the effect the less accurate it gets, so theres some optional values to adjust this.

8 Likes

This is absolutely beautiful and I could see it being very useful for large games to bring life without compromising on optimization. If you do ever end up open sourcing this or making it a paid product (preferably paid so you can get compensation for your work) please message me

1 Like

I use a fake interiors parallax, it works with a mesh but it’s pretty bad.

1 Like

Wow, this looks very good! Nice job on this!

1 Like

Amazing job! This is truthly impressive

1 Like

I don’t see a reason why you couldn’t use Texture instead. It would be quite interesting to see it work on differently shaped objects.


Devlog P3 - Completely Reworked

I have completely redone my interior mapping system.



Performance Boost

The system now performs a lot better under stress; it can now easily perform well in a city packed with windows. I haven’t done any precise checks, but it runs buttery smooth with ~800 windows with room for a lot more.


Accurately Fakes 3d Space

I cleaned up ugly math and the windows now accurately fake 3d space (as well as it can given a 2d image to work with)



(Sorry if any of the videos have poor quality, I had to compress them)


You can watch the full video here: (sorry I couldn’t upload it to devforum, file size too large to fully compress): interior mapping system full showcase compressed

Real vs Fake Window

The left room is where the screenshot was taken, the right room is the system trying to make it 3d again.

Mass Use Test:

There’s a total of 809 windows in the place, and 480 windows of that across the 6 buildings in this test (Only could show 3 due to video file size).

Spinning Windows Test:

3 window each spinning on a different axis



Final Thoughts & Future

The next thing I plan on working on is trying to get this to work on Textures instead of SurfaceGui’s as I think it may help with performance. I already have a somewhat working prototype but nothing worth showing yet.

Let me know what you think about this! I originally was not going to open source it until I finished a project I was working on, but I may change my mind because I’m excited to see how people use this in their games. Expect more soon (no promises).

Thanks for reading!

14 Likes

I could totally see myself use this to preview inside building before player could get in I really do appreciate you take mass production in mind too since whatever I do I always worry about performance

1 Like

Do you plan to open source this? I can see my self using this in many situations. Especially buildings that players wont be able to enter. Having windows where you can see actual and pretty convincing 3D rooms in a building rather than a solid colour is really useful.

1 Like

can you show us what one of your cubemaps looks like? are you using the same setup as skyboxes or something more intricate?

1 Like

Yes I do plan to. I was originally going to wait a bit since I’m using this in a game and wanted to wait until the game was finished, but I changed my mind and will release it sooner after I polish it a bit more.


Due to limitations with Roblox, the only way to make a cubemap for this would be to use viewport frames which would look better, but would be a lot worse for performance.

The interiors are actually just an image looking into the room, like this:

But then are deformed based on the cameras angle to look like this:

6 Likes

Hi,

Do you have a .rbxl file to check this out?

Thanks

Hi! I was wondering how this project is coming along, and if you’ve figured out the more performant option you were attempting. I’d love to use this but I’m not sure if it’s still in development?

Side note - I wish Roblox would just add parallax already so we could create these windows.

please open source, i need this in my life

please open source it , i need this stuff

2 Likes

Looks great! Can’t wait to use it ingame!