Окно выбора персонажа

DEMO

Дизайн взят с ragemp.pro

Автор дизайна: Keer (спасибо большое)

Разработка: discord: peach#5569

npm i

Перед запуском проекта вам нужно установить модули.

npm start

После установки модулей запустите проект.

npm run build

Для того чтобы сбилдить проект.

Ивенты

Сервер -> Клиент

Отобразить интерфейс

('app', {type: 'setComponent', data: 'choicePlayer'})

Отправка списка слотов

('choicePlayer', {type: 'setData', data: obj})

Хранение данных

data= {
	0: {
		type: 'active',
		id: 12521,
		name: 'LEECOM PANY',
		lvl: 1,
		fraction: 'CityHall',
		card: '2074991',
		cash: '2074991',
		condition: {
			food: 50,
			water: 50,
			health: 50,
			endurance: 50,
		},
	},

	1: {
		type: null, // Пустой слот
	},

	2: {
		type: 'donate', // Донатный слот
	},
}

Изменение одного слота с персонажем

('choicePlayer', {type: 'changePlayer', data: obj})

Хранение данных

data = {
	slot: 0, // 0, 1, 2
	data: {
		type: null;
		...
	}
}

Клиент-> Сервер

Выбор персонажа

('choicePlayer', 'selectPlayer', {"slot":"0","id":12521})

Удаление персонажа

('choicePlayer', 'deletePlayer', {"slot":"0","id":12521})

Создание персонажа

('choicePlayer', 'createPlayer', {"slot":"1"})

Выбор донатного слота

('choicePlayer', 'selectDonateSlot', {"slot":"2"})