html elements as billboards?

This topic has 11 replies, 3 voices, and was last updated 7 years, 6 months ago by Yuri Kovelenov.

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?

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:
1. billboard.blend
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 | X

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？

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 | X

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.

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 | X

2018-04-17 at 2:39 am #3666

Pepper KUN
Customer

Thank you, looking forward to the upcoming new vision.

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 | X
Author

Posts