1. Updated Resource Submission Rules: All model & skin resource submissions must now include an in-game screenshot. This is to help speed up the moderation process and to show how the model and/or texture looks like from the in-game camera.
    Dismiss Notice
  2. DID YOU KNOW - That you can unlock new rank icons by posting on the forums or winning contests? Click here to customize your rank or read our User Rank Policy to see a list of ranks that you can unlock. Have you won a contest and still havn't received your rank award? Then please contact the administration.
    Dismiss Notice
  3. We have recently started the 16th edition of the Mini Mapping Contest. The theme is mini RPG. Do check it out and have fun.
    Dismiss Notice
  4. Choose your ride to damnation in the 5th Special Effect Contest Poll.
    Dismiss Notice
  5. The winners of the 13th Techtree Contest have been announced!
    Dismiss Notice
  6. The 13th Music Contest Poll is up! Vote for the best tracks in this symphony of frost and flame.
    Dismiss Notice
  7. Race against the odds and Reforge, Don't Refund. The 14th Techtree Contest has begun!
    Dismiss Notice
  8. Check out the Staff job openings thread.
    Dismiss Notice
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:
    176
    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:
    176
    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,332
    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,426
    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:
    883
    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:
    948
    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:
    176
    Resources:
    8
    Models:
    6
    Tutorials:
    2
    Resources:
    8
    Kimberker,
     

    Attached Files:

  18. Orcnet

    Orcnet

    Joined:
    Jul 31, 2010
    Messages:
    3,858
    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 ;)