text: [{"Owner":"i_tejas19","Date":"2018-12-05T05:53:46Z","Content":"_lt_div class_eq__qt_mages_qt__gt_\n\t\t\t\n_lt_p_gt_\n\tI have created an 3D model of a HPC cluster rack using Blender and I have successfully loaded that moel in Babylon.js with animations. All is working fine.\n_lt_/p_gt_\n\n_lt_p_gt_\n\tBut I want to have a mouse hover effect on my model which will pop out the text/label of particular mesh.\n_lt_/p_gt_\n\n_lt_p_gt_\n\tHow I can achieve it_co_ please give me some idea..!!\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":"Wingnut","Date":"2018-12-05T11:21:52Z","Content":"_lt_div class_eq__qt_mages_qt__gt_\n\t\t\t\n_lt_p_gt_\n\tHi _lt_a contenteditable_eq__qt_false_qt_ data-ipshover_eq__qt__qt_ data-ipshover-target_eq__qt_http_dd_//www.html5gamedevs.com/profile/33649-i_tejas19/?do_eq_hovercard_qt_ data-mentionid_eq__qt_33649_qt_ href_eq__qt_http_dd_//www.html5gamedevs.com/profile/33649-i_tejas19/_qt_ rel_eq__qt__qt__gt_@i_tejas19_lt_/a_gt__co_ welcome to the forum.  Congrats on successful BJS scene/animations!\n_lt_/p_gt_\n\n_lt_p_gt_\n\tPop-up mouse-over labels_co_ eh?  Here_co_ check this out...\n_lt_/p_gt_\n\n_lt_p_gt_\n\t_lt_a href_eq__qt_https_dd_//www.babylonjs-playground.com/#XCPP9Y%23447_qt_ rel_eq__qt_external nofollow_qt__gt_https_dd_//www.babylonjs-playground.com/#XCPP9Y#447_lt_/a_gt_\n_lt_/p_gt_\n\n_lt_p_gt_\n\tThat playground teaches _lt_strong_gt__lt_a href_eq__qt_https_dd_//doc.babylonjs.com/how_to/gui_qt_ rel_eq__qt_external nofollow_qt__gt_BabylonJS GUI_lt_/a_gt__lt_/strong_gt_ labels... AND _lt_strong_gt__lt_a href_eq__qt_https_dd_//doc.babylonjs.com/how_to/how_to_use_actions_qt_ rel_eq__qt_external nofollow_qt__gt_BJS ActionManager_lt_/a_gt__lt_/strong_gt_ onPointerOverTrigger.  Keep in mind that an entire PANEL of information... can pop-up_co_ with clickable stuff on that panel.  WOW!\n_lt_/p_gt_\n\n_lt_p_gt_\n\tI found that playground... using a _lt_strong_gt__lt_a href_eq__qt_https_dd_//doc.babylonjs.com/playground/?code_eq_onPointerOverTrigger+advancedTexture_qt_ rel_eq__qt_external nofollow_qt__gt_playground search_lt_/a_gt__lt_/strong_gt_.  I happen to know that MOST GUI demos have the term _qt_advancedTexture_qt_ in them... from experience.  I often re-name my GUI demo vars to _t_adt_t_ - short for advancedDynamicTexture.  AdvancedDynamicTexture is a basis for BabylonJS GUI _qt_stuff_qt_... sort of like a sheet of glass that can be put atop a mesh_co_ or across entire screen.  Then we paint GUI _qt_controls_qt_ onto that glass.\n_lt_/p_gt_\n\n_lt_p_gt_\n\tThat playground will get you started.  Both BJS GUI and BJS ActionManagers... are very powerful and versatile.  Take the time to read/experiment. _lt_span_gt_ _lt_/span_gt_Look at the demos/playgrounds in the docs... they inspire more ideas.  Soon you will be expert.\n_lt_/p_gt_\n\n_lt_p_gt_\n\tAsk more_co_ if needed.  Make a playground to show us stuff_co_ if you wish.  We_t_ll be here. \n_lt_/p_gt_\n\n_lt_p_gt_\n\tIf solved_co_ mark this thread solved_co_ please.\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":"aWeirdo","Date":"2018-12-05T21:57:06Z","Content":"_lt_div class_eq__qt_mages_qt__gt_\n\t\t\t\n_lt_p_gt_\n\tHere_t_s the same one Wingnut posted_co_ but re-using the same rectangle &amp_sm_ textblock _lt_span_gt__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_br /_gt_\n\t_lt_a href_eq__qt_https_dd_//www.babylonjs-playground.com/#XCPP9Y%23748_qt_ rel_eq__qt_external nofollow_qt__gt_https_dd_//www.babylonjs-playground.com/#XCPP9Y#748_lt_/a_gt__lt_/span_gt__lt_/span_gt_\n_lt_/p_gt_\n\n_lt_p_gt_\n\t_lt_br /_gt_\n\t_lt_em_gt_-- Edit --_lt_/em_gt__lt_br /_gt_\n\tAnother one with a few more optimations_co_ generic displayRect1 function_co_ using the mesh_t_s name or id as text source as example and re-using babylon actions aswell. _lt_br /_gt_\n\t_lt_a href_eq__qt_https_dd_//www.babylonjs-playground.com/#XCPP9Y%23750_qt_ rel_eq__qt_external nofollow_qt__gt_https_dd_//www.babylonjs-playground.com/#XCPP9Y#750_lt_/a_gt_\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":"i_tejas19","Date":"2018-12-06T13:08:43Z","Content":"_lt_div class_eq__qt_mages_qt__gt_\n\t\t\t\n_lt_p_gt_\n\t _lt_a contenteditable_eq__qt_false_qt_ data-ipshover_eq__qt__qt_ data-ipshover-target_eq__qt_http_dd_//www.html5gamedevs.com/profile/5733-wingnut/?do_eq_hovercard_qt_ data-mentionid_eq__qt_5733_qt_ href_eq__qt_http_dd_//www.html5gamedevs.com/profile/5733-wingnut/_qt_ rel_eq__qt__qt__gt_@Wingnut_lt_/a_gt_  You have suggested me in very right way._lt_span class_eq__qt_ipsEmoji_qt__gt_👍_lt_/span_gt_ Thaks for that!_lt_span class_eq__qt_ipsEmoji_qt__gt_😊_lt_/span_gt_\n_lt_/p_gt_\n\n_lt_p_gt_\n\tI have already tried this_co_ but with the Babylon Meshes.\n_lt_/p_gt_\n\n_lt_p_gt_\n\tThe problem is I have loaded my mesh from blender so_lt_u_gt__lt_em_gt_ _lt_/em_gt__lt_/u_gt__lt_strong_gt__lt_em_gt_How can I edit blender model and add _lt_u_gt_ActionManager_lt_/u_gt_ to the meshes in that model?_lt_/em_gt__lt_/strong_gt_\n_lt_/p_gt_\n\n_lt_p_gt_\n\tYou can take a look at my 3D model below...and help with this.\n_lt_/p_gt_\n\n_lt_p_gt__lt_a class_eq__qt_ipsAttachLink_qt_ href_eq__qt_//www.html5gamedevs.com/applications/core/interface/file/attachment.php?id_eq_21371_qt__gt_rack_cluster.blend_lt_/a_gt__lt_/p_gt_\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":"i_tejas19","Date":"2018-12-06T13:12:48Z","Content":"_lt_div class_eq__qt_mages_qt__gt_\n\t\t\t\n_lt_p_gt_\n\t_lt_span_gt__lt_a contenteditable_eq__qt_false_qt_ data-ipshover_eq__qt__qt_ data-ipshover-target_eq__qt_http_dd_//www.html5gamedevs.com/profile/17943-aweirdo/?do_eq_hovercard_qt_ data-mentionid_eq__qt_17943_qt_ href_eq__qt_http_dd_//www.html5gamedevs.com/profile/17943-aweirdo/_qt_ rel_eq__qt__qt__gt_@aWeirdo_lt_/a_gt_ thanks for optimized code..!_lt_span class_eq__qt_ipsEmoji_qt__gt_😊_lt_/span_gt__lt_/span_gt_\n_lt_/p_gt_\n\n_lt_p_gt_\n\t_lt_span_gt_But please see the above post and provide me the solution if you can.._lt_/span_gt_\n_lt_/p_gt_\n\n_lt_p_gt_\n\t_lt_span_gt_Thank you!_lt_/span_gt_\n_lt_/p_gt_\n\n_lt_p_gt_\n\tAnd yours _lt_a href_eq__qt_http_dd_//battleplanes.io/_qt_ rel_eq__qt_external nofollow_qt_ style_eq__qt_background-color_dd_#ffffff_sm_color_dd_#3d6594_sm_font-size_dd_13px_sm__qt__gt_Battleplanes.io_lt_/a_gt_ is it developed in Babylon.js or what??? Really nice work_lt_span class_eq__qt_ipsEmoji_qt__gt_👍_lt_/span_gt_\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":"aWeirdo","Date":"2018-12-07T11:54:38Z","Content":"_lt_div class_eq__qt_mages_qt__gt_\n\t\t\t\n_lt_p_gt_\n\tHi again_co_ _lt_a contenteditable_eq__qt_false_qt_ data-ipshover_eq__qt__qt_ data-ipshover-target_eq__qt_http_dd_//www.html5gamedevs.com/profile/33649-i_tejas19/?do_eq_hovercard_qt_ data-mentionid_eq__qt_33649_qt_ href_eq__qt_http_dd_//www.html5gamedevs.com/profile/33649-i_tejas19/_qt_ rel_eq__qt__qt__gt_@i_tejas19_lt_/a_gt__lt_br /_gt_\n\tAfraid I don_t_t use blender_co_ ( do you have a .babylon file ? )_co_ but I suggest adding it after import _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_br /_gt_\n\t_lt_br /_gt_\n\tHere_t_s an example_dd_ _lt_/span_gt_\n_lt_/p_gt_\n\n_lt_p_gt_\n\t_lt_a href_eq__qt_https_dd_//www.babylonjs-playground.com/#XCPP9Y%23751_qt_ rel_eq__qt_external nofollow_qt__gt_https_dd_//www.babylonjs-playground.com/#XCPP9Y#751_lt_/a_gt_\n_lt_/p_gt_\n\n_lt_p_gt_\n\tSide-note_co_ this one only uses a single ActionManager _lt_img alt_eq__qt__sm_)_qt_ data-emoticon_eq__qt__qt_ height_eq__qt_20_qt_ src_eq__qt_http_dd_//www.html5gamedevs.com/uploads/emoticons/default_wink.png_qt_ srcset_eq__qt_http_dd_//www.html5gamedevs.com/uploads/emoticons/wink@2x.png 2x_qt_ title_eq__qt__sm_)_qt_ width_eq__qt_20_qt_ /_gt_ _lt_br /_gt_\n\tShort snippet_dd_ \n_lt_/p_gt_\n\n_lt_pre_gt_\n_lt_code_gt_var labelActionManager _eq_ new BABYLON.ActionManager(scene)_sm_\n    labelActionManager.registerAction( pointerOverAction)_sm_\n    labelActionManager.registerAction( pointerOutAction)_sm_\n\nfunction addLabelToMesh(mesh) {\n    if(mesh.name){ // Do some check if we should add label to this mesh..\n        mesh.actionManager _eq_ labelActionManager_sm_\n    }\n}\n\n// Meshes\nBABYLON.SceneLoader.ImportMesh(_qt_Rabbit_qt__co_ _qt_/scenes/_qt__co_ _qt_Rabbit.babylon_qt__co_ scene_co_ function (newMeshes_co_ particleSystems_co_ skeletons) {\n    // Rabbit.babylon only contains a single mesh.\n    // Simulate the file has multiple meshes_co_ scale &amp_sm_ position them.\n    newMeshes[1].scaling _eq_ new BABYLON.Vector3(0.1_co_ 0.1_co_ 0.1)_sm_\n    newMeshes[1].name _eq_ null_sm_ // Don_t_t add label for rabbit 1_co_ purely for demostration.\n    var meshes _eq_ []_sm_\n        meshes[0] _eq_ newMeshes[1]_sm_\n        meshes.push(meshes[0].clone(_qt_rabbit 2_qt_)_co_ meshes[0].clone(_qt_rabbit 3_qt_))\n    meshes[1].position _eq_ new BABYLON.Vector3(-5_co_ 0_co_ -2)_sm_\n    meshes[2].position _eq_ new BABYLON.Vector3(5_co_ 0_co_ -2)_sm_\n\n    // (Attempt to) Add label for each mesh in _t_meshes_t_.\n    meshes.forEach( addLabelToMesh)_sm_\n})_sm__lt_/code_gt__lt_/pre_gt_\n\n_lt_p_gt_\n\t_lt_br /_gt_\n\t_lt_em_gt_Off-topic_dd__lt_/em_gt__lt_br /_gt_\n\tThanks!_lt_br /_gt_\n\tYes_co_ Battleplanes is purely made with babylonJs_co_ _lt_br /_gt_\n\tIt_t_s just a small side-project i work on once in a while_co_ still far far from finished _lt_span_gt__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_/span_gt_\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":"i_tejas19","Date":"2018-12-10T11:10:24Z","Content":"_lt_div class_eq__qt_mages_qt__gt_\n\t\t\t\n_lt_p_gt_\n\t_lt_a contenteditable_eq__qt_false_qt_ data-ipshover_eq__qt__qt_ data-ipshover-target_eq__qt_http_dd_//www.html5gamedevs.com/profile/17943-aweirdo/?do_eq_hovercard_qt_ data-mentionid_eq__qt_17943_qt_ href_eq__qt_http_dd_//www.html5gamedevs.com/profile/17943-aweirdo/_qt_ rel_eq__qt__qt__gt_@aWeirdo_lt_/a_gt_ This was very helpful..Yes I have .babylon file via Blender.\n_lt_/p_gt_\n\n_lt_p_gt_\n\tWhich tool  you use to create models?_co__lt_span class_eq__qt_ipsEmoji_qt__gt_🤔_lt_/span_gt_\n_lt_/p_gt_\n\n_lt_p_gt_\n\tThanks!\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_"}]