So i know Multi canvas is possible as described in the documentations and I’ve been able to get it to work. But what about Picture in Picture. More specifically when clicking on a mesh in my scene I create a camera and the code positions the camera in a perfect spot to allow the mesh to fill the ca…

It seems you only need a second camera to render with a different viewport in the same canvas here ?

Here is the example with 4 cameras at one canvas - https://playground.babylonjs.com/#7CBW04#707

Unfortunate this does not fit my purpose as the secondary canvas is part of a UI window which can be dragged around above the main canvas element, resized, minimized and destroyed. But I think i may have a solution, I was going over the documentation last night and found that you can serialize mesh…

Seems it is possible to change canvas sizes in this setup - Babylon.js - Multi views demo

It looks like it yes. But this following note here. [image] Using Multiple Canvases | Babylon.js Documentation Learn about using multiple canvases at the same time in Babylon.js. Im unable to use this method has I have 2 activeCameras. A main camera and a GUI…

So I sort of have a solution and that is to create a separate engine to run a simple scene. The great thing about my setup is that I can grab a whats called a ObjContainer in my scene which can contain other containers and those containers may just have a transformNode with extended class or may als…

The ability to use multiple cameras in one view sounds like an interesting feature, so here’s a PR: Multi canvas rendering: Allow multiple cameras when registering a view BabylonJS:master ← Popov72:multicanvas-multicameras …

This looks promising. It will mean I can assign my main camera and GUI camera to a single view and then apply a 3rd camera to the second view. Does this take into account the limitation into a scenes active cameras denoted in the following section? [image] Using Multiple Canvases | Babylon…

I will update this section of the doc once the PR is merged, as it will no longer apply: a view can be defined with a single or an array of cameras.

Thank you for the merge. Multi-view works very nicely. Theres a bug I need to try and reproduce in the playground. When initializing the register view for the the pip camera it seems if the cameras maxZ differs greatly from the main cameras maxZ meshes disappear from both views if they are not in …

Multi Canvas Picture in Picture

Questions

Evgeni_Popov November 28, 2023, 10:56am 15

Occlusion queries don’t work for multiple cameras, see my answer here:

Topic		Replies	Views
Multiviews are not working, what am I doing wrong? Questions	2	146	January 24, 2024
Multi-canvas adding a view Questions	5	637	December 12, 2021
Multi Canvas , Multi Camera , One Scene Questions canvas	3	507	April 27, 2023
Two different size canvases issue Questions	3	1024	November 19, 2020
Pip camera in new html div Questions camera	1	61	December 8, 2025

Multi Canvas Picture in Picture

Related topics