Logic Gadgets: Number Displayer

Icon
Name of gadget Number Displayer
Section Movers & Outputs
Number of Tweak pages 8
Author LadylexUK, QuietlyWrong
Last updated 1 April 2020 [v2.07]

Description

This gadget is used to display the number value of another gadget. Like the text display gadgets this produces a display box that can be placed on the screen or within a scene. Because it is dealing with numbers it also has the option to display numbers as a time, or to a certain number of decimal points. It is useful to display a score or a health amount or a collectables count. It is also useful for debugging purposes – attach to a gadget to see what it is outputting.

In most respects, the gadget is like a Text Displayer gadget (being made of the same customisable components: the “text”, the background box, a border and a drop-shadow), but its unique ability to accept an input value and display it make it invaluable in many situations. However note that the Number Displayer lacks the ability to animate the appearance of its contents.

Example Tutorial (adapted from Media Molecule)

  1. Stamp a number displayer
  2. Stamp a timer
  3. Set the timer to count down from 10
  4. Set display format on the number displayer to time
  5. Enable show milliseconds
  6. Connect the current time output on the timer to the number/range on the number displayer.
  7. Use start time to see the countdown displayed.

Tweak Menus

Click on arrows to reveal

Tweak Menu 1: Text Properties
2.07 Number Displayer 1

[image v2.07]

  1. Tweak Menu page 1: Text Properties
  2. Number/Range
  3. Display Format
  4. Decimal Places
    4a. Input
    4b. Output
  5. Milliseconds
    5a. Input
    5b. Output
  6. Text Colour
    6a. Input
    6b. Output
  7. Text Brightness
    7a. Input
    7b. Output
  8. Text Opacity
    8a. Input
    8b. Output
  9. Text Font
    9a. Input
    9b. Output
  10. Power
  1. Menu page indicator
  2. Number/Range
    This is the number that will be displayed. You can set it manually or through the input socket.
  3. Display Format
    • Number
      Displays the (input) number as a number.
    • Time
      Displays the (input) number as a time.
  4. Decimal Places
    Allows you to select a value from 0 to 3 to represent the number of decimal places to display (Number display format [3] only).
  5. Milliseconds
    Toggle this option to choose whether the time display includes the millisecond “split-second” component (Time display format [3] only).
  6. Text Colour
    Choose the colour of the number displayed.
  7. Text Brightness
    Choose the brightness of the number displayed.
  8. Text Opacity
    Choose the opacity of the number displayed.
  9. Text Font
    This slider contains a selection of font styles to choose from.
  10. Power
    This is where you turn the gadget on/off.
Tweak Menu 2: Text Box Properties
2.07 Number Displayer 2[image v2.07]
  1. Tweak Menu Page 2: Text Box Properties
  2. Show Text Box
    2a. Input
    2b. Output
  3. Text Box Colour
    3a. Input
    3b. Output
  4. Tail Shape
    4a. Input
    4b. Output
  5. Text Box Brightness
    5a. Input
    5b. Output
  6. Text Box Opacity
    6a. Input
    6b. Output
  7. Text Box Curviness
    7a. Input
    7b. Output
  8. Circular Curviness
    8a. Input
    8b. Output
  9. Taper
    9a. Input
    9b. Output
  10. Wonkiness
    10a. Input
    10b. Output
  11. Padding
    11a. Input
    11b. Output
  12. Autofit
    12a. Input
    12b. Output
  13. Power
  1. Menu page indicator
  2. Show Text Box
    This toggles whether you can see a background box behind the text or not.
  3. Text Box Colour
    Choose the colour of the text box.
  4. Tail shape
    Choose a tail type (if any) for the text box – such as for a speech bubble, thought bubble, etc. A draggable handle will allow you to choose its target position below the text box.
  5. Text Box Brightness
    Choose the level of brightness of the text box.
  6. Text Box Opacity
    Choose the degree of opacity of the text box, from invisible to completely opaque. The ability to set this to a very low value and create a near-invisible but reflective surface means it’s a popular choice for making windows and still water surfaces.
  7. Text Box Curviness
    Choose how curvy the corners of the text box are, allowing you to make the box an ellipse or a rectangle or anything in between.
  8. Circular Curviness
    Adjust the shape of the curve text box’s corners – has no effect if the Text Box Curviness is set to 0%.
  9. Taper
    Change the shape of the text box such that one side is taller than the other. Note that this does not affect the text itself.
  10. Wonkiness
    Skew the text box from upright to a pronounced slant. Note that this does not affect the text itself.
  11. Padding
    Increasing the value of Padding increases the blank space on all sides of the text.
  12. Autofit
    Toggle this to determine whether the text box will automatically change size to accommodate the text inside it.
  13. Power
    This is where you turn the gadget on/off.
Tweak Menu 3: Texture Properties
2.07 Number Displayer 3

[image v2.07]

  1. Tweak Menu Page 3: Texture Properties
  2. Texture Mode
  3. Texture
    3a. Input
    3b. Output
  4. Texture Strength
    4a. Input
    4b. Output
  5. Texture Scale
    5a. Input
    5b. Output
  6. Fade Amount
    6a. Input
    6b. Output
  7. Painterly Fade
    7a. Input
    7b. Output
  8. Power
  1. Menu page indicator
  2. Texture Mode
    Choose between three texture modes:

    • None
    • Painterly
    • Standard
  3. Texture
    Pick the fleck type to be used to texture the box.
  4. Texture Strength
    Choose how much the texture’s own shape plays a part in the appearance of the box.
  5. Texture Scale
    Choose the size of the flecks being used to provide texture.
  6. Fade Amount
    [Standard mode only] Choose the how close to the centre of the box that the texture begins to fade to transparent.
  7. Painterly Fade
    [Painterly mode only] Increasing this value causes the flecks to fade out further and more erratically from the edges of the text box.
  8. Power
    This is where you turn the gadget on/off.
