Match camera exactly to viewport

This topic has 8 replies, 3 voices, and was last updated 6 years ago by Yuri Kovelenov.

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

Author

Posts
2020-09-15 at 4:48 pm #32902

web
Customer

Is it possible to set a fixed aspect in order to match a rendered image 100% for webgl?

I’m trying to overlay webgl with some rendered image and would need to get exactly the same camera/aspect as for the rendering.

2020-09-15 at 8:52 pm #32904

GLiFTeK
Customer

You can get the image dimensions then update the dimensions of your v3d-container to it with the get/set attribute html puzzles

Visit the GLIFTEK Verge3D Plugins Store!

GLIFTEK.com for Plugin Documentation & LIVE DEMOS!

LIKE The GLIFTEK Facebook Page for updates!

Join the Verge 3D Discord Server!
plz share Discord link & on your signature!

2020-09-16 at 7:05 am #32911

web
Customer

I’ve already placed the v3d-container inside of a div with the correct aspect.
But the camera itself isnt placed as it should be

2020-09-16 at 7:48 am #32913

Yuri Kovelenov
Staff

Hi,

web wrote:

But the camera itself isnt placed as it should be

you can possibly render the image with Verge3D. You can improve the quality by specifying higher resolution factor and enabling anti-aliasing.

Chief 3D Verger | LinkedIn | X

2020-09-16 at 8:11 am #32916

web
Customer

What exactly do you mean with render with verge3d?

I’m trying a hybrid version of pre-rendered images and overlaying webgl content. Because a pure webgl version is to overkill. We got threes, humans, cars, grass, approx. 30-40mio polys so no way to show that in webgl.

2020-09-16 at 12:25 pm #32935

Yuri Kovelenov
Staff

Got it. Can you provide some screenshot or may be a link to your app to show off the issue?

Chief 3D Verger | LinkedIn | X

2020-09-17 at 10:45 am #32970

GLiFTeK
Customer

You could make a camera animation frame in your 3d package of the proper camera dimensions, then go to that frame when the dimensions of the image match it..
Just trying ideas

Visit the GLIFTEK Verge3D Plugins Store!

GLIFTEK.com for Plugin Documentation & LIVE DEMOS!

LIKE The GLIFTEK Facebook Page for updates!

Join the Verge 3D Discord Server!
plz share Discord link & on your signature!

2020-10-05 at 10:06 am #33817

web
Customer

Could get it working. You just have to make sure that the render aspect in 3dsMax equals the rendered image aspect. Because verge takes the set aspect into account for webGL.

2020-10-05 at 11:38 am #33821

Yuri Kovelenov
Staff

Chief 3D Verger | LinkedIn | X
Author

Posts