text: [{"Owner":"brianzinn","Date":"2018-08-16T05:13:03Z","Content":"_lt_div class_eq__qt_mages_qt__gt_\n\t\t\t\n_lt_p_gt_\n\tI have been trying to get the Button3D (new in 3.3) to work like the 2D button_co_ but it looks like there are effects from Material or Outline.  I have been unable to disable them - maybe it_t_s part of the utility layer?_lt_br /_gt_\n\t_lt_a href_eq__qt_https_dd_//www.babylonjs-playground.com/#7AR2GJ_qt_ rel_eq__qt_external nofollow_qt__gt_https_dd_//www.babylonjs-playground.com/#7AR2GJ_lt_/a_gt_\n_lt_/p_gt_\n\n_lt_p_gt_\n\tI would like a button with the image showing clearly like this 2D one_dd__lt_br /_gt_\n\t_lt_a href_eq__qt_https_dd_//www.babylonjs-playground.com/#7AR2GJ%231_qt_ rel_eq__qt_external nofollow_qt__gt_https_dd_//www.babylonjs-playground.com/#7AR2GJ#1_lt_/a_gt_\n_lt_/p_gt_\n\n_lt_p_gt_\n\tI_t_d also like to hide the red coloring.\n_lt_/p_gt_\n\n\n\t\t\t\n\t\t_lt_/div_gt_\n\n\t\t_lt_div class_eq__qt_ipsI_qt__gt__lt_/div_gt__lt_/div_gt_"},{"Owner":"dbawel","Date":"2018-08-16T06:54:21Z","Content":"_lt_div class_eq__qt_mages_qt__gt_\n\t\t\t\n_lt_p_gt_\n\tWhy not use css_co_ HTML_co_ and vanilla javascript? Then it_t_s simple. I never try do do everything through the WebGL framework. It_t_s all HTML and javascript anyway. Just my opinion.\n_lt_/p_gt_\n\n_lt_p_gt_\n\tDB\n_lt_/p_gt_\n\n\n\t\t\t\n\t\t_lt_/div_gt_\n\n\t\t_lt_div class_eq__qt_ipsI_qt__gt__lt_/div_gt__lt_/div_gt_"},{"Owner":"brianzinn","Date":"2018-08-16T13:56:47Z","Content":"_lt_div class_eq__qt_mages_qt__gt_\n\t\t\t\n_lt_p_gt_\n\tI_t_d love to see the CSS transforms for this _lt_span_gt__lt_img alt_eq__qt__dd_)_qt_ data-emoticon_eq__qt__qt_ height_eq__qt_20_qt_ src_eq__qt_http_dd_//www.html5gamedevs.com/uploads/emoticons/default_smile.png_qt_ srcset_eq__qt_http_dd_//www.html5gamedevs.com/uploads/emoticons/smile@2x.png 2x_qt_ title_eq__qt__dd_)_qt_ width_eq__qt_20_qt_ /_gt__lt_/span_gt__lt_br /_gt_\n\t_lt_a href_eq__qt_https_dd_//www.babylonjs-playground.com/#HB4C01%238_qt_ rel_eq__qt_external nofollow_qt__gt_https_dd_//www.babylonjs-playground.com/#HB4C01#8_lt_/a_gt_\n_lt_/p_gt_\n\n_lt_p_gt_\n\tThe playgrounds are oversimplified to show the minimum code to reproduce_co_ not necessarily what we are trying to build.  I am working on VR experiences_co_ which are only available on the canvas!\n_lt_/p_gt_\n\n\n\t\t\t\n\t\t_lt_/div_gt_\n\n\t\t_lt_div class_eq__qt_ipsI_qt__gt__lt_/div_gt__lt_/div_gt_"},{"Owner":"Sebavan","Date":"2018-08-16T14:20:53Z","Content":"_lt_div class_eq__qt_mages_qt__gt_\n\t\t\t\n_lt_p_gt_\n\tThis comes down from from the fact that Button3d are mush more like meshes subject to lights and using Standard Materials.\n_lt_/p_gt_\n\n_lt_p_gt_\n\tYou can then modify and change the material as it best fit to you_dd_ _lt_a href_eq__qt_https_dd_//www.babylonjs-playground.com/#7AR2GJ%232_qt_ rel_eq__qt_external nofollow_qt__gt_https_dd_//www.babylonjs-playground.com/#7AR2GJ#2_lt_/a_gt_\n_lt_/p_gt_\n\n_lt_p_gt_\n\tYou can also easily overwrite the default behaviors for hover like this_dd_ _lt_a href_eq__qt_https_dd_//www.babylonjs-playground.com/#7AR2GJ%233_qt_ rel_eq__qt_external nofollow_qt__gt_https_dd_//www.babylonjs-playground.com/#7AR2GJ#3_lt_/a_gt_\n_lt_/p_gt_\n\n_lt_p_gt_\n\tAnd finaly you can control the scale ratio of your 2d content like this_dd_ _lt_a href_eq__qt_https_dd_//www.babylonjs-playground.com/#7AR2GJ%234_qt_ rel_eq__qt_external nofollow_qt__gt_https_dd_//www.babylonjs-playground.com/#7AR2GJ#4_lt_/a_gt_\n_lt_/p_gt_\n\n_lt_p_gt_\n\tMy guess is 3d gui is meant to be much more versatile to fit in 3d space hence the lower level of features.\n_lt_/p_gt_\n\n_lt_p_gt_\n\tHope that helps.\n_lt_/p_gt_\n\n_lt_div style_eq__qt_background-color_dd_#fffffe_sm_color_dd_#000000_sm_font-size_dd_14px_sm__qt__gt_\n\t \n_lt_/div_gt_\n\n\n\t\t\t\n\t\t_lt_/div_gt_\n\n\t\t_lt_div class_eq__qt_ipsI_qt__gt__lt_/div_gt__lt_/div_gt_"},{"Owner":"brianzinn","Date":"2018-08-16T14:34:57Z","Content":"_lt_div class_eq__qt_mages_qt__gt_\n\t\t\t\n_lt_p_gt_\n\tThat works perfectly _lt_a contenteditable_eq__qt_false_qt_ data-ipshover_eq__qt__qt_ data-ipshover-target_eq__qt_http_dd_//www.html5gamedevs.com/profile/20193-sebavan/?do_eq_hovercard_qt_ data-mentionid_eq__qt_20193_qt_ href_eq__qt_http_dd_//www.html5gamedevs.com/profile/20193-sebavan/_qt_ rel_eq__qt__qt__gt_@Sebavan_lt_/a_gt_ - I could have sworn that I had tried that already and it had no effect.. doh.\n_lt_/p_gt_\n\n\n\t\t\t\n\t\t_lt_/div_gt_\n\n\t\t_lt_div class_eq__qt_ipsI_qt__gt__lt_/div_gt__lt_/div_gt_"},{"Owner":"dbawel","Date":"2018-08-28T07:20:37Z","Content":"_lt_div class_eq__qt_mages_qt__gt_\n\t\t\t\n_lt_p_gt_\n\tI know this is marked as solved_co_ but a div class is a div class with multiple JavaScript events you can control. However_co_ if you want to completely rely on the WebGL framework_co_ then more power to you...\n_lt_/p_gt_\n\n_lt_p_gt_\n\tDB\n_lt_/p_gt_\n\n\n\t\t\t\n\t\t_lt_/div_gt_\n\n\t\t_lt_div class_eq__qt_ipsI_qt__gt__lt_/div_gt__lt_/div_gt_"}]