I am trying to make a HUD that displays constantly changing data (distance to enemy, etc.). I was thinking that using a GUI.Image. In order to do that, I would need to have access to the canvas element where I could update the canvas by hand and then call an .update() like you do with a dynamicTex…

This forum post seems to indicate that it is possible, but the syntax is not included. [image] DynamicTexture to GUI.Image without toUrl? Questions Is there anyway to avoid converting a dynamic texture toDataUrl to get the content to a GUI.Image? Right now I have a prett…

[clancy] Deltakosh said: well, DynamicTexture internally uses a canvas, so you can set this canvas as the source of your image (or at least directly copy it onto the GUI element) So I am trying to figure out how to set a GUI.Image source as a DynamicTexture (canvas) but I am getting an error. …

So I have made some progress. Feels like a hack. Babylon.js Playground Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

@Pryme8 was the original poster on that topic, so maybe we can ask them how they did it? :smiley:

First thing is to review how a GUI element draws itself. BabylonJS/Babylon.js/blob/master/gui/src/2D/controls/rectangle.ts import { Container } from "./container"; import { Measure } from "../measure"; import { RegisterClass } from 'babylonjs/Misc/typeStore'; import { serialize } from …

Ok. I can make that work. Thank you so much. Babylon.js Playground Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

[image] Pryme8: @anyone paying attention, can we get a setDirty method? We already have a public _markAsDirty method (marked hidden on the docs), @Deltakosh @sebavan any objections on making it visible on docs?

Hey, _markAsDirty() works! Thanks Carol. Babylon.js Playground Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

Love how you where paying attention. :heart:

Making a HUD using advancedTexture on GUI image

Questions

trueshot January 8, 2022, 11:32am 2

This forum post seems to indicate that it is possible, but the syntax is not included.

Topic		Replies	Views
DynamicTexture to GUI.Image without toUrl? Questions	6	512	May 2, 2021
Use of DynamicTexture from an HTML5 canvas or image Questions material	6	2234	June 29, 2021
Is it possible to use canvas as GUI？ Questions	5	785	May 25, 2022
What should I choose? Questions gui	5	70	August 9, 2024
Draw Texture object on DynamicTexture Questions	4	848	April 28, 2020

Making a HUD using advancedTexture on GUI image

Related topics