Jump to content
Korean Random
Akwotker

Динамическая подсветка в карусели при выборе техники в соответствие с её типом

Recommended Posts

Динамическая подсветка в карусели при выборе техники в соответствии с её типом.

 

Реализовал

 

Процесс настройки описан в readme

 

post-16973-0-57877100-1424545959_thumb.png

 

Подсветка выбранной техники по типу для XVM.zip

 

Картинки для подсветки можете сделать свои. Размер 162х102 пикселя.

 

Обновление 20.02.15

- добавил к скрипту параметр shadow

- добавил еще два варианта подсветки

- учел замечания Slava7572 в описании настройки в файле readme

- вложил в архив исходник картинок для векторного редактора в формате EPS.

Edited by Akwotker
  • Upvote 8

Share this post


Link to post

Short link
Share on other sites

В экстра полях карусели должно работать

│ {{v.type}}                 │ X │ . │ тип техники (текстовые подстановки из конфига)
│ {{v.c_type}}               │ X │ . │ цвет по типу техники

например, через borderColor

{"x": 0, "y": 0, "borderColor": "{{v.c_type}}", "alpha": "{{v.selected?50|0}}"},

или наляпать картинку

  • Upvote 1

Share this post


Link to post

Short link
Share on other sites

В экстра полях карусели должно работать

│ {{v.type}}                 │ X │ . │ тип техники (текстовые подстановки из конфига)
│ {{v.c_type}}               │ X │ . │ цвет по типу техники

например, через borderColor

{"x": 0, "y": 0, "borderColor": "{{v.c_type}}", "alpha": "{{v.selected?50|0}}"},

или наляпать картинку

Так я уже делал, нету эффекта подсветки, как на картинке, меняется только цвет рамки. Хотелось, чтобы можно было именно настраивать свечение фона.. 

Share this post


Link to post

Short link
Share on other sites

юзай тень (кроме картинок)

вот у меня для уровня боя тень "shadow": {"blur":8, "color": "{{v.premium?0x581300|0x545341}}", "strength": "{{v.premium?4|3}}"}

Share this post


Link to post

Short link
Share on other sites

Так я уже делал, нету эффекта подсветки, как на картинке, меняется только цвет рамки. Хотелось, чтобы можно было именно настраивать свечение фона..

Несколько рамок с разной альфой и координатами, или нарисовать "светящуюся" иконку

 

Примерно, как на картинке, только для каждого типа техники своя подсветка.

По картинке не похоже, что светится сам фон, скорей наложение поверх ячейки

Edited by vlad_cs_sr

Share this post


Link to post

Short link
Share on other sites

Несколько рамок с разной альфой и координатами, или нарисовать "светящуюся" иконку

 

По картинке не похоже, что светится сам фон, скорей наложение поверх ячейки

Сейчас картинками попробую. 

Share this post


Link to post

Short link
Share on other sites

Akwotker из swf красивее ? а в xvm не то

вот если бы туда воткнуть все это по классу, возможно ли  ?

Share this post


Link to post

Short link
Share on other sites

Akwotker из swf красивее ? а в xvm не то

вот если бы туда воткнуть все это по классу, возможно ли  ?

Возможно, даже можно свои варианты подсветки нарисовать. Прочитай readme, там написано, что за что отвечает.

Завтра нарисую еще несколько вариантов подсветок и выложу

Edited by Akwotker

Share this post


Link to post

Short link
Share on other sites

Возможно, даже можно свои варианты подсветки нарисовать. Прочитай readme, там написано, что за что отвечает.

Завтра нарисую еще несколько вариантов подсветок и выложу

я имел введу в swf туда можно дописать код для злит класса или тип, что бы показывал, или ти в них не силен можешь только изменять ?

 

 

.p.s,

если умеешь писать swf, то нужна помощь нам

Share this post


Link to post

Short link
Share on other sites

я имел введу в swf туда можно дописать код для злит класса или тип, что бы показывал, или ти в них не силен можешь только изменять ?

 

 

.p.s,

если умеешь писать swf, то нужна помощь нам

В свф не силен, нарисовать могу, а вот в коде не в зуб ногой. 

Share this post


Link to post

Short link
Share on other sites

В свф не силен, нарисовать могу, а вот в коде не в зуб ногой. 

плохо. и  я тоже такой могу лишь изменить

Share this post


Link to post

Short link
Share on other sites

Вытащил из .swf (первый вариант для карусели) рамки (ну больше понравились :no1: ), прописал в экстра-поля и по координатам "x": 0, "y": 0, появилось смещение вправо и вниз где-то по пикселю с каждой стороны ((

Edited by SEREGA_SF

Share this post


Link to post

Short link
Share on other sites

Вытащил из .swf (первый вариант для карусели) рамки (ну больше понравились :no1: ), прописал в экстра-поля и по координатам "x": 0, "y": 0, появилось смещение вправо и вниз где-то по пикселю с каждой стороны ((

поставь в x,y отрицательное значение -1

Share this post


Link to post

Short link
Share on other sites

Хмм...может быть и не придется -1 ставить, забыл сказать, я рамки немного ярче делал, сейчас внимательнее посмотрел - у них по контуру как раз в пиксель идет черная окантовка. Надо убрать ее и посмотреть как получится))

Share this post


Link to post

Short link
Share on other sites

Хмм...может быть и не придется -1 ставить, забыл сказать, я рамки немного ярче делал, сейчас внимательнее посмотрел - у них по контуру как раз в пиксель идет черная окантовка. Надо убрать ее и посмотреть как получится))

поигрался с размерами, чтобы рамки попадали точно надо размер изображения делать 142х89, т.е. width='142' height='89'

Фонов новых сделаю поправлю описание в readme

Edited by Akwotker

Share this post


Link to post

Short link
Share on other sites

Экспериментировал с координатами, подобрал для более-менее нормального отображения х: -3, у: -2. Но в нижней части окошка все равно не прорисовывается рамка, как будто рамка по высоте не 102, а примерно 110... Уменьшение размеров рамок по высоте до результата не дает, пока не пропишу 95, но тогда становится видно, что рамка просто тупо меньше окна (по высоте). Т.е. никак не могу подогнать размеры, чтобы высота совпадала((  (плин, надо было скрин сделать, чтобы было понятно о чем я)

 

 

width='142' height='89'
С этими размерами вообще рамки меньше окон )) 

Share this post


Link to post

Short link
Share on other sites

поигрался с размерами, чтобы рамки попадали точно надо размер изображения делать 142х89, т.е. width='142' height='89'

Фонов новых сделаю поправлю описание в readme

Отлично Друг! Akwotker может потом объединишь темы с данным модом! А то и там и там слежу за новостями! :no:

  • Upvote 1

Share this post


Link to post

Short link
Share on other sites

поигрался с размерами, чтобы рамки попадали точно надо размер изображения делать 142х89, т.е. width='142' height='89'

Фонов новых сделаю поправлю описание в readme

Там еще про тень написано "shadow": ${"carousel_shadow"},это же подстановка?Т.е. по идее надо еще строка с самой тенью.Или я что то недопонял?

 

Упс,сорри,это тень на процент побед,не доглядел :gg:

В любом наборе напиши правильный код с которым у тебя все работало как надо,чтоб не экспериментировать.

 

П.С:еще бы не мешало в ридми напомнить о карусели в 2 ряда и больше,в этом случае надо играть с размерами персонально))

Отлично Друг! Akwotker может потом объединишь темы с данным модом! А то и там и там слежу за новостями! :no:

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

Edited by Slava7572
  • Upvote 1

Share this post


Link to post

Short link
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...