GameMonetize Posted May 30, 2017 Share Posted May 30, 2017 Hey all, I'm really pleased to announce the availability of Babylon.GUI. http://doc.babylonjs.com/overviews/gui In a nutshell, Babylon.GUI is a GUI layer which can be used inside your scene. It is an alternative to DOM or Canvas2D. Please try it and give me any feedback Dad72, Gijs, meteoritool and 14 others 17 Quote Link to comment Share on other sites More sharing options...
none-9999 Posted May 30, 2017 Share Posted May 30, 2017 great, i will try Quote Link to comment Share on other sites More sharing options...
none-9999 Posted May 30, 2017 Share Posted May 30, 2017 button with only a image ? must more easy, not must use text, for internacionalicity of gui (languages) a icon can more expressive... the images/graphics more easy that text (programer art ) Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted May 30, 2017 Author Share Posted May 30, 2017 I will add it Quote Link to comment Share on other sites More sharing options...
jerome Posted May 30, 2017 Share Posted May 30, 2017 Wonderful feature !!! Quote Link to comment Share on other sites More sharing options...
meteoritool Posted May 30, 2017 Share Posted May 30, 2017 Great ! Babylon.js is also now the most popular framework of this forum (number of posts wise) ! Hooray ! ^^ GameMonetize, JackFalcon, jerome and 1 other 4 Quote Link to comment Share on other sites More sharing options...
usoban Posted May 31, 2017 Share Posted May 31, 2017 Wonderful, nice work will try soon Quote Link to comment Share on other sites More sharing options...
JackFalcon Posted May 31, 2017 Share Posted May 31, 2017 thx Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted May 31, 2017 Author Share Posted May 31, 2017 lol thanks..do you want to submit a PR to fix it? JackFalcon 1 Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted May 31, 2017 Author Share Posted May 31, 2017 Actually I was on it so I did it thanks a lot! JackFalcon 1 Quote Link to comment Share on other sites More sharing options...
JackFalcon Posted May 31, 2017 Share Posted May 31, 2017 awesome... Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted May 31, 2017 Author Share Posted May 31, 2017 Thanks JackFalcon 1 Quote Link to comment Share on other sites More sharing options...
Raggar Posted June 1, 2017 Share Posted June 1, 2017 I like it so far. In the future, would it be possible to be able to dynamically scale the elements based on distance from the camera? Or is this functionality already present? If it has a width and height of, let's say, 40px and a distance of 20 units from the camera, I would like to scale it to 0.5, or maybe set the h/w to 20px, when the units increase to 20. And of course everything in between. Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted June 1, 2017 Author Share Posted June 1, 2017 This is not supported out of the box. But you can do it on the beforeRender observable of the scene Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted June 3, 2017 Author Share Posted June 3, 2017 Just added support for sliders: https://www.babylonjs-playground.com/#U9AC0N#1 adam and jerome 2 Quote Link to comment Share on other sites More sharing options...
Dad72 Posted June 4, 2017 Share Posted June 4, 2017 I would like to make suggestions as control: - Select and option - Input fields - Checkbox - Radio Is this feasible controls are? JackFalcon 1 Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted June 4, 2017 Author Share Posted June 4, 2017 Checkbox and radiobutton are already on my list https://github.com/BabylonJS/Babylon.js/issues/2230 Dad72 1 Quote Link to comment Share on other sites More sharing options...
Dad72 Posted June 4, 2017 Share Posted June 4, 2017 I had not seen. It's cool. And for a selector of options and text fields as the textarea in html? I forget the progress bar can be done as a slider bar but without the cursor. Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted June 5, 2017 Author Share Posted June 5, 2017 For now I won't concentrate on input but this will be done in the future Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted June 5, 2017 Author Share Posted June 5, 2017 And now the checkbox: https://www.babylonjs-playground.com/#U9AC0N#3 Documentation: http://doc.babylonjs.com/overviews/gui#checkbox adam, JackFalcon, Dad72 and 2 others 5 Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted June 5, 2017 Share Posted June 5, 2017 Wonderfull Deltakosh thanks Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted June 5, 2017 Share Posted June 5, 2017 how about HTMl i know that is different but we don't have plane for that in BABYLON http://www.babylonjs-playground.com/#1BUXYF#19 [ thanks for @adam ] Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted June 5, 2017 Author Share Posted June 5, 2017 It is not the goal of GUI. What I need with GUI is a tool that can work with WebVR (no DOM so) and that can be proejcted on a texture on any kind of objects like a sphere: http://www.babylonjs-playground.com/#ZI9AK7#6 jerome, JackFalcon and Wingnut 3 Quote Link to comment Share on other sites More sharing options...
GameMonetize Posted June 10, 2017 Author Share Posted June 10, 2017 And now, introducing the RadioButton https://www.babylonjs-playground.com/#U9AC0N#13 Doc: http://doc.babylonjs.com/overviews/gui#radiobutton inteja, jerome and Dad72 3 Quote Link to comment Share on other sites More sharing options...
inteja Posted June 10, 2017 Share Posted June 10, 2017 Great work on the GUI so far @Deltakosh! I have a small enhancement request. Would it be possible with radios and checkboxes to make the corresponding label also clickable, same as it is in HTML when <input> is wrapped with <label> or <label> uses "for" attribute? This would provide a larger hit target for radios and checkboxes, which is especially important in a VR environment. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.