logo-img
Log In
Login
Published by
profile-img

umut

@umut

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.

Category
Oyun
Language
Html
Type
Tema
Public All
0+
  • License MIT
  • Publication Date 14/05/2023 - 02:26
  • Views 30
  • 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>