Добро пожаловать на Wargaming.net Wiki!

Обсуждение:Дерево техники СССР — различия между версиями

Перейти к: навигация, поиск
Версия 15:16, 14 мая 2012Версия 23:15, 14 мая 2012
Строка 107:Строка 107:
 :: Ну, в общем, моя точка зрения такова: сделать в один размер с конечным деревом. Как менее оптимальный вариант - задать размеры фрейма и пусть скроллиться вся страница, а не внутренность фрейма, ибо выглядит это мягко говоря не айс.[[Участник:Zlodiy v hate|Zlodiy v hate]] 14:51, 14 мая 2012 (UTC) :: Ну, в общем, моя точка зрения такова: сделать в один размер с конечным деревом. Как менее оптимальный вариант - задать размеры фрейма и пусть скроллиться вся страница, а не внутренность фрейма, ибо выглядит это мягко говоря не айс.[[Участник:Zlodiy v hate|Zlodiy v hate]] 14:51, 14 мая 2012 (UTC)
 ::: А, так я размеры фрейма и задал - 100% :) Можно ему еще минимальный размер задать, тогда и на широких и на узких экранах будет нормально. Ну, собственно, с измененными размерами работает: [https://armor.kiev.ua/wot/tanks/tree-ussr.php?WoTwiki&test], то, что картинки выезжают за рамку, считать за фичу? --[[Участник:Armor kiev|В. Чобиток]] 14:59, 14 мая 2012 (UTC) ::: А, так я размеры фрейма и задал - 100% :) Можно ему еще минимальный размер задать, тогда и на широких и на узких экранах будет нормально. Ну, собственно, с измененными размерами работает: [https://armor.kiev.ua/wot/tanks/tree-ussr.php?WoTwiki&test], то, что картинки выезжают за рамку, считать за фичу? --[[Участник:Armor kiev|В. Чобиток]] 14:59, 14 мая 2012 (UTC)
 +:::: За баг. Надо все-таки добавить .tblock a img {width: 100px;}, ну или вместо 100px - переменную $blockWidth, оно именно для того было в моем длинном списке ;) --[[Участник:Zlodiy v hate|Zlodiy v hate]] 23:15, 14 мая 2012 (UTC)
  
 : Подправил стиль. Теперь нормально? (когда выясняется истинная цель, задача решается проще) --[[Участник:Armor kiev|В. Чобиток]] 15:16, 14 мая 2012 (UTC) : Подправил стиль. Теперь нормально? (когда выясняется истинная цель, задача решается проще) --[[Участник:Armor kiev|В. Чобиток]] 15:16, 14 мая 2012 (UTC)
 +:: Так однозначно лучше чем скроллить фрейм, хотя выглядит в 1024х768 все равно не лучшим образом. Лучше всего, конечно, было бы сделать для узких экранов 800, а для широких 1000. --[[Участник:Zlodiy v hate|Zlodiy v hate]] 23:15, 14 мая 2012 (UTC)

Версия 23:15, 14 мая 2012

Я считаю, что неплохо было бы внести примечания по изменению дерева. Например вывод ИС-6 и Т-150 в премиумные танки. Полужирное начертание

  • А ведь уже завтра дерево значительно поменяется. --Отставной Луркоморец 17:11, 2 мая 2012 (UTC)
    • А оно генерируется программно из игровых XML. Подменю XML на новые и все поменяется автоматически. --В. Чобиток 19:27, 2 мая 2012 (UTC)
      • Благо это уже не зависти от общей БД. Д. Король 19:34, 2 мая 2012 (UTC)
    • ЧТД. Дерево уже работает по последней версии :-) Кстати, могу сделать показ дерева по версиям игры, для этого достаточно буквально добавить две строчки кода. --В. Чобиток 15:04, 3 мая 2012 (UTC)
do want --Agof 15:55, 3 мая 2012 (UTC)

