Framebuffer issue?

This topic has 5 replies, 2 voices, and was last updated 3 years, 1 month ago by xeon.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
2021-10-14 at 2:18 pm #46168

poly3d
Participant

Hi,

I’m trying to animate the environment HDRI to turn on when an intro animation is played, on pc everything is ok but on mobile looks like it’s dropping fps, I’m not sure but looks like a framebuffer issue as I noticed that the .cubeUv counts more iterations while the animate parameter is running, is there a way to clear the framebuffer or a different way to do this?

Attachments:
You must be logged in to view attached files.

2021-10-14 at 5:22 pm #46179

xeon
Customer

The method you are using is very processor heavy and with browser only having a single thread, low end processing systems like a mobile phone will have a very hard time doing this.

There might be a different way to achieve the same thing you are trying to do but I am not sure what that is.

One possible solution would be to put the video in one scene. Light it and have the environment you want….when the scene is done, load in the next scene. Given your situation this may or may not be practical.

Could you describe the effect and goal?

Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com

2021-10-14 at 6:32 pm #46183

poly3d
Participant

I basically have an intro animation from blender where lights turn on and reveal a device, similar to this example but a bit slower https://renaultespace.littleworkshop.fr
I can’t do that with only light as I need the reflations on the device.

what your suggesting is interesting but won’t that create a seam or a visual difference when switching from the video to the scene?

2021-10-14 at 7:18 pm #46184

xeon
Customer

It’s a nice demo but I don’t believe they are animating the environment map.

Looking at the scene the car seems to be inside a tube and is being lit by a light source perhaps a large area light and the tube itself is swapping textures.

The light switch in the lower right corner gives us an idea of how they might be doing it.

For the intro…where the car is stationarily pointed at the camera, it seems to be the same environment with an added texture of fog plane behind the car and the area light turned off.

Doing it this way you could control the lights and the speed of the fade via puzzles to achieve this look.

Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com

2021-10-14 at 9:10 pm #46194

poly3d
Participant

The thing is I need HDRI reflections on this device and the only way is the cube map.
Doing what they did is not difficult my setup is working with animated lights and so on it’s just the first time I’m facing this problem as I never animated the cube map,
everything else is working fine it’s just those 40 frames at the intro where the fps drops a bit that’s bugging me

My client did not even say anything about this I was just hoping there is a way in real-time to do this…

Anyways thank you I appreciate your help.

2021-10-14 at 10:13 pm #46195

xeon
Customer

Well, hopefully someone else on this forum has some answers for you.
Since the example demo was created in Three.js you might be able to do some custom coding to complete the effect using verge.

If I had to do what you are showing I would just control it via materials and lights. You could easily swap materials for the car, the background, etc…. then when you turn the lights on switch them all back over, but if you have to do it via the environment map. I dont have a solution that would work well on mobile devices.

Hope someone here can help. I will be watching this thread.

Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com
Author

Posts