[Продам] Круговое меню действий а-ля Sims.

[lmklde]

Продается система настраиваемых менюшек, количество подключаемых кнопок неограниченно, но рекомендуемое для красоты от 4 до 8.
Можно блокировать кнопки, выводить подсказки при наведении на кнопку, вставлять картинку перед текстом кнопки.
При нажатии на кнопку срабатывает функция вами созданная, на клик в любом другом месте кроме кнопки закрывает меню.
Звуковое оформление присутствует (при нажатии на кнопку). Подключается очень просто. Разброс кнопок от центра тоже можно настроить.

Спойлер: Функционал

const sm = require(`../simsMenu/index.js`); // подключение
const mainMenu = new sm.SimsMenu(); // объявляем меню
const sipleItem = new sm.SimsItem(); // объявляем кнопку

sipleItem.text = `Текст кнопки`; // редактируем кнопку
sipleItem.icon = `images/6.png`; // иконка возле текста
sipleItem.iconWidth = 33; // ширина иконки
sipleItem.enabled = false; // активна кнопка или нет
sipleItem.tooltip = `Текст подсказки`; // при наведении на кнопку
sipleItem.onClick = (player) => player.notify(`Нажал на кнопку`); // действие после нажатия на кнопку

if (!sipleItem.enabled) console.log(sipleItem.text); // `Текст кнопки`

mainMenu.addItem(sipleItem); // добавляем кнопку
mainMenu.addItems([sipleItem, sipleItem]); // добавляем еще 2 кнопки
mainMenu.addBackButton(`Назад`, (player) => player.notify(`сообщение`)); // создадим кнопку в центре меню (обычно используется для возврата назад)

mainMenu.build(); // собираем меню
mainMenu.show(player); // показываем игроку

Спойлер: Демонстрация

Спойлер: Пример из видео

const mainMenu = new sm.SimsMenu();
const moreItemsMenu = new sm.SimsMenu();

const sipleItem = new sm.SimsItem();
sipleItem.text = `Просто кнопка`;
sipleItem.onClick = (player) => player.notify(`Нажал на просто кнопку`);

const iconItem = new sm.SimsItem();
iconItem.text = `Кнопка с картинкой`;
iconItem.icon = `images/6.png`;
iconItem.onClick = (player) => player.notify(`Нажал на кнопку с картинкой`);

const lockedTooltipItem = new sm.SimsItem();
lockedTooltipItem.text = `Заблокированная кнопка с подсказкой`;
lockedTooltipItem.enabled = false;
lockedTooltipItem.tooltip = `Текст подсказки тут.`;

const tooltipItem = new sm.SimsItem();
tooltipItem.text = `Просто кнопка с подсказкой`;
tooltipItem.tooltip = `Текст подсказки простой кнопки.`;
tooltipItem.onClick = (player) => player.notify(`Нажал на просто кнопку с подсказкой`);

const moreItems = new sm.SimsItem();
moreItems.text = `Много кнопок вместе...`;
moreItems.onClick = (player) => moreItemsMenu.show(player);

const item = new sm.SimsItem();
item.text = `Много кнопок`;

mainMenu.addItems([sipleItem, iconItem, lockedTooltipItem, tooltipItem, moreItems]);
moreItemsMenu.addItems([item, item, item, item, item, item, item, item, item, item]);
moreItemsMenu.addBackButton(`Назад`, (player) => mainMenu.show(player));

mainMenu.build();
moreItemsMenu.build();

mp.events.addCommand(`test`, (player) => {
    mainMenu.show(player);
});

Цена: 2000 руб. новая версия в ресурсах
Discord: lmklde#0793
Писать в личку или сюда.

 

[Inoi]

Это вариация на тему

https://rage.mp/files/file/407-interact-menu-non-cef/

?

Выглядит аккуратненько и миленько, энивей, лукас

 

[lmklde]

Добавил небольшой эффект появления кнопок

Спойлер

 

[lmklde]

Добавил еще одну мелочь в оформление: тень кнопки. Теперь заблокированные кнопки более выделяются на светлом фоне.
Скорее всего это последнее обновление, идей для развития темы не осталось.

Спойлер

 

[XDeveluxe]

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

 

[kurlikmurlik]

Была бы типизация, нормальная реализация классов, с использованием фреймворка (фреймворк не указан, поэтому предположение что это jq, либо натив), то можно было бы продавать эту работу за 3500 рублей в разные руки. А так - не советую, работы на пару часов, а то и меньше.

 

[lmklde]

Была бы типизация, нормальная реализация классов, с использованием фреймворка (фреймворк не указан, поэтому предположение что это jq, либо натив), то можно было бы продавать эту работу за 3500 рублей в разные руки. А так - не советую, работы на пару часов, а то и меньше.

Не совсем понял, что по вашему "нормальная реализация классов"?

 

