Создание цветного текста и разрывов линий (linebreaks).
Вступление:
Это базовое руководство о том, как создавать цветной код для Warcraft III. Оно объяснит, какие цифры и буквы используются для создания этих кодов. Далее будет небольшой список, некоторых цветов и их кодов(цвета могут не совпадать с цветами в игре, потому что нельзя делать нестандартные цвета для форумов.). Создание радуг (градиентов).Если после этой статьи вы будете нуждаться в помощи или у вас есть вопросы или замечания ко мне, пишите.
Пояснения:
Вам приходилось видеть раньше цветной код для WC3(Warcraft 3), значит вы видели что-то наподобие: |c002A3B4CBuild|r. Но что это означает? WC3 использует RGB (Red, Green, Blue[Красный, Зеленый, Синий]) значения для создания цветов, но это не так то просто сгруппировать несколько цифр вместе. |c говорит Вару (Warcraft’y) что начался цвет, а |r говорит о том что здесь он заканчивается (reset), переводя к стандартному цвету, то что вы редактируете. |c - требует начала цвета, где бы он не применялся. Первые 2 буквы/цифры (00 в примере) прозрачность, я не использую прозрачность в этой статье. Вторая, третья и четвертая пары номеров (2А, 3В, 4С) это Красный, Зеленый и Синий цвет в RGB. Но ведь RGB указывает цвет ###, ###, ### не так ли? Да, но Вар использует шестнадцатеричную систему для создания RGB, прямо как HTML!
Шестнадцатеричная система:
Шестнадцатеричная система может кого-то смутить. Ведь если в десятичной системе, базовые числа (0-9) используются для создания всех остальных чисел, то в шестнадцатеричной системе эти числа другие. Вот они: 0,1,2,3,4,5,6,7,8,9, A, B, C, D, E, F. «16 – базовых чисел?!?!» спросите вы «ДА!» отвечу я.
Цветной код:
Чтобы отобразить в шестнадцатеричной системе все значения вплоть до 255 (максимальное значение для Красного, Зеленого и Синего в RGB), используют 2 цифры. Для перевода HEX-DEC (шестнадцатеричная – десятичная система) возьмите значение левой цифры/буквы (0=0, 1=1,…,А=10, В=11 и т.д.) умножьте это значение на 16 и прибавьте значение правой цифры. Например: 2А=2(2)16+10(А)=42, также ВС=11(В)16+12(С)=188. Для перевода DEC-HEX сделайте все наоборот. Первая цифра в шестнадцатеричном виде # дает вам дивиденд 16(дивиденд учитывает только целые значения числа, без десятичных дробей или остатков: 10 дивиденд 3=3), вторая цифра, это # модуль(модуль подразумевает только остаток: 10 модуль 3=1). Для примера: 42 дивиденд 16 =2(2), также 42 модуль 16=10(А), которые в свою очередь дают нам 2А. Так вы сможете получить свои Красный, Зеленый и Синий цвета, переводя их в шестнадцатеричную систему и приводя в формат вида |c00RRGGBBText|r. Ниже приводится список значений до 30 в десятичной и шестнадцатеричной системах:
Код:
Цвета!
Примеры цветов:
|c00FFFF00Yellow|r
|c00FF7F00Orange|r
|c00FF9696Light Red(Pink)|r
|c00FF0000Red|r
|c00640000Dark Red|r
|c0096FF96Light Green(Lime)|r
|c0000FF00Green|r
|c00006400Dark Green|r
|c006969FFLight Blue(Sky Blue)|r
|c000000FFBlue|r
|c00000064Dark Blue(Navy)|r
|c00FFFFFFWhite|r
|c007d7d7dGrey|r
|c00000000Black|r
Цвета игроков в Варкрафте:
|c00FF0303Игрок 1|r
|c000042FFИгрок 2|r
|c001CE6B9Игрок 3|r
|c00540081Игрок 4|r
|c00FFFC01Игрок 5|r
|c00fEBA0EИгрок 6|r
|c0020C000Игрок 7|r
|c00E55BB0Игрок 8|r
|c00959697Игрок 9|r
|c007EBFF1Игрок 10|r
|c00106246Игрок 11|r
|c004E2A04Игрок 12|r
Создание эффекта «радуги» (градиент)
Этот процесс сложно объяснить но я попробую сделать это как можно лучше( здесь я попробую рассказать как получить переход от одного цвета к другому). Сперва вы должны определить 2 цвета в формате RGB, начало и конец к примеру я использовал 255 0 0 (красный) и 0 255 0 (зеленый). Теперь нам нужен текст, я выбрал “Cool!!”.
Теперь, посчитаем сколько букв/цифр используется в вашем тексте(не учитывая пробелы), “Cool!!” выходит 6 букв, минус 1, получается 6-1=5. Запомните это число оно нам понадобится позже. На следующем этапе нужно найти разницу между Красным, Зеленым и Синим. Итак, Красный идет в коде первым, значит от красного отнимаем разницу со следующим значением цвета (зеленым) в моем случае разница составляет «0», значит 255-0=255. То же самое делаем и между Зеленым и Синим (255-0=0, и 0-0=0).
Сейчас вы берете полученные номера и делите их на количество букв/цифр которые имеет ваш текст ( если одно из числе равняется 0, то вы его оставляете, т.к. оно оставит то же значение, но через целый градиент). В моем примере получилось 255/5=51, 255/5=51 и 0 с ним мы не делаем ничего (я использую это значение позже).
Теперь, когда у вас есть все номера, можем начинать делать цветные коды. Начните с урегулирования первой буквы/цифры с первоначальным цветом, в моем примере я получил |c00FF0000C|r. Для второй цифры/буквы, если значение R в предыдущем цвете больше следующего, то мы отнимаем значение первого от значения второго, в моем примере 255-51=204. Затем рассчитываете значения для G и B тоже(так как мое значение во втором цвете большее, то я должен прибавить то число которое отнял от предыдущего 0+51=51, и значение 0 оставляю таким же). Таким образом, у нас вышло значение второй буквы/цифры |c00CC3300o|r.
Если вы повторите те же шаги со следующими значениями, у вас выйдет замечательный градиент. Вот остальная часть моего примера: 204 - 51 = 153, 51 + 51 = 102, и 0(|c00996600o|r), 153 - 51 = 102, 102 + 51 = 153, и 0(|c00669900l|r), 102 - 51 = 51, 153 + 51 = 204, и 0(|c0033CC00!|r), 51 - 51 = 0, 204 + 51 = 255, и 0(|c0000FF00!|r).
Конечный результат: Код:
. Я понимаю что все вышесказанное довольно трудно понять, но вы попробуйте сами сделать что-то подобное если все сделать как в примере то я уверен что у вас все получится ну а для ленивых подскажу пару программок WC3 Color Creator или Color Picker.
Linebreaks (разрывы линий (строк))
Например вы хотите написать:
Код:
А выглядеть этот пример будет так:
Код:
т.е. знак |n автоматически переносит идущий после него текст на новую строку.
P.S. После того как я дописал этот материал я нашел еще один список готовых цветов для Вара, хотя они и называются по разному но многие из них особо не отличаются, в общем судите сами:
Код:
Вступление:
Это базовое руководство о том, как создавать цветной код для Warcraft III. Оно объяснит, какие цифры и буквы используются для создания этих кодов. Далее будет небольшой список, некоторых цветов и их кодов(цвета могут не совпадать с цветами в игре, потому что нельзя делать нестандартные цвета для форумов.). Создание радуг (градиентов).Если после этой статьи вы будете нуждаться в помощи или у вас есть вопросы или замечания ко мне, пишите.
Пояснения:
Вам приходилось видеть раньше цветной код для WC3(Warcraft 3), значит вы видели что-то наподобие: |c002A3B4CBuild|r. Но что это означает? WC3 использует RGB (Red, Green, Blue[Красный, Зеленый, Синий]) значения для создания цветов, но это не так то просто сгруппировать несколько цифр вместе. |c говорит Вару (Warcraft’y) что начался цвет, а |r говорит о том что здесь он заканчивается (reset), переводя к стандартному цвету, то что вы редактируете. |c - требует начала цвета, где бы он не применялся. Первые 2 буквы/цифры (00 в примере) прозрачность, я не использую прозрачность в этой статье. Вторая, третья и четвертая пары номеров (2А, 3В, 4С) это Красный, Зеленый и Синий цвет в RGB. Но ведь RGB указывает цвет ###, ###, ### не так ли? Да, но Вар использует шестнадцатеричную систему для создания RGB, прямо как HTML!
Шестнадцатеричная система:
Шестнадцатеричная система может кого-то смутить. Ведь если в десятичной системе, базовые числа (0-9) используются для создания всех остальных чисел, то в шестнадцатеричной системе эти числа другие. Вот они: 0,1,2,3,4,5,6,7,8,9, A, B, C, D, E, F. «16 – базовых чисел?!?!» спросите вы «ДА!» отвечу я.
Цветной код:
Чтобы отобразить в шестнадцатеричной системе все значения вплоть до 255 (максимальное значение для Красного, Зеленого и Синего в RGB), используют 2 цифры. Для перевода HEX-DEC (шестнадцатеричная – десятичная система) возьмите значение левой цифры/буквы (0=0, 1=1,…,А=10, В=11 и т.д.) умножьте это значение на 16 и прибавьте значение правой цифры. Например: 2А=2(2)16+10(А)=42, также ВС=11(В)16+12(С)=188. Для перевода DEC-HEX сделайте все наоборот. Первая цифра в шестнадцатеричном виде # дает вам дивиденд 16(дивиденд учитывает только целые значения числа, без десятичных дробей или остатков: 10 дивиденд 3=3), вторая цифра, это # модуль(модуль подразумевает только остаток: 10 модуль 3=1). Для примера: 42 дивиденд 16 =2(2), также 42 модуль 16=10(А), которые в свою очередь дают нам 2А. Так вы сможете получить свои Красный, Зеленый и Синий цвета, переводя их в шестнадцатеричную систему и приводя в формат вида |c00RRGGBBText|r. Ниже приводится список значений до 30 в десятичной и шестнадцатеричной системах:
Код:
Код:
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Примеры цветов:
|c00FFFF00Yellow|r
|c00FF7F00Orange|r
|c00FF9696Light Red(Pink)|r
|c00FF0000Red|r
|c00640000Dark Red|r
|c0096FF96Light Green(Lime)|r
|c0000FF00Green|r
|c00006400Dark Green|r
|c006969FFLight Blue(Sky Blue)|r
|c000000FFBlue|r
|c00000064Dark Blue(Navy)|r
|c00FFFFFFWhite|r
|c007d7d7dGrey|r
|c00000000Black|r
Цвета игроков в Варкрафте:
|c00FF0303Игрок 1|r
|c000042FFИгрок 2|r
|c001CE6B9Игрок 3|r
|c00540081Игрок 4|r
|c00FFFC01Игрок 5|r
|c00fEBA0EИгрок 6|r
|c0020C000Игрок 7|r
|c00E55BB0Игрок 8|r
|c00959697Игрок 9|r
|c007EBFF1Игрок 10|r
|c00106246Игрок 11|r
|c004E2A04Игрок 12|r
Создание эффекта «радуги» (градиент)
Этот процесс сложно объяснить но я попробую сделать это как можно лучше( здесь я попробую рассказать как получить переход от одного цвета к другому). Сперва вы должны определить 2 цвета в формате RGB, начало и конец к примеру я использовал 255 0 0 (красный) и 0 255 0 (зеленый). Теперь нам нужен текст, я выбрал “Cool!!”.
Теперь, посчитаем сколько букв/цифр используется в вашем тексте(не учитывая пробелы), “Cool!!” выходит 6 букв, минус 1, получается 6-1=5. Запомните это число оно нам понадобится позже. На следующем этапе нужно найти разницу между Красным, Зеленым и Синим. Итак, Красный идет в коде первым, значит от красного отнимаем разницу со следующим значением цвета (зеленым) в моем случае разница составляет «0», значит 255-0=255. То же самое делаем и между Зеленым и Синим (255-0=0, и 0-0=0).
Сейчас вы берете полученные номера и делите их на количество букв/цифр которые имеет ваш текст ( если одно из числе равняется 0, то вы его оставляете, т.к. оно оставит то же значение, но через целый градиент). В моем примере получилось 255/5=51, 255/5=51 и 0 с ним мы не делаем ничего (я использую это значение позже).
Теперь, когда у вас есть все номера, можем начинать делать цветные коды. Начните с урегулирования первой буквы/цифры с первоначальным цветом, в моем примере я получил |c00FF0000C|r. Для второй цифры/буквы, если значение R в предыдущем цвете больше следующего, то мы отнимаем значение первого от значения второго, в моем примере 255-51=204. Затем рассчитываете значения для G и B тоже(так как мое значение во втором цвете большее, то я должен прибавить то число которое отнял от предыдущего 0+51=51, и значение 0 оставляю таким же). Таким образом, у нас вышло значение второй буквы/цифры |c00CC3300o|r.
Если вы повторите те же шаги со следующими значениями, у вас выйдет замечательный градиент. Вот остальная часть моего примера: 204 - 51 = 153, 51 + 51 = 102, и 0(|c00996600o|r), 153 - 51 = 102, 102 + 51 = 153, и 0(|c00669900l|r), 102 - 51 = 51, 153 + 51 = 204, и 0(|c0033CC00!|r), 51 - 51 = 0, 204 + 51 = 255, и 0(|c0000FF00!|r).
Конечный результат: Код:
Код:
|c00FF0000C|r|c00CC3300o|r|c00996600o|r|c00669900l|r|c0033CC00!|r|c0000FF00!|rLinebreaks (разрывы линий (строк))
Например вы хотите написать:
Код:
Код:
Это Разрыв СтрокиКод:
Код:
|nЭто|nРазрыв|nСтрокиP.S. После того как я дописал этот материал я нашел еще один список готовых цветов для Вара, хотя они и называются по разному но многие из них особо не отличаются, в общем судите сами:
Код:
Код:
Alice blue = F0F8FF Antique white = FAEBD7 Aqua = 00FFFF Aquamarine = 7FFFD4 Azure = F0FFFF Beige = F5F5DC Bisque = FFE4C4 Black = 000000 Blanched almond = FFEBCD Blue = 0000FF Blueviolet = 8A2BE2 Brown = A52A2A Burlywood = DEB887 Cadet blue = 5F9EA0 Chartreuse = 7FFF00 Chocolate = D2691E Coral = FF7F50 Cornflower blue = 6495ED Cornsilk = FFF8DC Crimson = DC143C Cyan = 00FFFF Dark blue = 00008B Dark cyan = 008B8B Dark goldenrod = B8860B Dark gray = A9A9A9 Dark green = 006400 Dark khaki = BDB76B Dark magenta = 8B008B Dark olive green = 556B2F Dark orange = FF8C00 Dark orchid = 9932CC Dark red = 8B0000 Dark salmon = E9967A Dark sea green = 8FBC8F Dark slate blue = 483D8B Dark slate gray = 2F4F4F Dark turquoise = 00CED1 Dark violet = 9400D3 Deep pink = FF1493 Deep sky blue = 00BFFF Dim gray = 696969 Dodger blue = 1E90FF Firebrick = B22222 Floral white = FFFAF0 Forest green = 228B22 Fuchsia = FF00FF Gainsboro = DCDCDC Ghost white = F8F8FF Gold = FFD700 Goldenrod = DAA520 Gray = 808080 Green = 008000 Greenyellow = ADFF2F Honeydew = F0FFF0 Hot pink = FF69B4 Indian red = CD5C5C Indigo = 4B0082 Ivory = FFFFF0 Khaki = F0E68C Lavender = E6E6FA Lavenderblush = FFF0F5 Lawn green = 7CFC00 Lemon chiffon = FFFACD Light blue = ADD8E6 Light coral = F08080 Light cyan = E0FFFF Light goldenrod yellow = FAFAD2 Light green = 90EE90 Light grey = D3D3D3 Light pink = FFB6C1 Light salmon = FFA07A Light sea green = 20B2AA Light sky blue = 87CEFA Light slate gray = 778899 Light steel blue = B0C4DE Light yellow = FFFFE0 Lime = 00FF00 Lime green = 32CD32 Linen = FAF0E6 Magenta = FF00FF Maroon = 800000 Medium auqamarine = 66CDAA Medium blue = 0000CD Medium orchid = BA55D3 Medium purple = 9370D8 Medium sea green = 3CB371 Medium slate blue = 7B68EE Medium spring green = 00FA9A Medium turquoise = 48D1CC Medium violetred = C71585 Midnight blue = 191970 Mint cream = F5FFFA Misty rose = FFE4E1 Moccasin = FFE4B5 Navajo white = FFDEAD Navy = 000080 Old lace = FDF5E6 Olive = 808000 Olive drab = 688E23 Orange = FFA500 Orangered = FF4500 Orchid = DA70D6 Pale goldenrod = EEE8AA Pale green = 98FB98 Pale turquoise = AFEEEE Pale violetred = D87093 Papayawhip = FFEFD5 Peachpuff = FFDAB9 Peru = CD853F Pink = FFC0CB Plum = DDA0DD Powderblue = B0E0E6 Purple = 800080 Red = FF0000 Rosy brown = BC8F8F Royal blue = 4169E1 Saddle brown = 8B4513 Salmon = FA8072 Sandy brown = F4A460 Sea green = 2E8B57 Seashell = FFF5EE Sienna = A0522D Silver = C0C0C0 Sky blue = 87CEEB Slate blue = 6A5ACD Slate gray = 708090 Snow = FFFAFA Spring green = 00FF7F Steel blue = 4682B4 Tan = D2B48C Teal = 008080 Thistle = D8BFD8 Tomato = FF6347 Turquoise = 40E0D0 Violet = EE82EE Wheat = F5DEB3 White = FFFFFF Whitesmoke = F5F5F5 Yellow = FFFF00 Yellow Green = 9ACD32
