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.

trigger the Annotation Fade on custom div’s

Home Forums Programming trigger the Annotation Fade on custom div’s

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #81600
    huib
    Customer

    Hello!
    We use Webflow to build our interfaces around Verge3d.
    We design our custom annotation clickpoints and windows which works well using the Bind Puzzle features.
    What we however are missing is the fade functionality (when annotations get behind geometry) the native annotations inherit.
    I wrongly assume that adding the “v3d-annotation” classname to any div would give them this fade function.

    TLDR: Is it possible to add the fade functionality to our custom build annotation’s?

    #81603

    Hi,
    You can use raycast puzzle to cast rays from the camera to the annotated object. If there are no intersections occur, your custom annotation would be fully opaque. If there is some, the annotation would be faded.

    Soft8Soft Tech Chief
    X | FB | LinkedIn

    #82032
    huib
    Customer

    Hey thanks for that idea, I could see that working but we sadly lack the knowledge to implement this with the puzzles. Could you give us a few more pointers how to set this up.
    A few of us at the office really tried but we are not having much luck!
    Thank you!

    #82038

    Here it is:

    The tricky part is to raycast not from the camera to the object but from the object to the camera (so the direction should be negated). Also pay attention that in this example we cast rays for all objects located on the scene (hence the “Scene” input). If there is a possibility that some objects will be located behind the camera, you should restrict the allowed raycast set by a group or a list of objects.

    Soft8Soft Tech Chief
    X | FB | LinkedIn

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