[IronPython]

Не совсем понял, что по вашему "нормальная реализация классов"?

Думаю тут человек увидел пример использования и ему не понравилось то как это все реализовано, думаю он хотел увидеть тру ооп ну и естественно ts с типами из коробки

const menu = new Menu();
const subMenu = new Menu();

const simpleItem = {
    icon: 'name or path',
    text: 'close',
    toltip: '',
    disabled: false,
    onClick: (e) => e.menu.close(),
    onFocus: (e) => {}
};

const simpleLinkItem = {
    icon: 'name or path',
    text: '',
    targetMenu: subMenu
}

menu.addItem(simpleItem);
menu.addItem(simpleLinkItem);

menu.addItems([simpleItem1 , simpleItem2]);

menu.open();

 

[IronPython]

Думаю тут человек увидел пример использования и ему не понравилось то как это все реализовано, думаю он хотел увидеть тру ооп

const menu = new Menu();
const subMenu = new Menu();

const simpleItem = {
    icon: 'name or path',
    text: '',
    toltip: '',
    disabled: false,
    onClick: (e) => e.menu.close(),
    onFocus: (e) => {}
};

const simpleLinkItem = {
    icon: 'name or path',
    text: '',
    targetMenu: subMenu
}

menu.addItem(simpleItem);
menu.addItems([simpleItem1 , simpleItem2]);

menu.open();

Буду надеяться что вы меня поняли

 

[kurlikmurlik]

Не совсем понял, что по вашему "нормальная реализация классов"?

Неправильно выразился. Я имел ввиду в принципе использование классов было бы отличным решением.

 

[kurlikmurlik]

Думаю тут человек увидел пример использования и ему не понравилось то как это все реализовано, думаю он хотел увидеть тру ооп ну и естественно ts с типами из коробки

const menu = new Menu();
const subMenu = new Menu();

const simpleItem = {
    icon: 'name or path',
    text: 'close',
    toltip: '',
    disabled: false,
    onClick: (e) => e.menu.close(),
    onFocus: (e) => {}
};

const simpleLinkItem = {
    icon: 'name or path',
    text: '',
    targetMenu: subMenu
}

menu.addItem(simpleItem);
menu.addItem(simpleLinkItem);

menu.addItems([simpleItem1 , simpleItem2]);

menu.open();

Ну, почти.

 

[IronPython]

Ну, почти.

Ну js это не тот язык где ооп в приоритете, это скорее неплохое дополнение, нежели то что нужно всегда использовать ИМХО

 

[lmklde]

Буду надеяться что вы меня поняли

Неправильно выразился. Я имел ввиду в принципе использование классов было бы отличным решением.

Понял, спасибо за отзыв

 

[kurlikmurlik]

Ну js это не тот язык где ооп в приоритете, это скорее неплохое дополнение, нежели то что нужно всегда использовать ИМХО

Я даже не знаю что ответить) Ну окей.

 

[lmklde]

В связи с последними отзывами была изменена реализация создания и управления меню. Теперь это проще и понятнее.

Спойлер: Функционал

const sm = require(`../simsMenu/index.js`); // подключение
const mainMenu = new sm.SimsMenu(); // объявляем меню
const sipleItem = new sm.SimsItem(); // объявляем кнопку

sipleItem.text = `Текст кнопки`; // редактируем кнопку
sipleItem.icon = `images/6.png`; // иконка возле текста
sipleItem.iconWidth = 33; // ширина иконки
sipleItem.enabled = false; // активна кнопка или нет
sipleItem.tooltip = `Текст подсказки`; // при наведении на кнопку
sipleItem.onClick = (player) => player.notify(`Нажал на кнопку`); // действие после нажатия на кнопку

mainMenu.addItem(sipleItem); // добавляем кнопку
mainMenu.addItems([sipleItem, sipleItem]); // добавляем еще 2 кнопки
mainMenu.addBackButton(`Назад`, (player) => player.notify(`сообщение`)); // кнопка в центре меню (обычно используется для возврата назад), принимает название кнопки и действие после нажатия

mainMenu.build(); // собираем меню
mainMenu.show(player); // показываем игроку

if (!sipleItem.enabled) console.log(sipleItem.text); // `Текст кнопки`

 

[Moretti]

new sm.SimsItem() можно добавить параметры new sm.SimsItem({text: "", icon}) и т.д

 

[lmklde]

new sm.SimsItem() можно добавить параметры new sm.SimsItem({text: "", icon}) и т.д

const testMenu = new sm.SimsMenu();
const testItem = new sm.SimsItem({text: `Кнопка`, enabled: true, tooltip: ``, icon: `images/13.png`});
testMenu.addItems([testItem, testItem, testItem, testItem]);
testMenu.build();
testMenu.show(player);

Спойлер

 

[lmklde]

up, изменил цену.

 

[lmklde]

up