Skip to main content

Advanced Cluster Part 2

We will start modifying the "Custom_Gauge" by double-clicking at it in the solution explorer

In the Scene Tree, rename the “Group”“Group” to “Group_Bitmaps”“Group_Bitmaps”

Change the Layout Type of Custom_Gauge from Overlay to None

Inside of the group, clone the “BackgroundImage”“BackgroundImage” and name it “ForegroundImage”“ForegroundImage”

drawing-7-1676524742.png

Change properties for BackgroundImage: in the behavior ProvideImageProperty", change the picture from “GaugeBmp”“GaugeSpeedBmp” to “Points_Blue_RedBmp”“Points_Blue_RedBmp”

Change properties for ForegroundImage: in the behavior ProvideImageProperty", change the picture from “GaugeBmp”“GaugeSpeedBmp” to Numbers_0-8Bmp”8Bmp”

drawing-7-1676524782.pngdrawing-5-1688130049.png

Clone the "NeedleImage" and name it "NeedleEffectImage"

Change properties for NeedleImage: in the behavior "ProvideImageProperty", change the picture from "GaugeNeedleBmp" to "NeedleBmp"

Change properties for NeedleEffectImage: in the behavior "ProvideImageProperty", change the picture from "GaugeNeedleBmp" to "Needle_LighterBmp"

Press CTRL and move the "NeedleEffectImage" in the scene tree to be placed above the "NeedleImage" so it gets rendered before it. Also place the "ForegroundImage" on the bottom so it gets rendered last

drawing-7-1676524803.png

Click NeedleImage. Rename the existing SetRotation behavior to "SetRotation_Needle"

Click NeedleEffectImage. Rename the existing SetRotation behavior to "SetRotation_Effect". Drag the "SetRotation_Effect" behavior into the top node (Custom_Gauge)

Click Custom_Gauge. Drag the SetRotation_Effect behavior as one of the Receivers of InterpolateValue

Lastly, drag this SetRotation_Effect behavior back to the NeedleEffectImage in the Scene Tree. You will notice that an arrow sign will appear at the right side of SetRotation_Effect. Thanks to thisthis, the needle effect will be rotated together with the needleneedle.

drawing-7-1676524842.png

Go to the “NeedleEffectImage”“NeedleEffectImage” and delete effect "Blend Mode"

At the "NeedleEffectImage" change the settings of effect “BitmapBrushColorBlend”“BitmapBrushColorBlend”:
ColorBlendFactorSrc = DestColor, ColorBlendFactorDst = SourceAlpha

drawing-7-1676524875.png

Go to the “Custom_Gauge”“Custom_Gauge” behavior “MapValue”“MapValue” and set these properties:
OutputMin = -128.5, OutputMax = 128.5

drawing-7-1676524897.png