[{{mminutes}}:{{sseconds}}] X
Пользователь приглашает вас присоединиться к открытой игре игре с друзьями .
Ctrl предыдущая следующая Ctrl Страницы
1 2

Форум «Программное обеспечение» / Аватарка рекордная (кружочек)

pashkhan Сообщение #1 14 февраля 2021 в 02:42
Новичок
96
devrialex нашел и подготовил для нас такую штуку, как https://jsfiddle.net/dievri/qjnafhd3/333/
И с помощью этого сервиса можно создать себе аватарку с вашим рекордом скорости, для этого нужно в поле <div id="number">622</div> вбить цифру своего рекорда (это 8-я строчка, в центральном поле html) и далее нужно нажать кнопку Run (в левом верхнем углу) - в консоли вы увидите свой кружочек, который легко вырезать на аватарку в фотошопе или пэинте.

Так же, кружочку можно задавать любые цвета (фон кружка и циферки с обводкой), для начала рассмотрим базовые цвета на Клавогонках:

( 0—99 ) Новичок код: #8d8d8d
( 100—199 ) Любитель код: #4f9a97
( 200—299 ) Таксист код: #187818
( 300—399 ) Профи код: #8c8100
( 400—499 ) Гонщик код: #ba5800
( 500—599 ) Маньяк код: #bc0143
( 600—699 ) Супермен код: #5e0b9e
( 700—799 ) Кибергонщик код: #2e32ce
( 800—899 ) Экстракибер код: #061956
( 900—999 ) Тахион код: #45161c
( 1000—1099 ) Гиперион код: #ff4500
( 1100—1199 ) Варп код: #bc57af

Альтернативные ранги и их возможные цвета (из темы http://klavogonki.ru/forum/wishes/5/page1/ ) :
( 900 и выше ) Тахион код: #04b886
( 1000+ и более ) Kлавион код: #84d878
( 1000+ и более ) Гиперион код: #effe48
( 1000+ и более ) Клавобог код: #cc4545
( 1000+ и более ) Сингуляр код: #2e0e2e

Под полем, где вы будете вводить свой рекорд, есть "не библиотека" - в которой каждому рангу присвоены свои цвета, их вы можете скорректировать на свои собственные (let rank_colors)

p.s. еще немножко клавогоночных цветов и их коды:

Абракадабра код: #3D4856
Яндекс.Рефераты код: #698725
Безошибочный код: #4692AA
Марафон код: #D43E68
Буквы код: #B55900
Цифры код: #777777
Спринт код: #833F3A
По словарю код: #524ca7

`текст` (символ гравис) - чтобы писать красные сообщения в чате.
Последний раз отредактировано 1 апреля 2023 в 13:05 пользователем pashkhan
iOlga Сообщение #2 14 февраля 2021 в 03:08
Маньяк
81
очень круто. спасибо!
EVERGLOW Сообщение #3 14 февраля 2021 в 03:12
Экстракибер
37
можно использовать https://www.remove.bg/ чтобы сделать прозрачным фон
AvtandiLine Сообщение #4 14 февраля 2021 в 03:58
Кибергонщик
61
Супер штука! Респектище всем причастным к созданию.
Лень Сообщение #5 14 февраля 2021 в 04:52
Кибергонщик
80
вбейте в поле свой рекорд, вырежьте в пэинте кружочек...

я-то думал у вас тут всё автоматизировано с привязкой к текущему рекорду, тупо скрипт установить. Не очень.
HelixOfTheEnd Сообщение #6 14 февраля 2021 в 04:54
Организатор событий
1
аватарку я, конечно, менять не буду, но кружочки тоже сделала.
"традиционный" и "нетрадиционный" вьетнамские кружочки.

я программировать, конечно, не умею, но даже попробовав понять, не поняла откуда берётся второй цвет(для фона). было бы прикольно если бы можно было легко менять не просто "цвет ранга", а отдельно цвет рекорда-полоски и фона.

upd. и даже "по-настоящему вьетнамский" кружочек.
Последний раз отредактировано 14 февраля 2021 в 05:03 пользователем HelixOfTheEnd
EVERGLOW Сообщение #7 14 февраля 2021 в 05:23
Экстракибер
37
откуда берётся второй цвет(для фона).

Для фона используется тот же цвет, но с прозчаностью в 0.3

вот эта строчка
number.style.background = rank_color + "4D" + " none repeat scroll 0% 0%"


"4D" - это прозрачность 30%. Полный список прозрачностей можно посмотреть вот здесь https://gist.github.com/lopspower/03fb1cc0ac9f32ef38f4

То есть для цвета фона отличного от цвета ранга можно изменить строку, например на

number.style.background = "#2e32ce4D" + " none repeat scroll 0% 0%"


где #2e32ce - это цвет, а 4D - это прозрачность


Цвет рекорда-полоски это

circle.style.stroke = rank_color


можно сменить, например, на

circle.style.stroke = "#8c8100"


правда с разными цветами оно как-то немного не так выглядит
Последний раз отредактировано 14 февраля 2021 в 05:27 пользователем EVERGLOW
Евсеев Сообщение #8 14 февраля 2021 в 15:27
Супермен
21
Крутяк!
cupofinsane Сообщение #9 14 февраля 2021 в 15:32
Маньяк
26
Я что-то не так делаю, наверное
ТОМА-АТОМНАЯ Сообщение #10 14 февраля 2021 в 15:39
Организатор событий
115
cupofinsane писал(а):
Я что-то не так делаю, наверное

зато никак у всех, индивидуально
Doctorisimus Сообщение #11 14 февраля 2021 в 18:45
Супермен
61
можно использовать remove.bg...
вырежьте в пэинте кружочек...
прикольно если бы можно было легко менять...
...и многое другое прямо → ЗДЕСЬ ←

изменить отдельно цвет каждого элемента можно установив соответствующую галочку и непосредственно выбрав нужный оттенок
сохраняется картинка по щелчку правой кнопкой мыши -> "сохранить как"
П.С. предпросмотр на странице увеличен для наглядности, при сохранении качество улучшится
karalina Сообщение #12 14 февраля 2021 в 19:27
Гонщик
43
Doctorisimus, спасибо! Быстро и понятно, и можно не только цифры
pashkhan Сообщение #13 14 февраля 2021 в 19:51
Новичок
96
Doctorisimus, вах - Красотища! Спасибо за юзер френдли сервис))
Лень Сообщение #14 14 февраля 2021 в 19:58
Кибергонщик
80
Doctorisimus писал(а):
...и многое другое прямо → ЗДЕСЬ ←

