1. Awaken what lies in the heart of your swarm. The 17th Techtree Contest has arrived!
    Dismiss Notice
  2. The Hive Workshop is launching its first HD modelling contest. How HD should it be?
    Dismiss Notice
  3. Check out the Staff Job Openings thread.
    Dismiss Notice
Dismiss Notice
Hive 3 Remoosed BETA - NOW LIVE. Go check it out at BETA Hive Workshop! Post your feedback in this new forum BETA Feedback.
Dismiss Notice
60,000 passwords have been reset on July 8, 2019. If you cannot login, read this.

Coloured Names

Discussion in 'Trigger (GUI) Editor Tutorials' started by sPy, Dec 27, 2009.

  1. sPy

    sPy

    Joined:
    Apr 10, 2009
    Messages:
    173
    Resources:
    8
    Models:
    6
    Tutorials:
    2
    Resources:
    8
    Coloured Name
    Well, this is a simple tutorial, that will teach you how to make a player name when display in a text will become coloured. This tutorial is simple, but it is good enough to learn something from it.

    Firstly, have you all ever seen a text like this?
    ColouredName1.jpg

    Yes? Well, have you think how to make the name become coloured? Well, I'll teach how to make it in this tutorial. Without it, the text will be just like this:
    NonColouredName.jpg

    Enough of talking now, let's get started. Before that, prepare a string-type array variable, I named it "PlayerName"

    Triggers:
    There is bad way and good way of doing this.

    Good Way:

    I'll show you the good way, it only need 2 triggers and it's MPI.
    First, we need to do the settings first:
    • Players Option
      • Events
        • Map initialization
      • Conditions
      • Actions
        • Set PlayerName[1] = ((|CFFFF0303 + (Name of Player 1 (Red))) + |r)
        • Set PlayerName[2] = ((|CFF0042FF + (Name of Player 2 (Blue))) + |r)
        • Set PlayerName[3] = ((|CFF1BE6D8 + (Name of Player 3 (Teal))) + |r)
        • Set PlayerName[4] = ((|CFF540081 + (Name of Player 4 (Purple))) + |r)
        • Set PlayerName[5] = ((|CFFFFFF01 + (Name of Player 5 (Yellow))) + |r)
        • Set PlayerName[6] = ((|CFFFE8A0E + (Name of Player 6 (Orange))) + |r)
        • Set PlayerName[7] = ((|CFF20C000 + (Name of Player 7 (Green))) + |r)
        • Set PlayerName[8] = ((|CFFE55BB0 + (Name of Player 8 (Pink))) + |r)
        • Set PlayerName[9] = ((|CFF959697 + (Name of Player 9 (Gray))) + |r)
        • Set PlayerName[10] = ((|CFF7EBFF1 + (Name of Player 10 (Light Blue))) + |r)
        • Set PlayerName[11] = ((|CFF106246 + (Name of Player 11 (Dark Green))) + |r)
        • Set PlayerName[12] = ((|CFF4E2A04 + (Name of Player 12 (Brown))) + |r)
        • Set PlayerName[13] = (|cff272727 + (Neutral Hostile + |r))

    You might thinking, what is this? Well, the settings I mean is make your name coloured and store it in string-type array variables! Without variables this totally can't be done. The code you see in the trigger is obviously the codes of basic player colours.

    Since this tutorial is about coloured names, I will show you the codes too:
    Red: |CFFFF0303 |R
    Blue: |CFF0042FF |R
    Teal: |CFF1BE6D8 |R
    Purple: |CFF540081 |R
    Yellow: |CFFFFFF01 |R
    Orange: |CFFFE8A0E |R
    Green: |CFF20C000 |R
    Pink: |CFFE55BB0 |R
    Grey: |CFF959697 |R
    Light Blue: |CFF7EBFF1 |R
    Dark Green: |CFF106246 |R
    Brown: |CFF4E2A04 |R
    Neutral: |CFF272727 |R


    Okay now, the next trigger will occurred when a unit of hero-type dies:
    • Events
      • Unit - A unit Dies
    • Conditions
      • ((Dying unit) is A Hero) Equal to True
    • Actions
    • Game - Display to (All players) for 5.00 seconds the text: (PlayerName[(Player number of (Owner of (Killing unit)))] + ( has just killed + (PlayerName[(Player number of (Owner of (Dying unit)))] + for |cffffcc00250|r gold!!!!)))
    Will you believe me if it's done? Well, you are totally done! Simple? No? Let me explain it, as you can see, the event is "A unit dies" that means this trigger starts when a unit dies. You need to add condition "((Dying unit) is A Hero) Equal to True" to make only when a hero dies only this trigger will start. Now, let's get to the actions. As you can see, the actions is to display message to other players. Well, the variables we stored from starting is used in this trigger. "(PlayerName[(Player number of (Owner of (Killing unit)))] + ( has just killed + (PlayerName[(Player number of (Owner of (Dying unit)))]", you see there is two PlayerName right? Now you know why are we putting array? To make it MPI of course! I put it "player number of owner of dying/killing unit" because it can automatically detect the player number of killing unit or dying unit.

    In the sentence, you can see there is "for |cffffcc00250|r Gold!". That one is optional, simply remove it by replacing "(PlayerName[(Player number of (Owner of (Dying unit)))] + for |cffffcc00250|r gold!!!!)))" into "(PlayerName[(Player number of (Owner of (Dying unit)))] + !!!"

    NOTE: Variables won't automatically put spacebars for you, so you have to set it manually, like using concatenate strings to put spacebar after the variable. I won't show you the bad way because it might confuse your mind and is probably not MPI. Now you are done! Good luck in triggering!
     
    Last edited: Dec 27, 2009
  2. Peter Canvis

    Peter Canvis

    Joined:
    Oct 18, 2009
    Messages:
    144
    Resources:
    0
    Resources:
    0
    Simple yet nice.
     
  3. PlasmaBear

    PlasmaBear

    Joined:
    Dec 19, 2009
    Messages:
    41
    Resources:
    0
    Resources:
    0
    Yeah this can prove useful for those who doesn't know about this.
     
  4. Peter Canvis

    Peter Canvis

    Joined:
    Oct 18, 2009
    Messages:
    144
    Resources:
    0
    Resources:
    0
    Yet can you make the entire sentence coloured?
     
  5. sPy

    sPy

    Joined:
    Apr 10, 2009
    Messages:
    173
    Resources:
    8
    Models:
    6
    Tutorials:
    2
    Resources:
    8
    From the rules I read, it says "Don't use too much colour".

    Edit: I try to colour some important notes.
     
  6. Peter Canvis

    Peter Canvis

    Joined:
    Oct 18, 2009
    Messages:
    144
    Resources:
    0
    Resources:
    0
    Yeah, what I've tried to do in the past was colour the player's messages in the colour of their team, makes it usefull for melee teams.
     
  7. Statharas

    Statharas

    Joined:
    Jul 9, 2008
    Messages:
    2,049
    Resources:
    14
    Tools:
    1
    StarCraft II Resources:
    5
    Tutorials:
    8
    Resources:
    14
    This guy barely even knows how this works.

    |CFFFF0303 If i recall correctly, the first 6 letters/numbers are RGB colors. I don't remember what the 2 last ones do.

    Also, |CFFFF0303 |r is like blabla
    Lemme show you.

    Consider that
    |CFFFF0303
    is your [(without this >.>)URL="http://blabla"] part.
    Then, after those, XXX is like the ]blabla..[/ur..
    And |r is to activate and end the coloring, like [/URL]
     
  8. Zynxx

    Zynxx

    Joined:
    Dec 29, 2008
    Messages:
    6
    Resources:
    0
    Resources:
    0
    Perfect! I used long form but you showed short form! Thanks! 5/5 +rep
     
  9. PurgeandFire

    PurgeandFire

    Code Moderator

    Joined:
    Nov 11, 2006
    Messages:
    7,184
    Resources:
    18
    Icons:
    1
    Spells:
    4
    Tutorials:
    9
    JASS:
    4
    Resources:
    18
    Actually, say you had |cff55AAFF:
    |c or |C - This starts the color coding.
    FF - This determines the alpha of the text. However, wc3 doesn't really support alpha for these texts so you can put any value there.
    55 - This is the red value.
    AA - This is the green value.
    FF - This is the blue value.

    Basically, the numbers go from 0-9, then A-F. 0 is the lowest, F is the highest. They use hexadecimals.
    0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F Are all the values.

    They are paired up with each other to represent different values. Here is a list of what the different combinations result in:
    Code (Text):
    Full Colour Code List
    ---------------------------
    0 = 00
    1 = 01
    2 = 02
    3 = 03
    4 = 04
    5 = 05
    6 = 06
    7 = 07
    8 = 08
    9 = 09
    10 = 0A
    11 = 0B
    12 = 0C
    13 = 0D
    14 = 0E
    15 = 0F
    16 = 10
    17 = 11
    18 = 12
    19 = 13
    20 = 14
    21 = 15
    22 = 16
    23 = 17
    24 = 18
    25 = 19
    26 = 1A
    27 = 1B
    28 = 1C
    29 = 1D
    30 = 1E
    31 = 1F
    32 = 20
    33 = 21
    34 = 22
    35 = 23
    36 = 24
    37 = 25
    38 = 26
    39 = 27
    40 = 28
    41 = 29
    42 = 2A
    43 = 2B
    44 = 2C
    45 = 2D
    46 = 2E
    47 = 2F
    48 = 30
    49 = 31
    50 = 32
    51 = 33
    52 = 34
    53 = 35
    54 = 36
    55 = 37
    56 = 38
    57 = 39
    58 = 3A
    59 = 3B
    60 = 3C
    61 = 3D
    62 = 3E
    63 = 3F
    64 = 40
    65 = 41
    66 = 42
    67 = 43
    68 = 44
    69 = 45
    70 = 46
    71 = 47
    72 = 48
    73 = 49
    74 = 4A
    75 = 4B
    76 = 4C
    77 = 4D
    78 = 4E
    79 = 4F
    80 = 50
    81 = 51
    82 = 52
    83 = 53
    84 = 54
    85 = 55
    86 = 56
    87 = 57
    88 = 58
    89 = 59
    90 = 5A
    91 = 5B
    92 = 5C
    93 = 5D
    94 = 5E
    95 = 5F
    96 = 60
    97 = 61
    98 = 62
    99 = 63
    100 = 64
    101 = 65
    102 = 66
    103 = 67
    104 = 68
    105 = 69
    106 = 6A
    107 = 6B
    108 = 6C
    109 = 6D
    110 = 6E
    111 = 6F
    112 = 70
    113 = 71
    114 = 72
    115 = 73
    116 = 74
    117 = 75
    118 = 76
    119 = 77
    120 = 78
    121 = 79
    122 = 7A
    123 = 7B
    124 = 7C
    125 = 7D
    126 = 7E
    127 = 7F
    128 = 80
    129 = 81
    130 = 82
    131 = 83
    132 = 84
    133 = 85
    134 = 86
    135 = 87
    136 = 88
    137 = 89
    138 = 8A
    139 = 8B
    140 = 8C
    141 = 8D
    142 = 8E
    143 = 8F
    144 = 90
    145 = 91
    146 = 92
    147 = 93
    148 = 94
    149 = 95
    150 = 96
    151 = 97
    152 = 98
    153 = 99
    154 = 9A
    155 = 9B
    156 = 9C
    157 = 9D
    158 = 9E
    159 = 9F
    160 = A0
    161 = A1
    162 = A2
    163 = A3
    164 = A4
    165 = A5
    166 = A6
    167 = A7
    168 = A8
    169 = A9
    170 = AA
    171 = AB
    172 = AC
    173 = AD
    174 = AE
    175 = AF
    176 = B0
    177 = B1
    178 = B2
    179 = B3
    180 = B4
    181 = B5
    182 = B6
    183 = B7
    184 = B8
    185 = B9
    186 = BA
    187 = BB
    188 = BC
    189 = BD
    190 = BE
    191 = BF
    192 = C0
    193 = C1
    194 = C2
    195 = C3
    196 = C4
    197 = C5
    198 = C6
    199 = C7
    200 = C8
    201 = C9
    202 = CA
    203 = CB
    204 = CC
    205 = CD
    206 = CE
    207 = CF
    208 = D0
    209 = D1
    210 = D2
    211 = D3
    212 = D4
    213 = D5
    214 = D6
    215 = D7
    216 = D8
    217 = D9
    218 = DA
    219 = DB
    220 = DC
    221 = DD
    222 = DE
    223 = DF
    224 = E0
    225 = E1
    226 = E2
    227 = E3
    228 = E4
    229 = E5
    230 = E6
    231 = E7
    232 = E8
    233 = E9
    234 = EA
    235 = EB
    236 = EC
    237 = ED
    238 = EE
    239 = EF
    240 = F0
    241 = F1
    242 = F2
    243 = F3
    244 = F4
    245 = F5
    246 = F6
    247 = F7
    248 = F8
    249 = F9
    250 = FA
    251 = FB
    252 = FC
    253 = FD
    254 = FE
    255 = FF
    ---------------------------
    The one on the right is the hexadecimal pair. Basically, the values go from 0-255.

    Anyway, this tutorial is fine. It is a tad short and would've been better as a complete color code tutorial, but there is nothing wrong with it in this state so I'll approve it.
     
  10. HardOn

    HardOn

    Joined:
    May 19, 2010
    Messages:
    110
    Resources:
    0
    Resources:
    0
    could really be useful.
     
  11. adonisis

    adonisis

    Joined:
    May 31, 2010
    Messages:
    35
    Resources:
    0
    Resources:
    0
    Helps alot :)
     
  12. The_Key

    The_Key

    Joined:
    Dec 6, 2009
    Messages:
    72
    Resources:
    0
    Resources:
    0
    I am going to use this one day :)
     
  13. XAlexX

    XAlexX

    Joined:
    Jun 16, 2010
    Messages:
    22
    Resources:
    0
    Resources:
    0
    :grin:Nice!
    Usefull tut.(for noobs like me) :thumbs_up:
     
  14. Faith

    Faith

    Joined:
    Dec 29, 2009
    Messages:
    877
    Resources:
    3
    Spells:
    1
    Tutorials:
    2
    Resources:
    3
    Nice, but where did you get that? I've seen this somewhere before, I just can't recall where. It really helped me, mind giving me the link? Thanks.

    Also, Stathisdjs...
    Your example makes no sense. Where did you get an idea like that? No offense intended.

    Hehe, excellent tutorial. I've used this 'system' in my map, and it works great. Thanks.
     
  15. CoLd Bon3

    CoLd Bon3

    Joined:
    Aug 8, 2010
    Messages:
    945
    Resources:
    4
    Spells:
    4
    Resources:
    4
    Lmao! When you write this |CFFFE8A0E |R you must paste the thing that you want to be colored between |CFFFE8A0E and |R. Like for example - i want to color the ' I LOVE THE HIVE WORKSHOP' sentence in red - i do the following : |CFFFE8A0EI LOVE THE HIVE WORKSHOP|R. I hope i've helped
     
  16. kimberker

    kimberker

    Joined:
    Nov 8, 2009
    Messages:
    46
    Resources:
    0
    Resources:
    0
    Can u send me the map wif this trigger?
     
  17. sPy

    sPy

    Joined:
    Apr 10, 2009
    Messages:
    173
    Resources:
    8
    Models:
    6
    Tutorials:
    2
    Resources:
    8
    Kimberker,
     

    Attached Files:

  18. Orcnet

    Orcnet

    Joined:
    Jul 31, 2010
    Messages:
    3,267
    Resources:
    4
    Maps:
    3
    Tutorials:
    1
    Resources:
    4
    Similar in DotA

    This is useful in Team Games, a good example! thanks for the tutorial! :grin:
     
  19. jokerman10000

    jokerman10000

    Joined:
    Nov 3, 2010
    Messages:
    443
    Resources:
    0
    Resources:
    0
    hey mabye you can add this page because mabye people want other coloured names :)
    but nice tutorial ;)