I can’t find an example that displays a renderTargetTexture as a 2D element. The closest thing I’ve found is this playground https://www.babylonjs-playground.com/#5RGDQ#13 where someone was creating Canvas2D sprites using renderTargetTextures. However, this stopped working since Canvas2D changed i…

You could use a second rendering group to be sure it is always drawn on top :slight_smile:

:slight_smile: You wish. Me too. I’ve been hinting-at and begging-for GUI renderTargetTextureControl or imageControl.isRenderTargetTexture… for over a year. I think everyone is scared of that. Badly explained: GUI is DOM-ish. DOM has a security sandbox around its IMAGE and imageBuffer, etc… p…

The contexts 2d and 3d are unfortunately not shared so we can not feed a webgltexture into a 2d context image. That said, I bet we can help with to end goal: if it does not refresh often you can save the rendertarget result to image data to feed the gui we can create a layer displaying the rtt un…

I’m creating a mini-map for the top-left corner of the screen. Its using a rendertexture and projecting it onto a plane. I then want to figure out the position of the players by projecting their 3D position from the minimap camera to 2D coordinates. Its too complicated to convert those 2D coords …

Just an idea, could you not replace the player by a emissive red box in the render target texture only so that you do not need any projection. it would just show in the map ?

I did think about that. I could have an emissive red box and use a layermask so it doesn’t show up on the main camera. I’d need it to always be on top though. I’m not sure how to do that. For example, if a player walks into a building I’d still need the red box to show through the building

oh cool! That’s exactly what I need. Thanks for the tip @sebavan

Actually if not real time you can copy the output of a render target to the gui: https://www.babylonjs-playground.com/debug.html#7EPK2H#19 @Wingnut will love this one.

Phew, Bavs… that is WAY out there, techno-wise. WOW! Very cool… but I got a little tumor while studying the code. Still, I bookmarked it so hard that I broke my mouse. :slight_smile: Some kind of odd “stripes” in that PG. Interesting! Thanks! You’re just amazing. Were your grandparents and …

Unfortunately this is real time and will be deadly expensive to share the image accross contexts.

Yeah… thx for verifying that. scene.postProcessManager.directRender([postProcess], internalTexture); BABYLON.Tools.DumpFramebuffer(width, height, engine, (url) => { cb(url); }); That’s where the context-crossing happens… me think…

How to use renderTargetTexture in GUI?

Questions

nasimiasl December 20, 2018, 7:51pm 15

https://www.babylonjs-playground.com/#44TSQ1#9

Topic		Replies	Views
Using render target texture in gui Questions	5	934	December 8, 2021
Is there a way to use RenderTargetTexture as the source of GUI Image? Questions	5	91	July 8, 2024
How to show a RenderTargetTexture on GUI? Questions	24	3933	December 12, 2022
Create Screenshot Using Render Target and GUI Questions gui	19	2884	July 20, 2021
Is it possible to use create a screenshot using render target along with capturing FullscreenUI? Questions	21	2080	September 9, 2019

How to use renderTargetTexture in GUI?

Related topics