Отображение рекорда на большой аватарке - Предложения и пожелания - Форум - Клавогонки

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

1 2 3

Форум «Предложения и пожелания» / Отображение рекорда на большой аватарке

Сообщение #1 5 мая 2023 в 19:08

Гонщик

Планируется ли интеграция аватарки "кружочек", как у Володи, на уровне клавогонок? Например, её можно принудительно ставить тем наборщикам, которые отказались от аватарки-картинки.

pashkhan

Сообщение #2 5 мая 2023 в 19:53

Новичок

Баристарх, ну можно сказать, что кружочек уже полу-интегрирован Аватарка рекордная (кружочек) Любой может себе сделать такой аватар за пару минут, кому оно надо. А кому не надо, зачем впихивать насильно?

Переборыч

Сообщение #5 6 мая 2023 в 03:43

Клавомеханик-Организатор событий

Можно было бы использовать похожую фишку в качестве опционального дополнения. Например, так:

скрытый текст…

Но для аватарки по-умолчанию это не очень, - лучше что-то более постоянное. Может использовать первую букву ника или фоны какие-то генерировать или нейросеть натравить.

Можно было бы использовать похожую фишку в качестве опционального дополнения. Например, так:

[img]https://klavogonki.do.am/dev/123190demo.png[/img]

[hide]= Код svg =
[code]<svg height="100" width="100">
  <circle cx="50" cy="50" r="47" fill="url(#image)"/>
  <defs>
	<pattern id="image" patternUnits="userSpaceOnUse" width="100" height="100">
	  <image href="https://klavogonki.ru/storage/avatars/123190_big.png" width="100" height="100"/>
	</pattern>
  </defs>
  <circle cx="50" cy="50" r="47" stroke="url(#grad)" stroke-width="6" fill="none" stroke-dasharray="281" stroke-dashoffset="85" stroke-linecap="round" transform="rotate(-90, 50, 50)"/>
  <defs>
	<linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
	  <stop offset="0%" style="stop-color:#2e32ce "/>
	  <stop offset="78%" style="stop-color:#5e0b9e"/>
	  <stop offset="100%" style="stop-color:#5e0b9e"/>
	</linearGradient>
  </defs>
  <rect x="30" y="80" width="40" height="30" rx="8" fill="white" stroke="#2e32ce"/>
  <text x="50" y="50" fill="#2e32ce" style="text-anchor: middle;" dy="47" font-weight="bold">729</text>
</svg>[/code][/hide]
Но для аватарки по-умолчанию это не очень, - лучше что-то более постоянное. Может использовать первую букву ника или фоны какие-то генерировать или нейросеть натравить.

[img]https://klavogonki.do.am/dev/123190demo2.jpg[/img]

Игрок3

Сообщение #6 6 мая 2023 в 10:36

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

Не вижу проблем с текущим стандартным аватаром. Переборыч, зачем его вдруг менять, доказана ли необходимость этого?

pashkhan

Сообщение #7 6 мая 2023 в 12:11

Новичок

Переборыч, красиво получилоось, и рекорд кружочком, и аватар на месте :)

Теперь Баристарх может быть доволен, и каждому Адвизору тыкать в нос свой рекорд.
(но вот какие параметры нужно менять, чтобы кружочек заполнялся правильно, я особо не разобрался, так что будет как у Переборыча, хотя и у него самого он криво заполнен, не соответствует заявленному рекорду) - тут конечно, не хватает удобной менюшки, чтобы нужно было только указать ID игрока с его аватаркой, требуемый рекорд, и возможность назначить цвет градиента. И чтобы картинка с правильным заполнением кружочка создалась автоматически.

Последний раз отредактировано 6 мая 2023 в 13:17 пользователем pashkhan

Переборыч

Сообщение #8 6 мая 2023 в 14:12

Клавомеханик-Организатор событий

pashkhan писал(а):

криво заполнен, не соответствует заявленному рекорду

У меня несколько другой принцип положен: правый полукруг всегда заполнен и раскрашен в цвет предыдущего ранга и градиентом переходит в восходящий левый полукруг цвета текущего ранга, т.е. 0 находится в нижней точке, а 100 в верхней.

Баристарх

Сообщение #9 6 мая 2023 в 14:12

Гонщик