Есть такая мысль, что ссылки на картинке планируемого дерева с появлением дерева текущего стали несколько избыточной фишкой. Возможно имеет смысл их просто потереть, особенно если в генерацию текущего дерева добавить премиумную технику. Ну, и в любом случае прошу загрузить с офсайта картинку дерева с правильными переходами. --Zlodiy v hate 08:49, 3 мая 2012 (UTC)

  • Сейчас дерево строится по возможности в точности повторяя игровое и с использованием тех же данных. В игровых XML с описанием дерева прописаны только машины из дерева прокачки. В принципе, как вариант, можно воспользоваться моим же функционалом wotList для выбора списка премиумных машин соответствующей нации. Я подумаю над этим. --В. Чобиток 09:05, 3 мая 2012 (UTC)

И еще одно, нельзя текущее дерево отмасштабировать, чтобы оно в 800 пикселов по ширине влезало? --Zlodiy v hate 08:58, 3 мая 2012 (UTC)

  • Проблематично, но попробовать можно. Основные проблемы со стрелками, особенно ломанными, они, в отличие от остальных элементов, не предусматривают масштабирование. --В. Чобиток 09:05, 3 мая 2012 (UTC)

Поиграв стилями добился сужения по ширине до 800 пикселов. По высоте если никак не трогать стрелки сокращение меньшее, но в целом выглядит все пристойно. Изменения:

В стиле .tblock последние две строчки

width: 100px; height:26px;
font-size: 10px;

В этих трех слегка уменьшил отступ и размер шрифта:

