html elements as billboards?

Home Forums General Questions html elements as billboards?

This topic contains 11 replies, has 3 voices, and was last updated by Yuri Kovelenov Yuri Kovelenov 5 months ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #3625
    Pepper KUN
    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:

    • This topic was modified 5 months ago by Pepper KUN Pepper KUN.
    Attachments:
    You must be logged in to view attached files.

    Noob on blender and any other things.

    #3628

    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.

    #3631
    Pepper KUN
    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.

    #3632

    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.

    Founder & CEO at Soft8Soft
    LinkedIn | FB | Twitter | VK | 新浪微博

    #3635
    Pepper KUN
    Pepper KUN
    Customer

    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.

    #3636
    Pepper KUN
    Pepper KUN
    Customer

    here is what I saw.

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

    Noob on blender and any other things.

    #3638

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

    Founder & CEO at Soft8Soft
    LinkedIn | FB | Twitter | VK | 新浪微博

    #3642
    Pepper KUN
    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. :)

    • This reply was modified 5 months ago by Pepper KUN Pepper KUN.
    Attachments:
    You must be logged in to view attached files.

    Noob on blender and any other things.

    #3648
    Pepper KUN
    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.

    #3650

    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!

    Founder & CEO at Soft8Soft
    LinkedIn | FB | Twitter | VK | 新浪微博

    #3666
    Pepper KUN
    Pepper KUN
    Customer

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

    Noob on blender and any other things.

    #3681

    Hi,

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

    Preview of the bind HTML element puzzle

    Founder & CEO at Soft8Soft
    LinkedIn | FB | Twitter | VK | 新浪微博

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.