pashkhan, благодарю за красивую идею. Но как перфекционист, хочу отметить, что 1) рамочка должна полностью влезать, 2) 8 из 100 не соответствует прогрессу на аватарке. Переделывай!

Переборыч

Сообщение #10 6 мая 2023 в 15:06

Клавомеханик-Организатор событий

Вот:

pashkhan

Сообщение #11 6 мая 2023 в 15:51

Новичок

криво-косо, но и у меня получилось, на глаз менял-выставлял эти параметры, т.к. так и не понял как сделать ровно 8% заполнения левой половинки кружочка, но все остальные требования учел.

У Серёги, конечно, картинка получилась с новым красивым дизайном, пунктирчик добавлен. Но почему то у бедного Баристарха картинка получается размытой. Если поставит мою, то по идее должно быть так же чётко, как и тут на форуме. Хотя и картинка Переборыча строго 100х100, видимо дело в КГ-эшном приёмнике аватарок, который размыливает изображения.

Последний раз отредактировано 6 мая 2023 в 16:06 пользователем pashkhan

Баристарх

Сообщение #12 6 мая 2023 в 16:05

Гонщик

А мне серёгина понравилась, поэтому оставлю. Именно об этом я и говорил, в принципе это должно быть достаточно легко реализуемо. Например, можно сделать кнопку рядом с аватаркой "Вписать в рекордный кружочек".

pashkhan

Сообщение #13 6 мая 2023 в 16:10

Новичок

Баристарх, да, такую идею я поддерживаю, т.к. это даёт возможность сохранить уникальный аватар, и концепция Переборыча с цветовым градиентом (от предыдущего ранга, к нынешнему) мне понравилась, и с пунктирчиком хорошо придумал. Если автоматизировать этот процесс, и получать готовый результат по одной кнопке - то думаю очень много игроков с удовольствием перейдёт на такой формат аватарок.

Переборыч

Сообщение #14 6 мая 2023 в 16:17

Клавомеханик-Организатор событий

pashkhan писал(а):

видимо дело в КГ-эшном приёмнике аватарок, который размыливает изображения

Верно. Добавил Баристарху контраста.

Лазер

Сообщение #15 6 мая 2023 в 16:42

Супермен

pashkhan писал(а):

Но почему то у бедного Баристарха картинка получается размытой. Если поставит мою, то по идее должно быть так же чётко, как и тут на форуме. Хотя и картинка Переборыча строго 100х100, видимо дело в КГ-эшном приёмнике аватарок, который размыливает изображения.

чтоб не размыливало, нужно после загрузки в окошке слева захватить аватар мышкой и "потрясти", справа вверху будет видно - картинка перестает быть размытой

Последний раз отредактировано 6 мая 2023 в 16:43 пользователем Лазер

Баристарх

Сообщение #16 6 мая 2023 в 17:10

Гонщик

Не понимаю, как вы там нечёткость разглядели, но на всякий случай потряс. pashkhan, ты тоже потряси, а то у тебя на аватарке пиксели видны.

pashkhan

Сообщение #17 6 мая 2023 в 17:14

Новичок

Я вот еще подумал, что градиент на левой половине должен смещаться от текущего ранга -> к цвету следующего. Чтобы это мотивировало, а то какой смысл помнить и наблюдать цвет предыдущего, уже "покорённого" ранга. Но может 3 цвета (предыдущий, текущий и будущий ранги) - это и перебор, и будет не так эффектно смотреться как градиент из 2-х цветов.

pashkhan

Сообщение #18 6 мая 2023 в 17:17

Новичок

Баристарх, ты потряс, и сделал себе размытие, до этого было чётко, когда тебе Переборыч написал что обновил. А у меня размыто, потому что я себе картинку по быстрому склепал, там не точные размеры 100х100, а наверное меньше - поэтому картинку растянуло и увеличило, вот она и размылась чутка.

Переборыч

Сообщение #19 6 мая 2023 в 17:47

Клавомеханик-Организатор событий

Наверно, это непрозрачность 90% на блоке с цифрой ощущается как размытие. Значит будет лучше оставить непрозрачной на 100%.

pashkhan

Сообщение #20 6 мая 2023 в 18:47

Новичок

да нет, сейчас у него аватарка чётко отображается. Это когда картинку ставишь, там красную рамочку если чуть дернуть - то может размыть, вот Баристарх подёргал по совету - и у него размыло, потом снова подёргал - и стало норм.