Система модификаций
Содержание |
Система модификаций
Модификации — прогрессионная механика для внутриигровых предметов, дающая возможность с помощью специальных модов изменять характеристики некоторых моделей основного или дополнительного оружия, а также бронежилетов "Спектр". Система модификаций позволяет пользователю развивать свое оружие и настраивать его характеристики под себя.
В системе модификаций, выполняя специальные контракты или продвигаясь по прогрессии предметов, можно получить специальную валюту — 
детали, которые затем тратятся на улучшение модов. Оружие и снаряжение прокачиваются во время игры с ними. Чем больше времени в игре вы проводите с тем или иным предметом, тем выше его уровень и больше ассортимент доступных модов. Для разных типов оружия (штурмовые винтовки, дробовики и так далее) доступен свой набор модов.
Прогрессия
В системе прогрессии 40 уровней. Первые уровни требуют небольшого количества опыта, но прогрессия будет постепенно усложняться. По мере прокачки оружия вы можете получить различные предметы: новые моды, а также слоты для них, детали, уникальное оборудование. Кроме того, при достижении последних уровней мастерства некоторых моделей вы получите предметы кастомизации.
Развитие предметов
Получать очки мастерства оружия можно в боях. Чем больше времени вы проводите с оружием, тем выше уровень мастерства и тем больше модов вам доступно.
Инвентарь модов
Все доступные моды можно получить за игру — с повышением уровня мастерства. После открытия моды попадут в инвентарь, где вы сможете улучшить их с помощью деталей или установить перед боем на оружие. Чтобы начать пользоваться уникальными модами, надо потратить определенное количество деталей после получения мода.
Моды делятся на два типа — улучшаемые и уникальные. Моды первого типа можно прокачать, а моды второго типа сразу имеют максимальный уровень и особые эффекты. Кроме того, моды с улучшениями выделяются в инвентаре определенным цветом: например, обычный мод имеет белую ячейку, эпический — фиолетовую, а легендарный — золотую.
Два уникальных мода нельзя использовать одновременно — вы можете установить только один уникальный и два обычных.
Предметы кастомизации
Прокачали пушку до высших уровней? Получите специальные предметы, подтверждающие ваше мастерство! В набор входят брелок с миниатюрной моделью оружия, уникальная нашивка и камуфляж.
<div class="wf-tabs-menu"> <ul class="wf-tabs-list"> <li class="wf-tabs-list__item type-opened" data-tab-target="tab--1">Камуфляжи</li> <li class="wf-tabs-list__item" data-tab-target="tab--2">Брелоки</li> <li class="wf-tabs-list__item" data-tab-target="tab--3">Нашивки</li> </ul> </div>
АК-47
ОЦ-14 "Гроза"
Desert Eagle
Пистолет Макарова
Fabarm P.S.S.10
СР-2 "Вереск"
АКС-74У
Mauser Kar98k
Remington 870 RAS
M40A5
H&K G36 Assault
Kel-Tec RDB-C
Sentry 12
SIG MPX Copperhead
АК-47
ОЦ-14 "Гроза"
Desert Eagle
Пистолет Макарова
Fabarm P.S.S.10
СР-2 'Вереск'
АКС-74У
Mauser Kar98k
H&K G36 Assault
Kel-Tec RDB-C
Remington 870 RAS
M40A5
Sentry 12
SIG MPX Copperhead
Получение деталей
Детали для создания модов можно получить в специальном контракте или продвигаясь по прогрессии оружия. В будущем детали могут быть доступны и другими способами.
.charms_block {
width: 100%;
height: 100%;
}
.charms_block__item {
height: 175px;
justify-content: flex-end;
align-items: center;
flex-direction: column;
width: 16%;
}
.charms_block__item img {
max-height: 120px;
margin: auto;
}
.charms_block__item p {
text-align: center;
}
.weapons_block__item {
height: 150px;
justify-content: flex-end;
align-items: center;
flex-direction: column;
}
.weapons_block__item img {
margin: auto;
max-width: 200px!important;
}
.weapons_block__item .news__lightbox {
overflow: visible;
height: 100%;
}
.weapons_block__item {
width: 25%;
}
@media screen and (max-width:800px) {
.weapons_block__item {
width: 33%;
}
}
@media screen and (max-width:500px) {
.weapons_block__item {
width: 45%;
}
}
/*--[flex]--*/
.flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.align-content--start {
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.align-content--center {
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.align-content--end {
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
.align-content--between {
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between;
}
.align-content--around {
-webkit-align-content: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.align-content--evenly {
-webkit-align-content: space-evenly;
-ms-flex-line-pack: space-evenly;
align-content: space-evenly;
}
.align-items--start,
.flex--top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-items--center,
.flex--middle {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-items--end,
.flex--bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.flex-direction--row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-direction--row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-direction--column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-direction--column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-orient: vertical;
-moz-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-wrap--wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-wrap--reverse {
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.flex-wrap--nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.justify-content--start,
.flex--left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-content--center,
.flex--center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content--end,
.flex--rigth {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-content--between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-content--around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.justify-content--evenly {
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-moz-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
/*--[/flex]--*/
.wf-tabs {
margin: 0;
}
.wf-tabs-menu {
position: relative;
}
.wf-tabs-menu ul{
margin: 0;
}
.wf-tabs-list {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
.wf-tabs-list__item {
border-bottom: 2px solid #901819;
font-size: 16px;
font-family: Quantico;
line-height: 20px;
font-weight: 700;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: flex;
width: 50%;
height: 50px;
text-align: center;
cursor: pointer;
text-transform: uppercase;
color: white;
}
.wf-tabs-list__item.type-opened {
background: #901819;
}
.text ul li.wf-tabs-list__item {
margin-bottom: 0;
}
.text ul li.wf-tabs-list__item:before {
content: ;
width: 0;
display: none;
}
.wf-tabs-menu__arrow,
.tab-content {
display: none;
}
.tab-content.type-opened {
display: block;
}
@media (max-width: 768px) {
.wf-tabs-menu__arrow {
display: block;
position: absolute;
right: 14px;
top: 9px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.wf-tabs-menu__arrow:before {
display: block;
}
.wf-tabs-menu.type-opened .wf-tabs-menu__arrow {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.wf-tabs-menu.type-opened .wf-tabs-list__item {
display: flex;
}
.wf-tabs-list {
flex-wrap: wrap;
margin-bottom: 5px;
}
.wf-tabs-list__item {
background: #c00;
border: none;
height: 32px;
font-weight: normal;
margin: 0;
-webkit-box-ordinal-group: 3;
order: 2;
text-align: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 100%;
}
.wf-tabs-list__item:hover {
background: #a80000;
}
.wf-tabs-list__item:not(.type-opened) {
display: none;
}
.wf-tabs-list__item.type-opened {
background: #c00;
color: #fff;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
.wf-wiki-2-0 ul.wf-tabs-list li:before {
display:none;
}
<script>var pageTab = function() {
var pageMenu = document.querySelector('.wf-tabs-menu'),
pageTabs = document.querySelectorAll('.wf-tabs-list__item'),
pageTabContent = document.querySelectorAll('.tab-content'),
pageTabTarget;
pageTabs.forEach(function(item) {
item.addEventListener('click', selectPageTabs);
});
function selectPageTabs() {
pageTabs.forEach(function(item) {
item.classList.remove('type-opened');
});
this.classList.add('type-opened');
pageTabTarget = this.getAttribute('data-tab-target');
selectPageTabContent(pageTabTarget);
};
function selectPageTabContent() {
pageTabContent.forEach(function(item) {
item.classList.contains(pageTabTarget) ? item.classList.add('type-opened') : item.classList.remove('type-opened');
});
};
pageMenu.addEventListener('click', selectPageMenu);
function selectPageMenu() {
if (document.documentElement.clientWidth <= 768) {
pageMenu.classList.toggle('type-opened');
};
};
};
pageTab();
</script>
