Кто-нибудь, подскажите!
Как засунуть светодоски в игнор?
0 просмотренных постов скрыто
Я создал редактор светодосок
Нарисовать светодоску в готовом редакторе слишком просто ,поэтому я написал свой редактор светодоссок.
ссылка на редактор: http://jscalc.000webhostapp.com/lightboard/
Новогодние светодоски 2020
Просто сохранил свою работу)))
Светодоска с дедом Морозом, котом и собакой. Для Новогоднего настроения!
Горжусь нарисованною мною хаски, публикую на память. Всем Счастливого Нового Года!
Разбираем ламповый конструктор
После того, как потыкал ламповый конструктор и смирился с полным отсутствием навыков рисования, пришла идея, а что если сделать сделать конвертер GIF в ламповые анимации?
Первым делом нажимаем F12 и смотрим, что браузер отправляет при сохранении
Хм, не очень похоже на нашу картинку, но попробуем разобраться. В поле data видим 39 null и один массив, очевидно, это кадры нашей анимации.
Дальше присматриваемся внимательнее к первому кадру. Почему всего одна белая точка, а значений в массиве так много? Непонятно, нужно больше данных!
Последовательно прибавляем по одной точке по горизонтали, а затем по вертикали.
Заметно, что какая-то зависимость между кадрами есть, но потребовалось еще пол часа, чтобы въехать окончательно.
Вся картинка хранится в виде одной длинной ленты, строка за строкой, [цвет,длина,цвет,длина,цвет,длина], но если длина сплошного участка цвета больше 254, то он разбивается на несколько участков. Очевидно это связано со способом хранения анимации в базе данных.
Дело за малым, осталось разобраться с цветами. Путем нескольких экспериментов была установлена следующая зависимость номеров цветов:
С помощью хитрых ухищрений и черной магии js была сгенерирована таблица [цвет по RGB] -> [его номер]
Осталось самое интересное - найти подходящую гифку и сконвертировать ее в пикабушный формат. Тут помог гугл с его расширенным поиском по картинкам - даже не пришлось сжимать картинки до размера 40х20.
Поигравшись еще немного заметил, что картинка в редакторе сохраняется при перезагрузках страницы, значит она хранится где-то в localStorage браузера. Открываем наши любимые DevTools. И правда, вот она, анимация!
Дальше просто подменяем строку сохраненной анимации, обновляем страницу, профит!
https://pikabu.ru/page/newyear2019/?id=enSiuHGE07JS
Never gonna give you up! https://pikabu.ru/page/newyear2019/?id=VaCoi3GE07t4 Тут, правда, пришлось поиграться со сжатием и повернуть картинку
Эксперимент считаю успешным, цель достигнута. А как проходят ваши выходные?
Показать полностью
8
Ответ на пост «Просто чтобы творчество не пропало...»1
Чтоб оно не пропало его можно и сохранить.
Жмем правой кнопкой по странице:
Затем переходим сюда:
Далее раскрываем список тут:
И справа находим следующее:
Там где надпись Value щелкаем два раза и копируем себе в блокнот. Потом также можно обратно вставить и обновив страницу увидеть свои старания.
В принципе можно забабахать программу, которая из картинки делает светодоску. Встречал уже пару таких досок в ленте, но из за низкого разрешения выглядит убого, хотя и узнаваемо, плюсы они получили. Отличительная черта - нечеткая картинка с кучей полутонов.
Spoiler
Данные хранятся в формате "цвет, сколько клеток, цвет, сколько клеток и т.д." (для каждого из 40 кадров)
Коды цветов начинаются с 5, дальше каждый +16 т.е. 5,21,37 и т.д (это по верхнему ряду палитры)
Оттенки ниже это код цвета минус уровень. тоесть чуть серее это 5-1 = 4, еще серее 5-2=3. "менее красный" 21-1 = 20, еще менее 21-2 = 19 и т.д. Надеюсь понятно.
/Spoiler
Показать полностью
4
Сколько еще десятков раз
Мне нужно нажать на ссылку "Больше не показывать", чтобы больше не видеть эти новогодние светодоски в свежем?
Глаза кровоточат мои, скринил я, картинка моя.
(с) Пикабу
Делимся, комментируем
Стало выходить много хороших работ, а комментировать их нельзя. Так давайте же в этом теме будем выкладывать ссылки на хорошие работы и комментировать/обижать автора