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” to “Group_Bitmaps”

• Change the Layout Type of Custom_Gauge from Overlay to None

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

drawing-7-1676524742.pngdrawing-5-1731056862.png

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

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

drawing-5-1688130049.pngdrawing-5-1731057133.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 moveSelect the "NeedleEffectImage" in the scene tree toand bedrag&drop placedit above the "NeedleImage" so it gets rendered before it. Also place the "ForegroundImage" on the bottom so it gets rendered last

drawing-7-1676524803.pngdrawing-5-1731057465.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 this, the needle effect will be rotated together with the needle.

drawing-7-1676524842.pngdrawing-5-1731057628.png

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

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

drawing-7-1676524875.pngdrawing-5-1731057823.png

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

drawing-7-1676524897.pngdrawing-5-1731057933.png