Global Liquidity

I'm using InDesign to create a page layout for a presentation and then exporting to HTML and embedding a canvas for Babylon in an iFrame. This is awesome, because I get a live 3D window in my otherwise static presentation. The problem is, the html exporter sets things up so the pages auto-scale to "Best Fit" the current device aspect ratio. This is just what I want, but this scaling breaks the BabylonJS GUI because mouse/touch events no longer line up properly with the buttons. For some reason, this problem only happens on my desktop screens (one landscape 2k and one portrait 1200x1920), but touch works with no problem on my Note 8 and recent iPad. I found this answer on Stack Overflow which involves intercepting and transforming mouse/touch events, but I'm not sure how to apply this concept to the prebuilt GUI framework. Is there a generalized solution to getting Babylon GUI touch to work when the canvas is scaled dynamically?

Is there a Discord or Telegram group or anything like that? It seems like this community is active enough that a real-time chat group would be great.

Hey thanks! Great example. Man, that playground is so cool.

Hey everyone! I'm so excited to be here. I am amazed and delighted with what I have found in this framework and also in the community. I just started a company called Global Liquidity. I've been working on real-time 3D visualization of market microstructure for nearly 20 years. [Video link is c. 2003] Now, I'm working to bring trading to the next billion traders. I intend to make it a 3D game. This is my site after about a week of coding. Tap "Market" on the bottom left to see live market data for the Ethereum/Bitcoin pair on GDAX. http://globalliquidity.io [I'm brand new to babylon.js and even to javascript. I have a deep C++/C#/Unity 3D background and this is a new world. It probably has all sorts of problems on various devices. It works great on my Note 8]

New to this, coming over from Unity. Super impressed so far. In Unity, I've been able to get some really cool lighting using hdr emissive substances and hdr environments. This scene is lit by nothing other than the skydome and the emissive channel of the substances. To get this to work requires : 1. Linear Lighting Mode (not Gamma, in prefs) 2. HDR mode on the camera. 3. Emissive channel pushed to > 1.0 (i.e. the floor lights are probably 3.0 or so) 4. Bloom enabled in the Cinematic Post FX stack. (Or would work similarly with any HDR aware bloom like Amplify Bloom) How can we replicate this here in b.js? Any examples out there?