[html]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dice Roll</title>
<style>
/* Стиль для кубика */
#dice-container {
width: 100px;
height: 100px;
position: relative;
border: 2px solid #000;
border-radius: 10px;
cursor: pointer;
overflow: hidden;
background: url('https://s3.radikal.cloud/2024/12/07/179bf56e8b8ead29da07733c9f7ab5691fc779e5a8781466.png') center/cover;
}
#dice-result {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 24px;
color: #fff;
font-weight: bold;
text-shadow: 0 0 5px #000;
}
#result-text {
text-align: center;
margin-top: 10px;
font-size: 16px;
}
/* Список всех бросков */
#roll-history {
margin-top: 20px;
font-size: 16px;
text-align: center;
}
/* Анимация вращения кубика */
@keyframes roll {
0% { transform: rotate(0); }
25% { transform: rotate(90deg); }
50% { transform: rotate(180deg); }
75% { transform: rotate(270deg); }
100% { transform: rotate(360deg); }
}
</style>
</head>
<body>
<!-- Кубик -->
<div id="dice-container" onclick="rollDice(this)">
<div id="dice-result"></div>
</div>
<div id="result-text"></div>
<div id="roll-history">
<h3>История бросков:</h3>
<ul id="history-list"></ul>
</div>
<script>
// Имя игрока
const playerName = "Винсент";
let rollHistory = [];
function rollDice(element) {
const result = Math.floor(Math.random() * 20) + 1;
const resultDiv = element.querySelector("#dice-result");
resultDiv.textContent = '';
element.style.animation = 'roll 0.5s ease-in-out';
setTimeout(() => {
resultDiv.textContent = result; // Показать результат на кубике
element.style.animation = '';
const timestamp = new Date().toLocaleTimeString();
const resultText = `${playerName}: ${result} (время: ${timestamp})`;
rollHistory.push(resultText);
updateHistory();
const resultTextDiv = document.getElementById("result-text");
resultTextDiv.textContent = resultText;
}, 500);
}
function updateHistory() {
const historyList = document.getElementById("history-list");
historyList.innerHTML = ''; // Очистить старый список
rollHistory.forEach(item => {
const li = document.createElement('li');
li.textContent = item;
historyList.appendChild(li);
});
}
</script>
</body>
</html>[/html]
я маму твою любил
- Подпись автора
Энергетический вампир, 18 лет
одежда: чёрные эльфийские шмотки, выглядит как кандидат на роль демон слеера
с собой: кольцо для колдовства, неполная колода зачарованных карт (несколько были уничтожены)
настроение и состояние: без сознания, травма головыВладелец Гонца Забвения. Проклят THEVOICES
ни стыда ни совести
связь: Микаэль Моррей
