Кубики

Добрый день! Наверное, я не вовремя с просьбой во время техработ Нужны кубики - дайсы для ролевой. Те, которые встроены, нас не совсем устраивают. Например, чтобы кинуть их надо создавать отдельное сообщение, причем его потом нельзя редактировать. Комментировать результат приходится в новом сообщении   А нам нужны простые кубики с цифрами, кликнуть и вставить прямо в текст. Особенно нужна возможность задавать количество граней. И если можно, чтобы кидались сразу три разных кубика.
Спасибо!

Доброго времени суток!
Нужно нечто подобное, я правильно понимаю?



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

Да, именно так! А можно чтобы сразу сумма подсчитывалась?

Думаю, что можно.

Как это будет выглядеть:



1. Создаем новый скрипт с отображением на всех страницах (подробнее)

Код:

$(function () {$(function () {if ($.sceditor) {

$('<a class="sceditor-button sceditor-button-threediсe" unselectable="on" title="Кинуть 3 кубика и получить сумму"><div>Кинуть кубики</div></a>').appendTo($('.sceditor-toolbar .sceditor-group:last')).click(function () {

var dice = 1;
var dices = 1;
var dicee = 1;

function math(sides){
return Math.floor((Math.random()*sides)+1).toString();
}

var dice = math(6);
var dices = math(8);
var dicee = math(12);

var dice1 = parseFloat(dice);
var dice2 = parseFloat(dices);
var dice3 = parseFloat(dicee);
var dice4 = dice1 + dice2 + dice3;

$('#text_editor_textarea').sceditor('instance').insert('[' + dice1 + '][' + dice2 + '][' + dice3 + '] = ' + dice4 + ' ');

});
}});});

Назначаем будущие кубики: например, мини-дайс (dice), стандартный дайс (dices) и многогранный дайс (dicee)

Код:

var dice = 1;
var dices = 1;
var dicee = 1;

В значении math указываем "количество граней", которое будет на каждом из кубиков:

Код:

var dice = math(3);
var dices = math(6);
var dicee = math(32);

Кол-во граней может быть каким угодно, например, одинаковым —

Код:

var dice = math(6);
var dices = math(6);
var dicee = math(6);

В строке

Код:

'[' + dice1 + '][' + dice2 + '][' + dice3 + '] = ' + dice4 + '

выводим текстом значение каждого кубика [обрамленное в квадратные скобки] и сумму их очков.

Сохраняем.

2. В CSS добавляем иконку для кнопки:

Код:

a.sceditor-button.sceditor-button-threediсe div {
background: transparent url(http://i39.servimg.com/u/f39/11/74/13/65/14123910.png) no-repeat center !important;
opacity:1 !important;
filter:alpha(opacity=100) !important;
}

Ссылку https://i.servimg.com/u/f39/11/74/13/65/14123910.png можно заменить на любую другую.

Спасибо, то что нужно! А если игроки попросят меня сделать цифры в виде изображения кубиков, такое реально?

В принципе, тоже реально. Надо превратить цифры в коды смайлов, а в качестве иконок назначить изображения граней кубика.

Для этого замените в скрипте строку

Код:

$('#text_editor_textarea').sceditor('instance').insert('[' + dice1 + '][' + dice2 + '][' + dice3 + '] = ' + dice4 + ' ');

на

Код:

$('#text_editor_textarea').sceditor('instance').insert(':' + dice1 + ': :' + dice2 + ': :' + dice3 + ':  = ' + dice4 + ' ');

Сохраните. В результате цифры будут добавляться так:



Вот эти символы — :1: :2: :3: :4: :5: :6: — и надо превратить в смайлы (как создавать смайлы — читайте тут:  https://help.forum2x2.ru/t18628-topic)

Должно получится (на примере стандартного шестигранного кубика):



Соответственно, в сообщении будут отображаться иконки в гранями:

Спасибо! Все просто здорово! Тема решена