Выпуск 81 / Советы опытных игроков: Графити
image Пингвин


Приветствую вас! Встречайте продолжение статьи про граффити! О том, как делать рамки к каким-либо картинкам/фотографиям, говорилось в 45 выпуске журнала. А как насчёт того, чтобы создать свои картинки, используя только лишь квадратики (пиксели). Да, это ещё один вид граффити, и он вполне реален в нашей игре, если всё сделать правильно.
Для начала нужно выбрать картинку, которую мы будем рисовать. Можно найти её, набрав в интернете "пиксельные рисунки" или же свою идею продвинуть. Самое важное, чтобы картинка была небольшой, так как размеры топика не позволяют создавать огромные пиксельные рисунки. Поэтому нужно брать (создавать) что-нибудь попроще.
Для того, чтобы наглядно показать, как рисовать эти рисунки, я выбрала одну картинку:

Всё ж хэллоуин не за горами.
Прежде, чем начать рисовать, нужно подобрать размер пикселей. В картинке мы ищем самый длинный ряд. В моём случае самый длинный ряд состоит из 15 пикселей.
Чтобы картинка была видна на всех телефонах, её размер должен быть 250-300. То есть, для того, чтобы окончательно узнать, какой размер должен быть у пикселей, нужно 300 поделить на то кол-во пикселей, которое находится в самом длинном ряду. У меня получилось число 20. Значит каждый размер одного пикселя будет по 20. (Обратите внимание на то, что размер пикселя в других картинках будет разным, но вычисления будут производиться аналогично. С таким же успехом у вас может получиться размер пикселя и 10, и 30).
Теперь следующий шаг - подбираем цвета пикселей, которые пригодятся для создания рисунка. И сразу возникает вопрос: откуда брать? Можно взять:
1. С цветов лака маникюра. Но есть маленький недочёт - цвет будет не полностью однотонным, а с некой долькой глянца.
2. Можно загрузить самим. В интернете вбиваем, допустим, "фиолетовый фон", и вам сразу высветятся различные фиолетовые квадраты. Ищем оттенок, который вам нужен и загружаем.
3. Можно делать пиксельные рисунки анимированными и брать за основу гифки, загруженные в игру.
4. А базовые цвета пикселей вы найдёте прямо здесь


- бордовый
img =/personalPhoto?pid=1112608&t=1591645435143
- тёмно-красный
img =/personalPhoto?pid=1106107&t=1589709276304
- красный
img =/personalPhoto?pid=1102909&t=1588871758605
- рыжий
img =/personalPhoto?pid=940026
- тёмно-оранжевый
img =/personalPhoto?pid=1140178&t=1603563430514
- оранжевый
img =/personalPhoto?pid=1112696&t=1591679258080
- жёлтый
img =/personalPhoto?pid=550681
- лимонный
img =/personalPhoto?pid=1112585&t=1591642491706
- салатовый
img =/personalPhoto?pid=1104676&t=1589272236717
- зелёный
img =/personalPhoto?pid=1104675&t=1589272150693
- светло-зелёный
img =/personalPhoto?pid=1112599&t=1591644528810
- травяной
img =/personalPhoto?pid=558343&t=1489388802061
- бирюзовый
img =/personalPhoto?pid=1112918&t=1591766915776
- голубой
img =/personalPhoto?pid=1106069&t=1589699238024
- синий
img =/personalPhoto?pid=1106062&t=1589698113115
- тёмно-синий
img =/personalPhoto?pid=1112628&t=1591647263950
- фиолетовый
img =/personalPhoto?pid=1112465&t=1591605113141
- сиреневый
img =/personalPhoto?pid=1112848&t=1591730432903
- тёмно-розовый
img =/personalPhoto?pid=811828&t=1520872680803
- розовый
img =/personalPhoto?pid=1112468&t=1591607016553
- светло-розовый
img =/personalPhoto?pid=1109137&t=1590684390152
- светло-коричневый
img =/personalPhoto?pid=1106180&t=1589730447287
- коричневый
img =/personalPhoto?pid=1113551&t=1591959431487
- тёмно-коричневый
img =/personalPhoto?pid=1106145&t=1589721755298
- чёрный
img =/personalPhoto?pid=1109440&t=1590785603007
- тёмно-серый
img =/personalPhoto?pid=1112601&t=1591644589355
- серый
img =/personalPhoto?pid=1112466&t=1591605955042
- светло-серый
img =/personalPhoto?pid=1140344&t=1603638354461
- белый
img =/personalPhoto?pid=559377
- бежевый
img =/personalPhoto?pid=1106102&t=1589707330389
Я выберу из базовой палитры цветов, и в итоге мне пригодятся цвета, похожие на те, что на картинке:
Рисуем первый ряд. Как видим, там только один цветной пиксель. Как же заполнить тогда пустоту? Игровым фоном. Но его можно только загрузить. Пустые клеточки поляны не очень подойдут. Чтобы его загрузить, можно создать топ, написать в начале точку или любой другой знак и нажимать много раз enter, а после снова поставить какой-либо символ. Пустоту, получившуюся в середине топа, можно отскринить и потом обрезать. Затем загрузить в игру. Неплохая пустота, не правда ли? У меня ббкодом пустоты будет img =/personalPhoto?pid=658373&t=1501150068992
В каждом ряду этой картинки должно быть по 15 пикселей. Значит считаем, сколько раз нужно добавить пиксель пустоты, пока не дойдёт до цветного пикселя. Это можно сделать, ориентируясь по цветным пикселям рядов, находящихся ниже. И так, мне нужно нарисовать ровно 8 пустых пикселей, размером 20.

У вас при написании этого ряда, должно выглядить вот так:
img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992
*пробелы между размером и равно поставлены специально, у вас должно быть без этих пробелов
Далее у нас идёт один цветной пиксель и всего на ряду стало 9 пикселей.Значит теперь нужно добавить 6 пикселей пустоты (15-9). И наш первый ряд в итоге должен получиться таким:

img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=558343&t=1489388802061 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992
Теперь рисуем второй ряд. В этом случае нужно будет только четыре пикселя пустоты слева и четыре пикселя пустоты справа. Остальные 7 пикселей заполнятся цветными пикселями.



img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=558343&t=1489388802061 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992
img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=1112696&t=1591679258080 img20 =/personalPhoto?pid=1112696&t=1591679258080 img20 =/personalPhoto?pid=1112696&t=1591679258080 img20 =/personalPhoto?pid=1113551&t=1591959431487 img20 =/personalPhoto?pid=1113551&t=1591959431487 img20 =/personalPhoto?pid=1113551&t=1591959431487 img20 =/personalPhoto?pid=1113551&t=1591959431487 img20 =/personalPhoto?pid=658373&t=1501150068992 img20 =/personalPhoto?pid=658373&t=1501150068992
Обратите внимание на то, что пустые пиксели симметричны друг другу, то бишь сколько их слева, столько их справа. Зная такую тактику, можно смело делать ещё три ряда. Следующие 4 ряда вообще без пустых пикселей. А уже последние ряды делаются почти также, как и первые. У вас в итоге должно получиться так:

к оглавлению К содержанию
separator
Регистрация | Забыли пароль?