Rendering HTML in a Babylon scene?

[exolun]

Hi Folks,

I'm trying to build a Babylon app that will potentially pull in external content, and some of the content would be very easy to present if I were able to put rendered HTML inside of my Babylon scene.

Is it possible to render some HTML in Babylon?  Possibly as a sprite or a texture on a mesh?

[focomoso]

Completely off the top of my head, but you may want to look at rendering html into a canvas and then grabbing that image and applying it as a texture: https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas

 

[Wingnut]

Hi guys!  Hey, I recently mentioned HTML-on-a-plane in another thread.  DJ view! 

Focomoso is precisely right, I think. A picture of a webpage... as a texture... works.  But no browser-like interacting allowed.  What a shame, eh?  *nod*

Quick reminder (and a hearty welcome-to-forum) to exolon... you CAN absolute-position any HTML node atop/over a canvas... but it is not really part of the canvas webGL scene.   A canvas has a "context".  Sometimes 2d, sometimes 3d, but no mixed hybrids, yet. 

Ok, bye again.

[NasimiAsl]

http://www.babylonjs-playground.com/#1BUXYF#19

this is not render this is exact html in iframe maybe help

 

http://www.babylonjs-playground.com/#WADD47#1

http://www.babylonjs-playground.com/#1BUXYF#24 

 

[exolun]

Thanks guys, I'll try a couple of these and let you know how it goes!

@Wingnut - definitely looking to put it inside the scene on a plane.  Hoping to put some rendered elements inside of a VR scene.