Hey folks, So I’m trying to implement a floorplan minimap for my scene. I want to be able to use the minimap in a static way in that the minimap “camera” does not follow the user but instead just shows the entire floorplan, always looking straight down with the same orientation, all the time. The o…

I’m learning from @sharp recently. I think his work is very amazing and worth learning. [image] How could I create this 360 panorama transition effect using bablylon.js? Questions Hi, I made this effect in Babylon I will try to explain the process but I should say it’s t…

[image] johntdaly7: However, this method seemed to cut the frame-rate in half and just about doubled the draw calls. I would try: Remove from static camera render everything except user marker and check draw calls, they should be OK. If not - the problem is somewhere else. For minimap use s…

I agree, that looks really good. But I don’t see any mention of his approach regarding the minimap, just the 360 panorama transitions?

@sharp Would you comfortable explaining how you approached the minimap in this? Interface interactive Did you implement this in babylon or HTML? I’m trying to get the user marker to move consistently in the floorplan of my game but I cannot get it to match up/cannot convert from babylon viewport co…

Thank you for the suggestions @labris . Regarding your suggestion to not render anything except user marker, wouldn’t that skip rendering everything else each frame? And what method/attribute of the camera do you recommend using to implement this? I cannot find an appropriate property or method of th…

The method which I’ve mentioned is just simple layerMask - https://playground.babylonjs.com/#0LYEC3#4 [image] What I meant is that for minimap you need to render dynamically only user marker (which is not rendered by the main camera, so the number of draw calls will be actually the same). Then, …

@johntdaly7 yes I implemented it in HTML and use CSS animation to move the marker on the minimap. For example to synchronize the camera orientation to the minimap, with JQuery : scene.onAfterCameraRenderObservable.add(function() { let rotation = scene.activeCamera.rotation.y; $("#mini-…

@johntdaly7 and yes it’s the most performant method by far to implement static minimap :slight_smile:

I am actually totally not sure it is the most performant way. Doing through webgl should definitely be less resource intensive as it prevents any overdraw or skia compostion. the overhead is only one extra draw call against all the 2d rendering + composition happening at the compositor level.

Oh really ?IMO nothing could outperformed a scale and a translate of a 3D points to a 2D space but I trust your experience better than mine :slight_smile:

Most performant method to implement static minimap?

Questions

musk December 2, 2021, 6:33am 2

I’m learning from @sharp recently. I think his work is very amazing and worth learning.

Topic		Replies	Views
Minimap: Stick Cameras and split PointerObserver by Camera Questions camera , pointerevents	9	1086	November 6, 2022
Minimap with functionality Questions	12	1655	June 8, 2021
Viewport position of a minimap on second camera Questions	15	4232	February 20, 2019
One scene, two canvases - intermittent camera controls and frame persistence, partially works Questions	8	2014	July 25, 2020
Is it possible to add an image (eg png) to a Viewport? Questions documentation , tutorial , gui , camera	3	731	December 29, 2021

Most performant method to implement static minimap?

Related topics