Published by
meyve slot oyunu html
Renkli dans stüdyosunda slot oyna Hareketli slot barları, 70 kazanma oranıyla heyecanı artırır. Eğlenceli ve şanslı bir deneyim.
- License MIT
- Publication Date 14/05/2023 - 02:26
- Views 27
- Downloads 3
- Files 1
- Images 1
<!DOCTYPE html>
<html>
<head>
<title>Dans Slot Oyunu</title>
<style>
body {
text-align: center;
font-family: Arial, sans-serif;
background: linear-gradient(45deg, #ffbf00, #ff0084, #ff00bf, #ffbf00);
background-size: 600% 600%;
animation: gradientAnimation 10s ease infinite;
}
h1 {
margin-top: 50px;
color: #fff;
font-size: 28px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
#game-container {
margin-top: 50px;
}
#reels {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
animation: spinReels 2s ease-in-out infinite;
}
.symbol {
font-size: 60px;
padding: 10px;
transform: rotate(0deg);
animation: spinSymbol 1s linear infinite;
}
@keyframes spinSymbol {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spinReels {
0% {
transform: rotateX(0deg);
}
100% {
transform: rotateX(360deg);
}
}
#spin-button {
padding: 10px 20px;
font-size: 20px;
background-color: #ff9800;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
}
</style>
</head>
<body>
<h1>Dans Slot Oyunu</h1>
<div id="game-container">
<div id="reels">
<div class="symbol">🍎</div>
<div class="symbol">🍓</div>
<div class="symbol">🍊</div>
<div class="symbol">🍇</div>
<div class="symbol">🍒</div>
</div>
<button id="spin-button">Döndür</button>
</div>
<script>
var symbols = ['🍎', '🍓', '🍊', '🍇', '🍒'];
var spinButton = document.getElementById('spin-button');
var reels = document.getElementById('reels');
spinButton.addEventListener('click', spinReels);
function spinReels() {
reels.innerHTML = '';
for (var i = 0; i < 3; i++) {
var symbolIndex = Math.floor(Math.random() * symbols.length);
var symbol = symbols[symbolIndex];
var symbolElement = document.createElement('div');
symbolElement.className = 'symbol';
symbolElement.textContent = symbol;
reels.appendChild(symbolElement);
}
var result = checkWin();
if (result) {
alert('Tebrikler! Kazandınız!');
} else {
alert('Üzgünüz! Kaybettiniz!');
}
}
function checkWin() {
var symbols = Array.from(reels.children).map(function(symbolElement) {
return symbolElement.textContent;
});
var uniqueSymbols = symbols.filter(function(symbol, index, self) {
return self.indexOf(symbol) === index;
});
if (uniqueSymbols.length === 1) {
return true; // Kazanma durumu
} else {
return false; // Kaybetme durumu
}
}
</script>
</body>
</html>