We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Ok, I Agree

Multiple Cameras / Split View / Picture in Picture – Quick Tip Tutorial

Home › Forums › Tutorials › Multiple Cameras / Split View / Picture in Picture – Quick Tip Tutorial

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • 2024-10-24 at 5:42 am #78065
    xeon
    Customer

    Every now and then I run into a forum thread on the subject of multiple views, picture in picture or split view. Luckily for all of us Verge3D has a solution.

    Check out the QuickTip Tutorial here:
    https://www.xeons3dlab.com/post/multicamera-picture-in-picture-using-verge3d

    If there is significant interest I will do a deeper dive tutorial into the details. Project file available as well.

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

    2024-10-24 at 6:48 am #78067
    Yuri Kovelenov
    Staff

    Thanks! :good:

    Chief 3D Verger | LinkedIn | Twitter

    2024-10-24 at 8:22 am #78069
    kdv
    Participant

    Good job :good: But this is not a multi-camera app. It’s just two independent apps running at the same time in two separate iframes. You’ll have to add some additional logic to synchronize, for example, moving objects and see them moving in both views…

    Puzzles and JS coding. Fast and expensive.

    If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of the meaning at all.

    2024-10-24 at 2:36 pm #78083
    David Duperron
    Customer

    Same remark as kdv.
    I just came across another way to get several camera views simultaneously here:

    This would be absolutely great to have in Verge3D!
    Anyone would know how to integrate this in a Verge3D app?

    Another way would be to use a camera array, as in the following example:

    Cheers

    David

    2024-10-24 at 3:15 pm #78084
    xeon
    Customer

    In the video there are two sections…one showing this using two different GLTFS and the second part showing this using one GLTF. You can control one view with the other including cameras, hiding objects, animating objects. The logic for synchronization is all up to the requirements of the project. In the second part of the video I show how you can have this synchronization between the two windows with the single GLTF. Perhaps I did a poor job on this QuickTip and the concept did not come across. I will have to consider a more detailed approach in the future.

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

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.