Tweak Menu 4: Border Properties
2.07 Number Displayer 4

[image v2.07]

  1. Tweak Menu Page 4: Border Properties
  2. Show Border
    2a. Input
    2b. Output
  3. Border Colour
    3a. Input
    3b. Output
  4. Border Brightness
    4a. Input
    4b. Output
  5. Border Opacity
    5a. Input
    5b. Output
  6. Border Width
    6a. Input
    6b. Output
  7. Power
  1. Menu page indicator
  2. Show Border
    This is a toggle on whether you can see a border around the box or not.
  3. Border Colour
    Choose the colour of the border around the box.
  4. Border Brightness
    Choose the brightness of the border around the box.
  5. Border Opacity
    Choose how opaque the text box border is.
  6. Border Width
    Choose the width of the text box border.
  7. Show Shadow
    This is a toggle on whether the text box has a small drop-shadow effect to make it stand out a little from anything behind it.
  8. Shadow Softness
    If the shadow is visible, choose how sharp or blurry its edges are.
  9. Shadow Opacity
    Choose how opaque the text box’s drop-shadow is.
  10. Shadow Angle
    Choose the angle from which the shadow is cast – any angle around the text box is possible.
  11. Power
    This is where you turn the gadget on/off.
Tweak Menu 5: Shadow Properties
2.07 Number Displayer 5

[image v2.07]

  1. Tweak Menu Page 5: Shadow Properties
  2. Show Shadow
    2a. Input
    2b. Output
  3. Shadow Softness
    3a. Input
    3b. Output
  4. Shadow Opacity
    4a. Input
    4b. Output
  5. Shadow Angle
    5a. Input
    5b. Output
  6. Power

Note: this menu tab is not available (not shown) if the Texture Properties are set to Painterly Mode.

  1. Menu page indicator
  2. Show Shadow
    This is a toggle on whether the text box has a small drop-shadow effect to make it stand out a little from anything behind it.
  3. Shadow Softness
    If the shadow is visible, choose how sharp or blurry its edges are.
  4. Shadow Opacity
    Choose how opaque the text box’s drop-shadow is.
  5. Shadow Angle
    Choose the angle from which the shadow is cast – any angle around the text box is possible.
  6. Power
    This is where you turn the gadget on/off.
Tweak Menu 6: Alignment
2.07 Number Displayer 6

[image v2.07]

  1. Tweak Menu Page 6: Alignment
  2. Horizontal Alignment
  3. Vertical Alignment
  4. Horizontal Alignment (Screen)
  5. Vertical Alignment (Screen)
  6. Power
  1. Menu page indicator
  2. Horizontal Alignment
    Choose the horizontal alignment of the number within the confines of the text box (left, centre, right).
  3. Vertical Alignment
    Choose the vertical alignment of the number within the confines of the text box (top, centre, bottom).
  4. Horizontal Alignment (Screen)
    Chooses the horizontal position of the text box itself on the screen (left, centre, right, custom). Select “custom” if you want to move the text box freely to any horizontal position.
  5. Vertical Alignment (Screen)
    Chooses the vertical position of the text box itself on the screen (left, centre, right, custom). Select “custom” if you want to move the text box freely to any vertical position.
  6. Power
    This is where you turn the gadget on/off.
Tweak Menu 7: Settings
2.07 Number Displayer 7

[image v2.07]

  1. Tweak Menu Page 7: Settings
  2. In Scene
    2a. Input
    2b. Output
  3. Face Camera
    3a. Input
    3b. Output
  4. Always on Top
    4a. Input
    4b. Output
  5. Sort Order
    5a. Input
    5b. Output
  6. Allow Rotation
    6a. Input
    6b. Output
  7. Power
  1. Menu page indicator
  2. In Scene
    This is a toggle to place the number display within the scene (as a 3D object) or directly onto the screen, regardless of where the player is (2D). You might use the 3D option for readouts on clocks, for example, while the 2D option is good for status displays, menus, inventory, etc.
  3. Face Camera
    If this is selected (it’s only available if “In Scene” is activated) it will rotate the text box so it is always facing the player.
  4. Always on Top
    If this is selected (it’s only available if “In Scene” is activated) it will draw the text box in front of any other elements in the scene, even if they are closer to you than the number display.
  5. Sort Order
    Use this to determine what order the text box will appear on screen if two or more boxes overlap. The lower the number, the higher the priority.
  6. Allow Rotation
    This is a toggle to determine whether to allow a text box to be rotated, or whether it must always remain upright.
  7. Power
    This is where you turn the gadget on/off.
Tweak Menu 8: Inputs & Outputs
2.07 Number Displayer 8

[image v2.07]

  1. Tweak Menu Page 8: Inputs & Outputs
  2. Number Active
    2b. Output
  3. Power
  1. Menu page indicator
  2. Number Active
    This outputs a signal while the number display is currently displaying something.
  3. Power
    This is where you turn the gadget on/off.

Lex Tips

Useful Tutorials

Version Updates

v1.03: Display format tweaks slightly changed so both decimal places and milliseconds settings are visible regardless of display format.

v2.03: New “painterly” texture effect added, plus options for taper and “wonkiness” of the text box; menu tabs rearranged and added to in order to make room for these additions.

Comments and Feedback

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Blog at WordPress.com.

Up ↑

%d bloggers like this: