<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sinoş Slime Live</title>
<link rel="stylesheet" href="style.css">
<!-- Three.js Kütüphanesi -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
</head>
<body>
<!-- 3D Oyun ve Sahne Alanı -->
<div id="canvas-container"></div>
<!-- Canlı Yayın Arayüzü (UI) -->
<div class="stream-overlay">
<!-- Üst Bilgi Barı -->
<div class="stream-header">
<div class="streamer-info">
<span class="live-badge">CANLI</span>
<span class="streamer-name">🌸 Sinoş Slime Live</span>
<span class="viewer-count">👁️ <span id="viewers">12.4K</span></span>
</div>
<div class="coins-container">
💎 <span id="coin-count">1500</span> Jeton
</div>
</div>
<!-- Sol Taraf: Canlı Sohbet Akışı -->
<div class="chat-container">
<div class="chat-messages" id="chat-messages">
<div class="chat-msg"><b>User_99:</b> Aşkım harika görünüyorsun! 💕</div>
<div class="chat-msg"><b>SlimeQueen:</b> Biraz daha boraks ekle bence!</div>
<div class="chat-msg"><b>EmreCan:</b> Gül hediyesi gönderildi! 🌹</div>
</div>
</div>
<!-- Sağ Taraf: Hediye Paneli -->
<div class="gift-panel">
<h3>🎁 Hediyeler</h3>
<div class="gift-grid">
<button class="gift-btn" onclick="sendGift('Gül', 1, 'water')">🌹 Gül<br><span>1</span></button>
<button class="gift-btn" onclick="sendGift('Dondurma', 1, 'water_extra')">🍦 Dondurma<br><span>1</span></button>
<button class="gift-btn" onclick="sendGift('Finger Heart', 5, 'starch')">🤏 Yürek<br><span>5</span></button>
<button class="gift-btn" onclick="sendGift('Parfüm', 20, 'foam')">🧪 Parfüm<br><span>20</span></button>
<button class="gift-btn" onclick="sendGift('Donut', 30, 'glue')">🍩 Donut<br><span>30</span></button>
<button class="gift-btn" onclick="sendGift('Bubble Gum', 99, 'borax')">🍬 Sakız<br><span>99</span></button>
<button class="gift-btn" onclick="sendGift('Konfetti', 100, 'glitter')">🎉 Konfetti<br><span>100</span></button>
<button class="gift-btn" onclick="sendGift('Money Gun', 500, 'lemon')">💸 Para Tabancası<br><span>500</span></button>
<button class="gift-btn" onclick="sendGift('Galaxy', 1000, 'galaxy')">🌌 Galaksi<br><span>1000</span></button>
<button class="gift-btn" onclick="sendGift('Fireworks', 1088, 'fireworks')">🎆 Havai Fişek<br><span>1088</span></button>
<button class="gift-btn lion-btn" onclick="sendGift('Lion', 29999, 'lion')">🦁 Aslan<br><span>29999</span></button>
</div>
</div>
<!-- Alt Kontrol Paneli -->
<div class="bottom-controls">
<button class="ctrl-btn" onclick="toggleDance()">💃 Dans Et / Durdur</button>
<button class="ctrl-btn reset-btn" onclick="resetSlime()">🔄 Slime'ı Sıfırla</button>
<button class="ctrl-btn end-btn" onclick="endStream()">🔴 Yayını Bitir</button>
</div>
<!-- Hediye Efekt Animasyon Alanı -->
<div id="animation-popup" class="animation-popup"></div>
</div>
<script src="script.js"></script>
</body>
</html>