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

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

1 2

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

Сообщение #1 14 февраля 2021 в 02:42

Новичок

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

[url="http://klavogonki.ru/u/#/139358/"]devrialex[/url] нашел и подготовил для нас такую штуку, как [url="https://jsfiddle.net/dievri/qjnafhd3/333/"]https://jsfiddle.net/dievri/qjnafhd3/333/[/url]
И с помощью этого сервиса можно создать себе аватарку с вашим рекордом скорости, для этого нужно в поле <div id="number">622</div> вбить цифру своего рекорда (это 8-я строчка, в центральном поле html) и далее нужно нажать кнопку Run (в левом верхнем углу) - в консоли вы увидите свой кружочек, который легко вырезать на аватарку в фотошопе или пэинте.

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

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

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

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

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

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

`текст` (символ гравис) - чтобы писать красные сообщения в чате.

iOlga

Сообщение #2 14 февраля 2021 в 03:08

Маньяк

очень круто. спасибо!

EVERGLOW

Сообщение #3 14 февраля 2021 в 03:12

Экстракибер

можно использовать https://www.remove.bg/ чтобы сделать прозрачным фон

AvtandiLine

Сообщение #4 14 февраля 2021 в 03:58

Кибергонщик

Супер штука! Респектище всем причастным к созданию.

Лень

Сообщение #5 14 февраля 2021 в 04:52

Кибергонщик

вбейте в поле свой рекорд, вырежьте в пэинте кружочек...

я-то думал у вас тут всё автоматизировано с привязкой к текущему рекорду, тупо скрипт установить. Не очень.

HelixOfTheEnd

Сообщение #6 14 февраля 2021 в 04:54

Организатор событий

аватарку я, конечно, менять не буду, но кружочки тоже сделала.
"традиционный" и "нетрадиционный" вьетнамские кружочки.

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

upd. и даже "по-настоящему вьетнамский" кружочек.

Последний раз отредактировано 14 февраля 2021 в 05:03 пользователем HelixOfTheEnd

EVERGLOW

Сообщение #7 14 февраля 2021 в 05:23

Экстракибер

откуда берётся второй цвет(для фона).

Для фона используется тот же цвет, но с прозчаностью в 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

Супермен

Крутяк!

cupofinsane

Сообщение #9 14 февраля 2021 в 15:32

Маньяк

Я что-то не так делаю, наверное

ТОМА-АТОМНАЯ

Сообщение #10 14 февраля 2021 в 15:39

Организатор событий

116

cupofinsane писал(а):

Я что-то не так делаю, наверное

зато никак у всех, индивидуально

Doctorisimus

Сообщение #11 14 февраля 2021 в 18:45

Супермен

можно использовать remove.bg...
вырежьте в пэинте кружочек...
прикольно если бы можно было легко менять...
...и многое другое прямо → ЗДЕСЬ ←

изменить отдельно цвет каждого элемента можно установив соответствующую галочку и непосредственно выбрав нужный оттенок
сохраняется картинка по щелчку правой кнопкой мыши -> "сохранить как"
П.С. предпросмотр на странице увеличен для наглядности, при сохранении качество улучшится

karalina

Сообщение #12 14 февраля 2021 в 19:27

Гонщик

Doctorisimus, спасибо! Быстро и понятно, и можно не только цифры

pashkhan

Сообщение #13 14 февраля 2021 в 19:51

Новичок

Doctorisimus, вах - Красотища! Спасибо за юзер френдли сервис))

Лень

Сообщение #14 14 февраля 2021 в 19:58

Кибергонщик

Doctorisimus писал(а):

...и многое другое прямо → ЗДЕСЬ ←

во! человечище

Валацуга

Сообщение #15 14 февраля 2021 в 20:19

Маньяк

Гениально, теперь можно быстро без возни индивидуализировать аву! Если у кого не открывается ссылка - пробуйте Firefox (у меня из четырех браузеров почему-то только в нем открылся).