How to Click on Transparent Objects?

Welcome to our brand new Clickteam Community Hub! We hope you will enjoy using the new features, which we will be further expanding in the coming months.

A few features including Passport are unavailable initially whilst we monitor stability of the new platform, we hope to bring these online very soon. Small issues will crop up following the import from our old system, including some message formatting, translation accuracy and other things.

Thank you for your patience whilst we've worked on this and we look forward to more exciting community developments soon!

Clickteam.
  • I am trying to click an on Active Object which is a circle with the inside is transparent.

    But it seems like the object is defined by the colored areas only, so clicking anywhere inside the circle does not trigger the event. (eg, a magnifying glass)

    Is it possible to be able to click on the transparent area inside the circle and have it trigger the event?

    (User clicks with left button on "Active1")

  • also you can uncheck "use fine detection" in the object properties,
    if you don't mind it triggering for small areas "outside" the circle (corner edges)

    this will enable "bounding box" collisions,
    returning "true" for any area inside the whole square defined by the objects further edges

    a selection of my Fusion examples can be found Please login to see this link.

  • Alpha Channels is the solution here.

    ...
    A click on an Object ( with 'Fine Detectin' ON ) will be detected when you click any part of the Object where graphic has been applied.
    Example, if you draw 3 small dots as your image for an Active Object, a click will only be detected if you click on any of these three drawn dots.

    More specifically to your case
    #1 You want a circular object
    #2 with a transparent hole in it
    #3 and you want a click on the object to be detected both 'on' the graphical circle but also 'inside' the transparent hole

    ...
    SOLUTION: ALPHA CHANNELS

    "A click on an Object ( with 'Fine Detectin' ON ) will be detected when you click any part of the Object where graphic has been applied."

    You will have to draw the circle, but also apply some graphic to the areas you want to be clickable ( in this case the center of the circle ).
    After this you just apply an Alpha Channel to the image to 'selectively' make areas/ parts of the original image transparent or semi-transparent.
    To create/ edit Alpha Chanel for an image, from the Animation Frame Editor click on the icon to the right of the flip/ crop buttons in the Editor.

    Alpha Channels can be tricky to work with at first, but its a very good tool once you get to know it.
    You can apply semitransparent areas to parts of an image, like for windows of a car or a house, or use it for other purposes.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!