Masking more than one color?

[nushio]

Hi there!

I’m fairly new to the WatchFaceStudio. I’ve spent a lot of hours fine-tuning my watchfaces and I’m currently implementing a bitmap font.

The issue I’m having is that I’d like to hide a few elements and provide the capability to turn them on/off based on the user’s preferences (BooleanConfig when?)

I tried using Masking, and it works. It’ll even paint the letter into the many color choices I added, but it will only display the white part of the font, the black is gone (or tinted into the color), and so it looks… Weird/ugly.

Am I doing masking wrong? The mask is just a white image. The text below the Mask is dynamic (Changes with the day/time).

Thanks for your help!

[Boshra]

As per the WFS documentation: Mask : Cover all or part of a group of layers based on the shape outline of the bottom-most layer in the group.
When you use a mask group, the shape of the bottom-most layer determines the visible area of the mask group. The layers above it appear only through the shape outline of the bottom layer.

In easy terms you can see the upper layer content, but only in the shape of the lower layer component. To learn more about masking check this Code Lab: Design a Watch Face using Mask and Moon Phase Tags | Samsung Developer
If possible share a sample project so that the issue can be easily understandable.

[nushio]

Sorry for the delay!

Here’s an example of what I mean:

Here’s the WFS:

mask sample.wfs

[nushio]

Oh my. I just figured it out. I just have the mask backwards.

Here’s how it should be, for those of you who stumble upon this in the future:

mask wright.wfs

[nushio]

Actually…

I think the issue is that we can’t use a bitmap font to mask something else, so I’m back to square one.

[Boshra]

I am sharing steps, can you please check if this helps you:

1. Take an image that you want to show through the bitmap image
2. Take a component and set the bitmap for this
3. Now mask them so that the bitmap component is placed in the lower layer and the image on the top layer

If you face any issues following the steps please create a support request.

[nushio]

That’s actually how I did it initially, but that’s how you end up with the “MASKED” example I showed above.

The issue is that I’d like to color dynamic text (Day of Week), but also show/hide it per the user’s preferences.

Ideally, the BooleanConfiguration would be available on WFS to enable this without having to use masks.

[Knightwing]

[GUIDE] Masking to implement swaping of element

Hi, if anyone wants to toggle on and off elements to do swaping , currently masking is the only way. And also used of the customization editor to merge the elements styles. My example here toggles on and off the analog hands but at same time does the reverse to digital clock = swap. Credit to @rollergold question [style1] [style2] this is my outcome in my example masking basics [mask] put the “mask” meaning for this case the transparent image as the layer on top of the digital clock…

This might help in show and hide

[parisienne17]

WHY is that trying to download the project on the 2nd page of this link asks me to log in then ALWAYS gives me :

Unable to load the requested page

The web page did’n respond in time

※ IAMGCSaeucentral1_1727041690597_99999-1469759118.999

??

[Boshra]

Please try with a different browser or clearing the browser cache data. I just tested it’s working on my end.