We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Ok, I Agree

html elements as billboards?

Home › Forums › General Questions › html elements as billboards?

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • 2018-04-16 at 2:45 am #3625
    Pepper KUN
    Customer

    Is there any way to display html elements on 3d object? I know there is similar feature on B4W. And I also know there are some plugins base on three.js which makes web page display on 3d object possible. But there are plenty of billboards in my project. These elements which behind the 3d object should be blur or transparent. Is it possible to do that? :unsure:

    Noob on blender and any other things.

    2018-04-16 at 8:34 am #3628
    Mikhail Luzyanin
    Staff
    Pepper KUN wrote:

    Is there any way to display html elements on 3d object? I know there is similar feature on B4W. And I also know there are some plugins base on three.js which makes web page display on 3d object possible. But there are plenty of billboards in my project. These elements which behind the 3d object should be blur or transparent. Is it possible to do that?

    You mean you want to make an HTML menu that will always in fron of camera and follow it or you want to create a simple menu that wiil be near the object and always will rotate in from of the camera? For billboarding use Loacked Track and Track To Constraint on object (-y will look in fron of camera). Heres an example.

    Attachments:
    You must be logged in to view attached files.

    Co-founder and lead graphics specialist at Soft8Soft.

    2018-04-16 at 9:11 am #3631
    Pepper KUN
    Customer

    yes, the example you attached is exactly what I mean. But how to get the html elements display on it. Or is that possible for the billboard to output the its position data of browser? So I can use it as the CSS attribute of the html element. :)

    Noob on blender and any other things.

    2018-04-16 at 9:41 am #3632
    Yuri Kovelenov
    Staff

    Hi,

    There is also the annotation puzzle that generates an html element attached to a 3D object. You can try to modify its design using CSS properties.

    Chief 3D Verger | LinkedIn | Twitter

    2018-04-16 at 10:00 am #3635
    Pepper KUN
    Customer
    Yuri Kovelenov wrote:

    Hi,

    There is also the annotation puzzle that generates an html element attached to a 3D object. You can try to modify its design using CSS properties.

    I didn’t see the annotation puzzle on my visual logic page. Do you mean html puzzle or text puzzle？ :scratch:

    Noob on blender and any other things.

    2018-04-16 at 10:02 am #3636
    Pepper KUN
    Customer

    here is what I saw.

    Noob on blender and any other things.

    2018-04-16 at 10:12 am #3638
    Yuri Kovelenov
    Staff

    The annotation puzzle is located under the Objects toolbox category. :)

    Chief 3D Verger | LinkedIn | Twitter

    2018-04-16 at 11:47 am #3642
    Pepper KUN
    Customer

    Thank you. I got the annotation on html, then I open Devtools and check the html of the annotation. But I didn’t see any Id or Class name on these divs. How can I add Id or class for them? It will be nice for me to change these annotations style with custom class name or Id. :)

    Noob on blender and any other things.

    2018-04-16 at 1:21 pm #3648
    Pepper KUN
    Customer

    Is it possible to customize the annotation divs ID or class name? I can’t select them by using puzzle without ID. :scratch:

    Noob on blender and any other things.

    2018-04-16 at 3:32 pm #3650
    Yuri Kovelenov
    Staff

    Currently annotations are generated inside the engine code and are not supplied with any IDs or class names. We’ll think of making it possible to customize annotations, and will probably deliver a solution for the upcoming v3d4blender release. Thank you for the valued feedback!

    Chief 3D Verger | LinkedIn | Twitter

    2018-04-17 at 2:39 am #3666
    Pepper KUN
    Customer

    Thank you, looking forward to the upcoming new vision. :good:

    Noob on blender and any other things.

    2018-04-17 at 10:31 am #3681
    Yuri Kovelenov
    Staff

    Hi,

    here is the preview version, can you please check it out?

    Preview of the bind HTML element puzzle

    Chief 3D Verger | LinkedIn | Twitter

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.