Свернутый текст
[nick]Гален[/nick][status]Вампир[/status][icon]https://forumupload.ru/uploads/001a/39/87/57/908400.png[/icon][sign]
https://vk.com/nikone22[/sign]
В миг мужчина увернулся от удара, пригибаясь к земле.
- Подонок... - прорычал он, когда лицо его начало преображаться, всё меньше становясь похожим на человеческое. Зато явственно выступили клыки. Арбалетный болт пролетел мимо, - Ты будешь молить о смерти!
Тварь попыталась сбросить с себя чары охотника, качнув головой.
Спасбросок 
(+2): 9 
%dice%U2FsdGVkX1+E7fS0DdoCLx51xdpwkxJQCc228xykKso=%dice%
Не добившись успеха, вампир выхватил из кармана маленькую куклу из переплетённых веточек и лоскутов кожи, затем вцепился в собственную руку, пуская кровь. После ткнул куклу лицо в свою рану, роняя на мокрый пол.
Кровавая марионетка - 3 уровень, некромантия
Время накладывания: 1 действие
Дистанция: 60 футов
Компоненты: В, С, М
Длительность: Концентрация, вплоть до 1 минуты
Как часть накладывания заклинания, вы должны потратить три кости хитов иначе заклинание автоматически проваливается. Сделав так, вы размазываете свою кровь по материальному компоненту, используемому для наложения заклинания. Объект содрогается и становится кровавой марионеткой под вашим контролем.
У кровавой марионетки КД равен 10 + ваш бонус мастерства + модификатор вашей базовой характеристики и 30 хитов. Если хиты кровавой марионетки опускаются до 0 или она отдаляется на 1 милю или больше, то заклинание оканчивается раньше.
В ваш ход, бонусным действием ваша кровавая марионетка может переместиться или взобраться на дистанцию до 30 футов и вы можете видеть и слышать через неё до начала вашего следующего хода.
Действием вы можете заставить марионетку самоуничтожиться в кровавом взрыве, оканчивая тем самым действие заклинания. Сделав так, бросьте кости хитов, потраченные нанакладыванием заклинания и все существа в 30 футах от марионетки должны совершить спасбросок Телосложения или получат урон некротической энергией, равный результату броска. Существа получают лишь половину урона при успехе.
- Взять... - рыкнул он. И кукла со скоростью человек бросилась к охотнику, вцепляясь в него ногами и руками на уровне щиколотки.
[html]
<body>
<script>
// URL изображений и их позиции
let imageConfigs = {
МУЖЧИНА: { imageUrl: "https://forumupload.ru/uploads/001a/39/87/57/908400.png", position: { row: 9, column: 12 } },
ПАРЕНЬ: { imageUrl: "https://forumupload.ru/uploads/001a/39/87/183/378098.png", position: { row: 15, column: 17 } },
};
function handleMouseOut() {
document.body.removeChild(tooltip);
}
// Функция для генерации таблицы с изображениями и пустыми ячейками
function generateTable() {
const rowCount = 28; // Количество строк в таблице
const columnCount = 21; // Количество столбцов в таблице
// Получаем элемент таблицы
const table = document.getElementById("randomTable");
// Очищаем таблицу, если она уже существует
table.innerHTML = "";
// Генерируем строки и столбцы с изображениями и пустыми ячейками
for (let i = 0; i < rowCount; i++) {
const row = table.insertRow();
for (let j = 0; j < columnCount; j++) {
const cell = row.insertCell();
// Проверяем, совпадает ли текущая ячейка с одной из указанных позиций изображений
for (const imageName in imageConfigs) {
const matchedConfig = imageConfigs[imageName];
if (i + 1 === matchedConfig.position.row && j + 1 === matchedConfig.position.column) {
// Создаем элемент <img> и вставляем его в ячейку
const img = document.createElement("img");
img.src = matchedConfig.imageUrl;
img.alt = imageName;
cell.appendChild(img);
}
}
}
}
// Показываем таблицу
table.style.display = "table";
}
// Функция для переключения видимости таблицы
function toggleTable() {
const table = document.getElementById("randomTable");
if (table.style.display === "none") {
generateTable(); // Показываем таблицу при первом открытии
} else {
table.style.display = "none"; // Скрываем таблицу при повторном нажатии
}
}
let draggedItem; // Переменная для хранения перемещаемого элемента
document.getElementById('randomTable').addEventListener('mousedown', function (e) {
const cell = e.target.closest('td');
if (cell && cell.querySelector('img')) {
draggedItem = cell;
// Стилизуем ячейку для подчеркивания того, что она выбрана
draggedItem.style.position = 'absolute';
draggedItem.style.zIndex = 1000;
// Запоминаем начальные координаты мыши и ячейки
const offsetX = e.clientX - draggedItem.getBoundingClientRect().left;
const offsetY = e.clientY - draggedItem.getBoundingClientRect().top;
draggedItem.offsetX = offsetX;
draggedItem.offsetY = offsetY;
// Предотвращаем выделение текста во время перемещения
e.preventDefault();
}
});
document.getElementById('randomTable').addEventListener('mouseover', function (e) {
const cell = e.target.closest('td');
if (cell && cell.querySelector('img')) {
const rowIndex = cell.parentNode.rowIndex + 1;
const cellIndex = cell.cellIndex + 1;
// Создаем элемент для отображения координат
const tooltip = document.createElement('div');
tooltip.className = 'tooltip';
tooltip.innerHTML = `[${rowIndex}, ${cellIndex}]`;
tooltip.style.position = 'absolute';
tooltip.style.top = `${e.clientY + window.scrollY}px`;
tooltip.style.left = `${e.clientX + window.scrollX}px`;
document.body.appendChild(tooltip);
// Добавляем обработчик события для скрытия элемента при уходе с ячейки
cell.addEventListener('mouseout', function () {
document.body.removeChild(tooltip);
});
}
});
document.addEventListener('mousemove', function (e) {
if (draggedItem) {
const img = draggedItem.querySelector('img');
if (img) {
// Перемещаем ячейку так, чтобы ее центр находился в центре мыши
const mouseX = e.clientX - draggedItem.offsetX + draggedItem.offsetWidth / 2;
const mouseY = e.clientY - draggedItem.offsetY + draggedItem.offsetHeight / 2;
draggedItem.style.top = mouseY + 'px';
draggedItem.style.left = mouseX + 'px';
}
}
});
document.addEventListener('mouseup', function (e) {
if (draggedItem) {
// Определяем, в какую ячейку была перемещена ячейка
const targetCell = e.target.closest('td');
if (targetCell) {
// Обновляем позицию изображения в объекте imageConfigs
const selectedImage = draggedItem.querySelector('img').alt;
const rowIndex = targetCell.parentNode.rowIndex;
const cellIndex = targetCell.cellIndex;
imageConfigs[selectedImage].position.row = rowIndex + 1;
imageConfigs[selectedImage].position.column = cellIndex + 1;
// Перегенерируем таблицу с обновленными позициями
generateTable();
}
// Возвращаем стили к изначальным значениям
draggedItem.style.position = 'relative';
draggedItem.style.zIndex = 'auto';
draggedItem.style.top = '0';
draggedItem.style.left = '0';
// Удаляем обработчик события mouseout
draggedItem.removeEventListener('mouseout', handleMouseOut);
// Скрываем текущую подсказку
hideTooltip();
// Сбрасываем переменную
draggedItem = null;
}
});
function hideTooltip() {
const tooltip = document.querySelector('.tooltip');
if (tooltip) {
document.body.removeChild(tooltip);
}
}
// Скрываем таблицу при загрузке страницы
document.getElementById("randomTable").style.display = "none";
</script>
<style>
/* Стили для кнопки */
.toggle-button {
font-family: Trattatello, Arial, sans-serif; /* Шрифт Trattatello */
font-size: 18px;
padding: 10px 20px;
background-color: #B21B09; /* Цвет фона */
color: white; /* Цвет текста */
border: none;
cursor: pointer;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-top: 20px; /* Отступ сверху */
}
/* Стили для таблицы с картинкой в качестве фона */
#randomTable {
border-collapse: collapse;
background-image: url("https://forumupload.ru/uploads/001a/39/87/57/297324.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: none; /* Скрываем таблицу по умолчанию */
}
#randomTable td {
width: 25px;
height: 25px;
padding: 0;
margin: 0;
position: relative;
}
#randomTable img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.controls {
margin-bottom: 10px;
}
.tooltip {
background-color: #fff;
border: 1px solid #ccc;
padding: 5px;
position: absolute;
z-index: 1000;
}
</style>
<button class="toggle-button" onclick="toggleTable()">Карта</button>
<table id="randomTable" border="1">
<!-- Таблица будет создана здесь -->
</table>
</body>
[/html]
- Подпись автора
Возник вопрос - обернись, и Тень нашепчет тебе ответ.
: 14 
Сл 11).