во! человечище
Валацуга Сообщение #15 14 февраля 2021 в 20:19
Маньяк
24
Гениально, теперь можно быстро без возни индивидуализировать аву! Если у кого не открывается ссылка - пробуйте Firefox (у меня из четырех браузеров почему-то только в нем открылся).
Tuma Сообщение #16 14 февраля 2021 в 20:34
Маньяк
28
Ух, спасибо!
JustSo Сообщение #17 14 февраля 2021 в 20:37
Кибергонщик
49
Tuma, зачет) нам, протсолюдинам, до такого далеко)
Tuma Сообщение #18 14 февраля 2021 в 21:08
Маньяк
28
cupofinsane писал(а):
Я что-то не так делаю, наверное

:D

JustSo писал(а):
Tuma, зачет) нам, протсолюдинам, до такого далеко)

Спасибо. У меня была идея делать наградные рамки на авки в соревнованиях. Теперь она кажется не такой уж и плохой.
ergozorax Сообщение #19 15 февраля 2021 в 14:39
Кибергонщик
1
Ужасный тренд, теперь нельзя различать людей по аватаркам.
EVERGLOW Сообщение #20 15 февраля 2021 в 17:30
Экстракибер
37
...и многое другое прямо → ЗДЕСЬ ←


делаю реквест на фичу пользовательский image вставлять как фоном в тот кружок в дополнение в цвету
Последний раз отредактировано 15 февраля 2021 в 19:19 пользователем EVERGLOW

Чтобы писать в форуме, нужно зарегистрироваться.

Ctrl предыдущая следующая Ctrl Страницы
1 2

Связаться
Выделить
Выделите фрагменты страницы, относящиеся к вашему сообщению
Скрыть сведения
Скрыть всю личную информацию
Отмена