Forumlar
Yeni Mesajlar
CerezExtra
EĞLENCE ↓
Şans Kurabiyesi
Renk Falınız
ÇerezRADYO
Sevgiliye Özel
ÇerezDERGİ
Hızlı Okuma Testleri
Pratik Çözümler
Yeniler
Yeni Mesajlar
Yeni ürünler
Yeni kaynaklar
Son Aktiviteler
İndir
En son incelemeler
Dükkan
Giriş
Kayıt
Yeniler
Yeni Mesajlar
Menu
Giriş
Kayıt
Uygulamayı yükle
Yükle
Forumlar
Eğlence
İlginç Linkler
görsel hızınızı ölçelim
JavaScript devre dışı bırakıldı. Daha iyi bir deneyim için, devam etmeden önce lütfen tarayıcınızda JavaScript'i etkinleştirin.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Konuya cevap yaz
Mesaj
<blockquote data-quote="kelebek" data-source="post: 13141" data-attributes="member: 8"><p>görsel hızınızı gücünü ölçmek isteyenler linke uğrasın.</p><p></p><p>Oyunu başlatmak veya tekrar başlamak için ekrana tıklamanız yeterli. 30 saniye içinde kırmızı noktalara kaç kez tıkladığınızı ölçüyoruz <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Gülümse :)" loading="lazy" data-shortname=":)" /></p><p></p><p>Kırmızıya tıklarsanız 10 puan, başka renklere tıklarsanız -5 puan alırsınız <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Gülümse :)" loading="lazy" data-shortname=":)" /></p><p></p><p>[parsehtml]</p><p><html></p><p><head></p><p> <style></p><p> body {</p><p> background-color: #f0f0f0;</p><p> font-family: Arial, sans-serif;</p><p> }</p><p></p><p> #game {</p><p> width: 600px;</p><p> height: 400px;</p><p> margin: 0 auto;</p><p> border: 1px solid gray;</p><p> position: relative;</p><p> overflow: hidden;</p><p> }</p><p></p><p> #score {</p><p> position: absolute;</p><p> top: 10px;</p><p> left: 10px;</p><p> font-size: 20px;</p><p> }</p><p></p><p> #timer {</p><p> position: absolute;</p><p> top: 10px;</p><p> right: 10px;</p><p> font-size: 20px;</p><p> }</p><p></p><p> #result {</p><p> position: absolute;</p><p> top: 50%;</p><p> left: 50%;</p><p> transform: translate(-50%, -50%);</p><p> font-size: 30px;</p><p> display: none;</p><p> }</p><p></p><p> .circle {</p><p> width: 50px;</p><p> height: 50px;</p><p> border-radius: 50%;</p><p> position: absolute;</p><p> }</p><p> </style></p><p></head></p><p><body></p><p> <div id="game"></p><p> <div id="score">Puan: 0</div></p><p> <div id="timer">Kalan süre: 30</div></p><p> <div id="result"></div></p><p> </div></p><p> <script></p><p> // Oyun elementlerini al</p><p> var game = document.getElementById("game");</p><p> var score = document.getElementById("score");</p><p> var timer = document.getElementById("timer");</p><p> var result = document.getElementById("result");</p><p></p><p> // Bazı oyun değişkenlerini tanımla</p><p> var gameStarted = false; // Oyunun başlayıp başlamadığı</p><p> var gameScore = 0; // Kullanıcının şu anki puanı</p><p> var gameTime = 30; // Oyun süresi saniye cinsinden</p><p> var gameInterval; // Oyun zamanlayıcısını güncellemek için aralık</p><p> var circleInterval; // Daireleri oluşturmak ve kaldırmak için aralık</p><p> var circleColors = ["red", "green", "blue", "yellow", "pink", "purple"]; // Dairelerin olası renkleri</p><p> var circleCount = 0; // Şimdiye kadar oluşturulan daire sayısı</p><p> var circleCorrect = 0; // Kullanıcının doğru tıkladığı daire sayısı</p><p> var circleWrong = 0; // Kullanıcının yanlış tıkladığı daire sayısı</p><p></p><p> // Oyunu başlatmak için bir fonksiyon tanımla</p><p> function startGame() {</p><p> // Oyun başladı bayrağını true olarak ayarla</p><p> gameStarted = true;</p><p></p><p> // Oyun değişkenlerini sıfırla</p><p> gameScore = 0;</p><p> gameTime = 30;</p><p> circleCount = 0;</p><p> circleCorrect = 0;</p><p> circleWrong = 0;</p><p></p><p> // Puan ve zamanlayıcı elementlerini güncelle</p><p> score.innerHTML = "Puan: " + gameScore;</p><p> timer.innerHTML = "Kalan süre: " + gameTime;</p><p></p><p> // Sonuç elementini gizle</p><p> result.style.display = "none";</p><p></p><p> // Oyun zamanlayıcısını her saniye güncellemek için oyun aralığını başlat</p><p> gameInterval = setInterval(function() {</p><p> // Oyun süresini bir saniye azalt</p><p> gameTime--;</p><p></p><p> // Zamanlayıcı elementini güncelle</p><p> timer.innerHTML = "Kalan süre: " + gameTime;</p><p></p><p> // Oyun süresinin bitip bitmediğini kontrol et</p><p> if (gameTime == 0) {</p><p> // Oyun aralığını ve daire aralığını durdur</p><p> clearInterval(gameInterval);</p><p> clearInterval(circleInterval);</p><p></p><p> // Oyun başladı bayrağını false olarak ayarla</p><p> gameStarted = false;</p><p></p><p> // Sonuç elementini final puanı ve doğruluk oranı ile göster</p><p> result.innerHTML = "Oyun bitti!<br>Puan: " + gameScore + "<br>Doğru: " + circleCorrect + "<br>Yanlış: " + circleWrong;</p><p> result.style.display = "block";</p><p> }</p><p> }, 1000);</p><p></p><p> // Daireleri oluşturmak ve kaldırmak için daire aralığını başlat</p><p> circleInterval = setInterval(function() {</p><p> // Yeni bir daire elementi oluştur</p><p> var circle = document.createElement("div");</p><p></p><p> // Daire sınıf adını ayarla</p><p> circle.className = "circle";</p><p></p><p> // Daire id'sini şu anki daire sayısına ayarla</p><p> circle.id = "circle" + circleCount;</p><p></p><p> // Daire sayısını bir artır</p><p> circleCount++;</p><p></p><p> // Daire renkleri dizisinden rastgele bir renk seç</p><p> var colorIndex = Math.floor(Math.random() * circleColors.length);</p><p> var color = circleColors[colorIndex];</p><p></p><p> // Daire arka plan rengini seçilen renge ayarla</p><p> circle.style.backgroundColor = color;</p><p></p><p> // Daire için oyun sınırları içinde rastgele bir konum seç</p><p> var x = Math.floor(Math.random() * (game.offsetWidth - circle.offsetWidth));</p><p> var y = Math.floor(Math.random() * (game.offsetHeight - circle.offsetHeight));</p><p></p><p> // Daire sol ve üst özelliklerini seçilen konuma ayarla</p><p> circle.style.left = x + "px";</p><p> circle.style.top = y + "px";</p><p></p><p> // Daireye bir tıklama olay dinleyicisi ekle</p><p> circle.addEventListener("click", function() {</p><p> // Oyunun başladığını kontrol et</p><p> if (gameStarted) {</p><p> // Daire renginin kırmızı olup olmadığını kontrol et</p><p> if (color == "red") {</p><p> // Oyun puanını 10 puan artır</p><p> gameScore += 10;</p><p></p><p> // Doğru tıklanan daire sayısını bir artır</p><p> circleCorrect++;</p><p> } else {</p><p> // Oyun puanını 5 puan azalt</p><p> gameScore -= 5;</p><p></p><p> // Yanlış tıklanan daire sayısını bir artır</p><p> circleWrong++;</p><p> }</p><p></p><p> // Puan elementini güncelle</p><p> score.innerHTML = "Puan: " + gameScore;</p><p></p><p> // Daireyi oyundan kaldır</p><p> game.removeChild(circle);</p><p> }</p><p> });</p><p></p><p> // Oyun elementine daireyi ekle</p><p> game.appendChild(circle);</p><p></p><p> // Bir saniye sonra daireyi kaldırmak için bir zaman aşımı ayarla</p><p> setTimeout(function() {</p><p> // Dairenin hala oyun elementinde olup olmadığını kontrol et</p><p> if (game.contains(circle)) {</p><p> // Daireyi oyun elementinden kaldır</p><p> game.removeChild(circle);</p><p> }</p><p> }, 1000);</p><p> }, 1000);</p><p> }</p><p></p><p> // Oyuna tıklandığında oyunu başlatmak için oyun elementine bir tıklama olay dinleyicisi ekle</p><p> game.addEventListener("click", function() {</p><p> // Oyunun henüz başlamadığını kontrol et</p><p> if (!gameStarted) {</p><p> // Oyunu başlat</p><p> startGame();</p><p> }</p><p> });</p><p> </script></p><p></body></p><p></html>[/parsehtml]</p></blockquote><p></p>
[QUOTE="kelebek, post: 13141, member: 8"] görsel hızınızı gücünü ölçmek isteyenler linke uğrasın. Oyunu başlatmak veya tekrar başlamak için ekrana tıklamanız yeterli. 30 saniye içinde kırmızı noktalara kaç kez tıkladığınızı ölçüyoruz :) Kırmızıya tıklarsanız 10 puan, başka renklere tıklarsanız -5 puan alırsınız :) [parsehtml] <html> <head> <style> body { background-color: #f0f0f0; font-family: Arial, sans-serif; } #game { width: 600px; height: 400px; margin: 0 auto; border: 1px solid gray; position: relative; overflow: hidden; } #score { position: absolute; top: 10px; left: 10px; font-size: 20px; } #timer { position: absolute; top: 10px; right: 10px; font-size: 20px; } #result { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; display: none; } .circle { width: 50px; height: 50px; border-radius: 50%; position: absolute; } </style> </head> <body> <div id="game"> <div id="score">Puan: 0</div> <div id="timer">Kalan süre: 30</div> <div id="result"></div> </div> <script> // Oyun elementlerini al var game = document.getElementById("game"); var score = document.getElementById("score"); var timer = document.getElementById("timer"); var result = document.getElementById("result"); // Bazı oyun değişkenlerini tanımla var gameStarted = false; // Oyunun başlayıp başlamadığı var gameScore = 0; // Kullanıcının şu anki puanı var gameTime = 30; // Oyun süresi saniye cinsinden var gameInterval; // Oyun zamanlayıcısını güncellemek için aralık var circleInterval; // Daireleri oluşturmak ve kaldırmak için aralık var circleColors = ["red", "green", "blue", "yellow", "pink", "purple"]; // Dairelerin olası renkleri var circleCount = 0; // Şimdiye kadar oluşturulan daire sayısı var circleCorrect = 0; // Kullanıcının doğru tıkladığı daire sayısı var circleWrong = 0; // Kullanıcının yanlış tıkladığı daire sayısı // Oyunu başlatmak için bir fonksiyon tanımla function startGame() { // Oyun başladı bayrağını true olarak ayarla gameStarted = true; // Oyun değişkenlerini sıfırla gameScore = 0; gameTime = 30; circleCount = 0; circleCorrect = 0; circleWrong = 0; // Puan ve zamanlayıcı elementlerini güncelle score.innerHTML = "Puan: " + gameScore; timer.innerHTML = "Kalan süre: " + gameTime; // Sonuç elementini gizle result.style.display = "none"; // Oyun zamanlayıcısını her saniye güncellemek için oyun aralığını başlat gameInterval = setInterval(function() { // Oyun süresini bir saniye azalt gameTime--; // Zamanlayıcı elementini güncelle timer.innerHTML = "Kalan süre: " + gameTime; // Oyun süresinin bitip bitmediğini kontrol et if (gameTime == 0) { // Oyun aralığını ve daire aralığını durdur clearInterval(gameInterval); clearInterval(circleInterval); // Oyun başladı bayrağını false olarak ayarla gameStarted = false; // Sonuç elementini final puanı ve doğruluk oranı ile göster result.innerHTML = "Oyun bitti!<br>Puan: " + gameScore + "<br>Doğru: " + circleCorrect + "<br>Yanlış: " + circleWrong; result.style.display = "block"; } }, 1000); // Daireleri oluşturmak ve kaldırmak için daire aralığını başlat circleInterval = setInterval(function() { // Yeni bir daire elementi oluştur var circle = document.createElement("div"); // Daire sınıf adını ayarla circle.className = "circle"; // Daire id'sini şu anki daire sayısına ayarla circle.id = "circle" + circleCount; // Daire sayısını bir artır circleCount++; // Daire renkleri dizisinden rastgele bir renk seç var colorIndex = Math.floor(Math.random() * circleColors.length); var color = circleColors[colorIndex]; // Daire arka plan rengini seçilen renge ayarla circle.style.backgroundColor = color; // Daire için oyun sınırları içinde rastgele bir konum seç var x = Math.floor(Math.random() * (game.offsetWidth - circle.offsetWidth)); var y = Math.floor(Math.random() * (game.offsetHeight - circle.offsetHeight)); // Daire sol ve üst özelliklerini seçilen konuma ayarla circle.style.left = x + "px"; circle.style.top = y + "px"; // Daireye bir tıklama olay dinleyicisi ekle circle.addEventListener("click", function() { // Oyunun başladığını kontrol et if (gameStarted) { // Daire renginin kırmızı olup olmadığını kontrol et if (color == "red") { // Oyun puanını 10 puan artır gameScore += 10; // Doğru tıklanan daire sayısını bir artır circleCorrect++; } else { // Oyun puanını 5 puan azalt gameScore -= 5; // Yanlış tıklanan daire sayısını bir artır circleWrong++; } // Puan elementini güncelle score.innerHTML = "Puan: " + gameScore; // Daireyi oyundan kaldır game.removeChild(circle); } }); // Oyun elementine daireyi ekle game.appendChild(circle); // Bir saniye sonra daireyi kaldırmak için bir zaman aşımı ayarla setTimeout(function() { // Dairenin hala oyun elementinde olup olmadığını kontrol et if (game.contains(circle)) { // Daireyi oyun elementinden kaldır game.removeChild(circle); } }, 1000); }, 1000); } // Oyuna tıklandığında oyunu başlatmak için oyun elementine bir tıklama olay dinleyicisi ekle game.addEventListener("click", function() { // Oyunun henüz başlamadığını kontrol et if (!gameStarted) { // Oyunu başlat startGame(); } }); </script> </body> </html>[/parsehtml] [/QUOTE]
Alıntıları ekle...
İsim
Spam kontrolü
Atatürk'ün doğduğu şehir?
Cevapla
Forumlar
Eğlence
İlginç Linkler
görsel hızınızı ölçelim
Top