.tblock .mark {bottom: 1px; right: 3px;}
.tblock .class {top: 1px; right: 3px; font-size: 9px; color:#878787;}
.tblock .level {top: 1px; left: 3px;}

Это добавил:

.tblock a img {width: 100px;}

Позиционирование стрелок, само собой, правилось интенсивно:

.arrTB {top: -39px; left: 47px;}
.arrLT_RB {top: -29px; left: -19px;}
.arrRT_LB {top: -29px; left: 92px;}
.arrRT_LB_M {top: -29px; left: 50px;}
.arrLT_RB_M {top: -29px; right: 50px;}

.arrLR {top: 10px; left: -27px;}
.arrRL {top: 10px; left: 101px;}
.arrRT_LB_D {top: -39px; left: 70px;}
.arrLT_RB_D {top: -39px; right: 70px;}
.arrRT_LB_H {top: -24px; left: 101px;}
.lineR {top: -39px; left: 50px;}
.lineL {top: -39px; right: 50px;}
.line2R {top: 13px; left: 45px;}
.line2L {top: 13px; right: 45px;}

В div'e ширина 800 вместо 1000 и пересчитанные ряды и колонки. Для СССР и США:

.root {position: absolute; left: 345px;}
.row1 {top: 0px;}
.row2 {top: 52px;}
.row3 {top: 104px;}
.row4 {top: 156px;}
.row5 {top: 208px;}
.row6 {top: 260px;}
.row7 {top: 312px;}
.row8 {top: 364px;}
.row9 {top: 416px;}
.row10 {top: 468px;}
.column1 {position: absolute; left: 0px;}
.column2 {position: absolute; left: 116px;}
.column3 {position: absolute; left: 232px;}
.column4 {position: absolute; left: 348px;}
.column5 {position: absolute; left: 464px;}
.column6 {position: absolute; left: 580px;}
.column7 {position: absolute; left: 696px;}

Для остальных колонки со сдвигом:

.column1 {position: absolute; left: 58px;}
.column2 {position: absolute; left: 174px;}
.column3 {position: absolute; left: 290px;}
.column4 {position: absolute; left: 406px;}
.column5 {position: absolute; left: 522px;}
.column6 {position: absolute; left: 638px;}
.column7 {position: absolute; left: 754px;}

Zlodiy v hate 10:31, 14 мая 2012 (UTC)

Это хорошо. Но у меня практически все (кроме размеров шрифта и отступов внутри блока машины) генерится автоматически. Играться можно только этими значениями:
$hstep = 144;
$vstep = 55;
$blockWidth = 126;
$blockHeight = 32;
Иначе — переписывать программную часть. --В. Чобиток 11:45, 14 мая 2012 (UTC)
Ну, вообще можно вмазать нокроты и назначить стили через яваскрипт но стоит ли игра свеч?   • SoSpoke 12:36, 14 мая 2012 (UTC)
А вообще там же стиль довольно явно прописан прям в странице, в конце дописать блок того что Zlodiy v hate предложил, параметры браузер должен взять те что последними были объявлены так что ничего особо менять то и не придется.   • SoSpoke 12:46, 14 мая 2012 (UTC)
Страница генерится динамически из игровых XML. Вышла новая версия игры с изменениями в дереве - подменил XML и все работает автоматически. Конечно, можно динамически созданную временно превращать в статическую, но я пока не вижу особой необходимости. --В. Чобиток 14:34, 14 мая 2012 (UTC)
Ну, генеришь страницу, потом ищешь последнее вхождение </style> и вставляешь код+</style> а затем уже на вывод всё. А в идеале сделать % соотношение и не мучаться с размерами но я без понятия как это сделать со стрелочками, канвой разве что.   • SoSpoke 15:04, 14 мая 2012 (UTC)
Собственно никто не предлагает делать масштабирование в неких широких пределах. Есть какие-то соображения, почему желательно сохранить возможность генерить дерево в 1000 шириной? Если нет - просто переправить несколько цифр. Картинка конечного дерева у нас фиксированной ширины в 800, текущее дерево будет такой же ширины, что хорошо с точки зрения стиля. Если все-таки надо сохранить 1000, тогда сделать выбор из двух вариантов. Кроме предложенных переменных, с которыми "можно играться" (в моем варианте они примут значения
$hstep = 116;
$vstep = 52;
$blockWidth = 100;
$blockHeight = 26;

) нужно предусмотреть буквально в нескольких местах if-else. Готов править php собственноручно Zlodiy v hate 14:02, 14 мая 2012 (UTC)

Соображение было одно — из спортивного интереса из XML максимально точно повторить игровое дерево средствами CSS с минимумом графики. Т.е. сейчас дерево по габаритным размерам, размещению и размерам блоков практически соответствует дереву в клиенте игры.
Идеологических препятствий к изменению при необходимости размеров дерева нет. --В. Чобиток 14:34, 14 мая 2012 (UTC)
Ну, в общем, моя точка зрения такова: сделать в один размер с конечным деревом. Как менее оптимальный вариант - задать размеры фрейма и пусть скроллиться вся страница, а не внутренность фрейма, ибо выглядит это мягко говоря не айс.Zlodiy v hate 14:51, 14 мая 2012 (UTC)
А, так я размеры фрейма и задал - 100% :) Можно ему еще минимальный размер задать, тогда и на широких и на узких экранах будет нормально. Ну, собственно, с измененными размерами работает: [1], то, что картинки выезжают за рамку, считать за фичу? --В. Чобиток 14:59, 14 мая 2012 (UTC)
За баг. Надо все-таки добавить .tblock a img {width: 100px;}, ну или вместо 100px - переменную $blockWidth, оно именно для того было в моем длинном списке ;) --Zlodiy v hate 23:15, 14 мая 2012 (UTC)
Подправил стиль. Теперь нормально? (когда выясняется истинная цель, задача решается проще) --В. Чобиток 15:16, 14 мая 2012 (UTC)
Так однозначно лучше чем скроллить фрейм, хотя выглядит в 1024х768 все равно не лучшим образом. Лучше всего, конечно, было бы сделать для узких экранов 800, а для широких 1000. --Zlodiy v hate 23:15, 14 мая 2012 (UTC)