tag:blogger.com,1999:blog-5777826826357794628Wed, 04 Sep 2024 12:36:12 +0000Free GamesLanguage LearningPlay and LearnLearn RussianLearn Spanishhidden objectlearn FrenchRobot GameRoboticslearn EnglishBobbie's GamesAwesome Free Gameshttps://bobbiegames.blogspot.com/noreply@blogger.com (Bobbie)Blogger15125tag:blogger.com,1999:blog-5777826826357794628.post-7657289622118849303Fri, 28 Jun 2019 17:21:00 +00002019-06-28T10:21:09.201-07:00500+ Free Games<h2 style="text-align: center;"> <a href="http://500-cool-free-games.portals.famobi.com/">500+ Free Games</a></h2> <div> <div class="separator" style="clear: both; text-align: center;"> <a href="http://500-cool-free-games.portals.famobi.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1532" data-original-width="1080" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2FU86UOow1cS8rTfcp6vmEqgdBiPyy3f4CLvuwblrrKCgCr-TNksFbWFxHZVtpv2dYJ4fLT1sYuAH17OgFBTZYGFz1weXmdZm8_bm1X4ALTJ0GNuj6yik9vW7Urs3V7GUJyey7_G0_SA/s320/Screenshot_20190221-082644%257E2.png" width="225" /></a></div> <br /></div> <div style="text-align: center;"> <a href="http://500-cool-free-games.portals.famobi.com/">Play 500+ Free Mobile, Tablet, and Computer Games</a></div> <div style="text-align: center;"> <br /></div> <div style="text-align: center;"> <a href="http://500-cool-free-games.portals.famobi.com/">Play Now</a></div> https://bobbiegames.blogspot.com/2019/06/500-free-games.htmlnoreply@blogger.com (Bobbie)0tag:blogger.com,1999:blog-5777826826357794628.post-5722054916539211059Tue, 30 Oct 2018 19:14:00 +00002018-12-04T09:50:55.659-08:00Ocean Treasures Game<html> <head> <title>Ocean Treasures Game</title> </head> <body> <style> body, div, p, span { box-sizing: border-box; margin: 0; padding: 0; } body { max-width: 350px; } .container { position: relative; } .imgPart { background: #fff; } .imgPart img { border: 5px solid #afafaf; border-radius: 20px 20px 0 0; border-bottom: none; display: block; height: calc(600px - 110px); object-fit: cover; width: calc(350px - 10px); } .overlay { position: absolute; z-index: 1; } .emojiContainer { background: rgba(0, 0, 0, 0); left: 0; top: 0; width: 350px; } .emojis { background: rgba(255, 0, 0, 0); /*background: red;*/ border-radius: 50% 50%; color: black; display: inline-block; font-size: 25px; padding: 2px; position: absolute; text-align: center; z-index: 2 } .emojisClicked { background: #fff; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: inset 3px 3px 12px black; box-shadow: outset 3px 3px 12px white; } .banner { animation: bannerBox 0.3s 1; background: rgba(0, 0, 0, 0.8); box-sizing: border-box; color: yellow; display: none; font-size: 36px; font-weight: 600; height: 600px; padding: 20px; text-align: center; top: 0; width: 350px; z-index: 3; } .scores { background: blue; color: #98daff; border: 5px solid #afafaf; border-radius: 0 0 20px 20px; font-size: 17px; font-weight: 500; height: 85px; width: 350px; padding: 10px; position: relative; } #emojiLeft, #scores, #stage { font-weight: 700; font-family: monospace; text-shadow: 1px 1px 10px #fff; } .scoresBox { background: blue; border-radius: 0 0 15px 0; height: 100%; padding: 0 10px; right: 0; top: 0; width: 180px; } .leftEmojiChild{ border: 1px solid brown; border-radius: 5px; background: rgba(0,0,0,0.4); } #timer { background: rgba(0, 0, 0, 0.3); border-radius: 50% 50%; float: right; font-size: 24px; font-weight: 600; margin: 0; padding: 3px; text-shadow: 2px 2px 10px #fff; } canvas{ position:absolute; z-index: 10; top: 0; left: 0; } @keyframes bannerBox { from { transform: scale(0.1) rotate(0deg); } to { transform: scale(1.0) rotate(360deg); } } .emojis { font-size: 20px; } } </style> </body></html> <body bgcolor="lightblue"> Enjoy this fast paced hidden objects game while enjoying beautiful and relaxing scenery. <div class="container"> <div class="overlay loadingPage"> </div> <div class="imgPart"> <img alt="Background image for the hidden emoji game" height="450px" onerror="this.onerror=null; this.src='https://media0.giphy.com/media/10h8d7DM6tOTK/giphy.gif'" src="./he1.jpg" width="340px" /> </div> <div class="overlay emojiContainer"> </div> <div class="overlay banner"> </div> <div class="scores"> EMOJIS LEFT: <span id="emojiLeft">15</span><br /> SCORE: <span id="scores">0</span><br /> STAGE: <span id="stage">1</span> <br /> <div class="overlay scoresBox"> <span id="timer">100</span> <span class="leftEmojis"></span> </div> </div> </div> <center> <script> 'use strict'; const EMOJI_ARRAY = ["๐ŸŒ", "๐Ÿ‘‘", "๐Ÿฆ‚", "๐Ÿ’Ž", "๐Ÿ", "๐Ÿข", "๐Ÿ ", "๐Ÿ’", "๐Ÿฌ", "๐Ÿš", "๐ŸŸ", "๐Ÿก", "๐Ÿ’ฐ", "๐Ÿณ", "๐Ÿ‹"]; /* Set the values between 0 and 100 to position the emojis*/ const EMOJI_TOP_OFFSETS = [ //For image1 [70, 85, 70, 98, 84, 60, 90, 40, 67, 36, 80, 90, 90, 97, 79], //For image2 [95, 50, 72, 92, 98, 90, 58, 45, 99, 48, 90, 71, 99, 59, 85], //For image3 [69, 55, 5, 85, 39, 95, 50, 3, 87, 80, 66, 64, 70, 24, 45], //4 [80, 49, 30, 95, 50, 65, 90, 99, 30, 55, 65, 75, 85, 90, 55], //5 [10, 70, 40, 99, 58, 40, 99, 30, 97, 78, 90, 21, 45, 79, 40], //6 [50, 95, 60, 25, 70, 85, 80, 15, 75, 55, 65, 99, 55, 90, 95], //7 [80, 95, 40, 25, 80, 45, 99, 15, 40, 55, 65, 75, 55, 90, 95], //8 [0, 40, 75, 85, 79, 55, 15, 15, 27, 60, 96, 99, 40, 54, 90], //9 [45, 56, 32, 32, 58, 70, 98, 80, 20, 78, 90, 21, 5, 79, 65], //For image10 [95, 66, 99, 62, 48, 70, 55, 45, 50, 78, 90, 91, 50, 99, 85], ]; const EMOJI_LEFT_OFFSETS = [ //For image1 [60, 86, 99, 2, 2, 50, 54, 65, 20, 28, 70, 99, 35, 45, 37], //For image2 [10, 90, 60, 40, 69, 30, 45, 23, 47, 56, 99, 29, 1, 54, 80], //For image3 [99, 46, 2, 22, 38, 30, 58, 60, 87, 68, 80, 71, 45, 59, 45], //4 [5, 95, 0, 85, 70, 60, 40, 0, 80, 55, 95, 35, 75, 30, 15], //5 [40, 75, 5, 80, 69, 60, 99, 23, 37, 56, 16, 29, 50, 34, 70], //6 [48, 46, 2, 22, 8, 30, 88, 55, 77, 68, 80, 71, 15, 9, 30], //7 [5, 95, 20, 45, 70, 95, 0, 25, 80, 55, 95, 35, 75, 30, 15], //8 [5, 20, 82, 2, 18, 90, 75, 65, 87, 48, 70, 99, 35, 19, 37], //For image9 [5, 95, 20, 45, 70, 85, 40, 25, 80, 55, 95, 35, 75, 70, 99], //For image10 [35, 46, 2, 22, 88, 60, 68, 55, 77, 68, 80, 71, 15, 9, 10], ]; const IMAGE_LINKS_ARRAY = [ //image1 link "https://media0.giphy.com/media/10h8d7DM6tOTK/giphy.gif", "https://lh3.googleusercontent.com/-dNWRIDLk3nk/VTETgmBDttI/AAAAAAABbek/qKZYMyOJsto/w240-h320/51c7778a54f8158f0f0a2f0565ab072a.jpg", "https://i.gifer.com/K3o6.gif", "https://giffiles.alphacoders.com/203/20328.gif", "https://thumbs.gfycat.com/DifferentVagueBlackbird-max-1mb.gif", "https://j.gifs.com/Q1gvz7.gif", "http://i2.wp.com/www.dreamaquarium.com/gif_anims/dreamaqua_220_176.gif?w=640", "http://bestanimations.com/Animals/Fish/Sharks/many-sharks-swimming-ocean-animated-gif-2.gif", ]; const MESSAGE_ARRAY = [ "THAT WAS FAST ARE YOU AN EXPERT TREASURE HUNTER?", "THIS ONE'S NOT GOING TO BE EASY", "WHAT! YOU DID IT AGAIN", "WOW YOU ARE GREAT AT THIS", "AWESOME JOB!!", "YOU MUST BE ENJOYING THIS, AREN'T YOU!", "LOTS OF TREASURE FOR YOU", "GREAT JOB KEEP PLAYING", "NOT GIVING UP I SEE", "HOPE YOU HAD FUN, CAN YOU DO IT AGAIN?", "I DARE YOU TO FIND THEM ALL THIS TIME" ]; const BANNER_TIME = 3000; const EMOJI_CLICK_TIME = 500; var body = document.body; var container = document.querySelector('.container'); var emojiContainer = document.querySelector('.emojiContainer'); var banner = document.querySelector('.banner'); var clickCounter = EMOJI_ARRAY.length; var imgWidth; var imgHeight; var emojiDiv; var emojiText; var stage = 0; var scores = 0; var iteration = 0; var fontsize = 20; var timeElapsed = 0; var gameTimer; //setInterval variable for timer var maxStageTime = 100; //in seconds window.onload = function() { if (clickCounter !== 0) { displayBanner("Hidden Ocean Treasures "); createGame(); updateScores(); } else { nextStage(); } }; //stars animation object literal var stars = { canvas: document.createElement('CANVAS'), createStars: function(parent, width = 300, height = 300, starCount = 50, maxRadius = 50, durMillis = 3000, isRings = true, clickX = undefined, clickY = undefined) { var canvas = stars.canvas; var ctx = canvas.getContext('2d'); parent.appendChild(canvas); //canvas styles canvas.style.background = "rgba(0,0,0,0)"; canvas.width = width; canvas.height = height; var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame; var cancelAnimationFrame = window.cancelAnimationFrame || window.mozCancelAnimationFrame; var starArray = []; var myFrames; function Star(posX, posY, radius, innerRadius, rotateAngle, velocity, color) { this.opacity = 1.0; this.posX = posX; this.posY = posY; this.radius = radius; this.innerRadius = innerRadius; //innerRadius for star this.rotateAngle = rotateAngle; this.velocity = velocity; this.color = color; } Star.prototype.draw = function() { var r = this.radius; var iR = this.innerRadius; var x = this.posX; var y = this.posY; var ang = Math.PI / 5; var rA = this.rotateAngle; ctx.fillStyle = this.color; ctx.beginPath(); ctx.moveTo(x + r * Math.cos(rA + ang * 0), y + r * Math.sin(rA + ang * 0)); ctx.lineTo(x + iR * Math.cos(rA + ang * 1), y + iR * Math.sin(rA + ang * 1)); ctx.lineTo(x + r * Math.cos(rA + ang * 2), y + r * Math.sin(rA + ang * 2)); ctx.lineTo(x + iR * Math.cos(rA + ang * 3), y + iR * Math.sin(rA + ang * 3)); ctx.lineTo(x + r * Math.cos(rA + ang * 4), y + r * Math.sin(rA + ang * 4)); ctx.lineTo(x + iR * Math.cos(rA + ang * 5), y + iR * Math.sin(rA + ang * 5)); ctx.lineTo(x + r * Math.cos(rA + ang * 6), y + r * Math.sin(rA + ang * 6)); ctx.lineTo(x + iR * Math.cos(rA + ang * 7), y + iR * Math.sin(rA + ang * 7)); ctx.lineTo(x + r * Math.cos(rA + ang * 8), y + r * Math.sin(rA + ang * 8)); ctx.lineTo(x + iR * Math.cos(rA + ang * 9), y + iR * Math.sin(rA + ang * 9)); ctx.lineTo(x + r * Math.cos(rA + ang * 0), y + r * Math.sin(rA + ang * 0)); ctx.fill(); } function blastRings(x, y, radius, lw, color) { if (radius < 0) radius = 0; ctx.beginPath(); ctx.lineWidth = lw; ctx.strokeStyle = color; ctx.arc(x, y, radius + 30, 0, Math.PI * 2, false); ctx.stroke(); } Star.prototype.updatePosition = function() { this.posX += this.velocity * Math.cos(this.rotateAngle); this.posY += this.velocity * Math.sin(this.rotateAngle); this.draw(); } for (var i = 0; i < starCount; i++) { starArray.push(new Star( clickX || Math.floor(((Math.random() - 0.5) * 30) + (width / 2)), clickY || Math.floor(((Math.random() - 0.5) * 30) + (height / 2)), Math.floor(Math.random() * maxRadius), maxRadius * (Math.random() * 0.4 + 0.2), Math.random() * (2 * Math.PI), Math.ceil(Math.random() * 10), `rgba(${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, 1.0)` )); // starArray[i].draw(); } var start = null; function animate(timestamp) { if (!start) start = timestamp; var progress = timestamp - start; //console.log(progress + " , " + durMillis); ctx.clearRect(0, 0, width, height); if(isRings){ blastRings(width / 2, height / 2, progress, 10, "white"); blastRings(width / 2, height / 2, progress - 50, 15, "yellow"); blastRings(width / 2, height / 2, progress - 100, 20, "orange"); blastRings(width / 2, height / 2, progress - 150, 30, "red"); } starArray.forEach(function(item) { item.updatePosition(); }); if (progress < durMillis) { myFrames = requestAnimationFrame(animate); } else { stars.removeStars(parent); } } requestAnimationFrame(animate); }, //createStars () function end removeStars: function(parent){ var children = parent.children; for(var i = 0; i < children.length; i++){ if(children[i] === stars.canvas){ parent.removeChild(stars.canvas); break; } } }//removeStars () function ends here } // stars object literal end // creating the emojis on top of image function createGame() { imgWidth = document.querySelector('.imgPart img').width; imgHeight = document.querySelector('.imgPart img').height; for (var i = 0; i < EMOJI_ARRAY.length; i++) { emojiDiv = document.createElement("DIV"); emojiText = document.createTextNode(EMOJI_ARRAY[i]); emojiDiv.setAttribute("class", "emojis"); emojiDiv.setAttribute("id", "emoji" + (i + 1)); emojiDiv.style.fontSize = "" + fontsize + "px"; emojiDiv.style.top = Math.floor((EMOJI_TOP_OFFSETS[stage % IMAGE_LINKS_ARRAY.length][i] / 100) * (imgHeight - 50)) + "px"; emojiDiv.style.left = Math.floor((EMOJI_LEFT_OFFSETS[stage % IMAGE_LINKS_ARRAY.length][i] / 100) * (imgWidth - 50)) + "px"; emojiDiv.appendChild(emojiText); emojiContainer.appendChild(emojiDiv); emojiDiv.addEventListener('click', handleEmojiClick); } clickCounter = EMOJI_ARRAY.length; setGameTimer(); displayLeftEmojis(); } function setGameTimer() { timeElapsed = 0; gameTimer = setInterval(function() { timeElapsed += 1; document.querySelector('#timer').textContent = maxStageTime - timeElapsed; if (maxStageTime - timeElapsed === 0) { gameOver(); } }, 1000); } function gameOver() { iteration = 0; scores = 0; stage = 0; timeElapsed = 0; fontsize = 20; clearInterval(gameTimer); removeEmojis(emojiContainer); removeEmojis(document.querySelector('.leftEmojis')); createGame(); updateScores(); displayBanner("<hr/><hr/>GAME<br/>OVER<hr/><hr/>", true); } function handleEmojiClick(event) { this.setAttribute('class', 'emojis emojisClicked'); clickCounter--; scores += 100; //displayLeftEmojis part now document.querySelectorAll('.leftEmojiChild').forEach((item) => { if(this.textContent === item.textContent){ document.querySelector('.leftEmojis').removeChild(item); } }); if (clickCounter === 0) { scores += 500; setTimeout(function(){ stars.createStars(document.body, innerWidth, innerHeight, 100, 15, BANNER_TIME, true); }, EMOJI_CLICK_TIME + 50); nextStage(); } //display and remove the star canvas stars.createStars(document.body, innerWidth, innerHeight, 20, 20, EMOJI_CLICK_TIME, false, event.pageX, event.pageY); setTimeout(function(){ stars.removeStars(document.body); if(clickCounter === 0){ } }, EMOJI_CLICK_TIME); updateScores(); this.removeEventListener('click', handleEmojiClick); } function updateScores() { document.querySelector('#emojiLeft').textContent = clickCounter; document.querySelector('#scores').textContent = scores; document.querySelector('#stage').textContent = stage + 1; } function displayBanner(bannerText, noClick = false) { banner.innerHTML = bannerText; banner.style.display = "block"; //create the stars animation stars.createStars(document.body, innerWidth, innerHeight, 100, 15, BANNER_TIME, true); if (!noClick) { banner.addEventListener('click', bannerClick); } function bannerClick() { banner.style.display = "none"; } setTimeout(function() { banner.style.display = "none"; banner.removeEventListener('click', bannerClick); }, BANNER_TIME); } function nextStage() { stage += 1; clearInterval(gameTimer); if ((stage % (IMAGE_LINKS_ARRAY.length)) === 0) { iteration += 1; nextIteration(); } else { scores += (maxStageTime - timeElapsed) * 10; displayBanner(`TIME BONUS ${(maxStageTime - timeElapsed) * 10} POINTS<br/> <hr/>${MESSAGE_ARRAY[Math.floor(Math.random() * MESSAGE_ARRAY.length)]}`); } document.querySelector('.imgPart img').src = IMAGE_LINKS_ARRAY[stage % IMAGE_LINKS_ARRAY.length]; removeEmojis(emojiContainer); removeEmojis(document.querySelector('.leftEmojis')); document.querySelector('.imgPart img').addEventListener("load", createGame); } function removeEmojis(parent) { while (parent.firstChild) { parent.removeChild(parent.firstChild); } } function nextIteration() { fontsize -= 2; if(maxStageTime > 30){ maxStageTime -= 10; } displayBanner("1000+<br/>LEVEL UP BONUS<hr/>ITS ABOUT TO GET TOUGHER!!"); } function getRandomColor() { return `rgb(${Math.floor(Math.random() * 255)}, ${Math.floor(Math.random() * 255)}, ${Math.floor(Math.random() * 255)})`; } function displayLeftEmojis(){ EMOJI_ARRAY.forEach((item) => { let span = document.createElement('SPAN'); span.setAttribute('class', 'leftEmojiChild'); let content = document.createTextNode(item); span.appendChild(content); document.querySelector('.leftEmojis').appendChild(span); }); } </script> </center> <br><br> <a href ="https://play.google.com/store/apps/details?id=playlearn.ocean"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLrRpTSiD9fMCCwClgf8TaJiZqsxz1ASYyY28O8bicoMmNVPOvgPM4YUPkxNoAjLPpywM2SeQwsljDKuUekD2BIB5GrZPiHz5ly3boc8CXmVPg6odzYO5Tbal2mCS8FoSu_tL7Vod7IAAK/s320/download.png" width="320" height="116" data-original-width="373" data-original-height="135" /></a> </body> https://bobbiegames.blogspot.com/2018/10/ocean-treasures-game.htmlnoreply@blogger.com (Bobbie)0tag:blogger.com,1999:blog-5777826826357794628.post-214871029941424765Sun, 28 Oct 2018 17:06:00 +00002018-12-31T20:24:48.308-08:00Bobbie's Games Directory<h2> Bobbie's Games Directory</h2> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQHQYRniHYYApi4WA1u4OT1DAn2R-6kcLXbTQsOvcRy0fXKix3HIzZ2HKjI_fAVHQA_THlDoJDkxdoZ78yd3iek3ykUvZPGI96Tlc-h0aH4470EpCE5Bq3Mhyphenhyphen5kRiMVYpWGOJqwMwHk35Q/s1600/Screenshot_20181024-183115%257E2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1586" data-original-width="1046" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQHQYRniHYYApi4WA1u4OT1DAn2R-6kcLXbTQsOvcRy0fXKix3HIzZ2HKjI_fAVHQA_THlDoJDkxdoZ78yd3iek3ykUvZPGI96Tlc-h0aH4470EpCE5Bq3Mhyphenhyphen5kRiMVYpWGOJqwMwHk35Q/s320/Screenshot_20181024-183115%257E2.png" width="211" /></a></div> <div> <br /></div> <div> <br /></div> <h2> Play and Learn Games</h2> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8scAMaPv2C-gL_A1B_xxIsbaYKLt97Kdt5k9pv3q9yPKLGWo9AzJDFbXK55PWbPyzSlxI3jZDhNXcWK8uZNjx0vmA0ewglE1Qo43JOK_Pvc0oJgehA09-bNuy4JPnJEjkV12tHGZxeTkS/s1600/Screenshot_20181028-115523%257E2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1023" data-original-width="1080" height="303" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8scAMaPv2C-gL_A1B_xxIsbaYKLt97Kdt5k9pv3q9yPKLGWo9AzJDFbXK55PWbPyzSlxI3jZDhNXcWK8uZNjx0vmA0ewglE1Qo43JOK_Pvc0oJgehA09-bNuy4JPnJEjkV12tHGZxeTkS/s320/Screenshot_20181028-115523%257E2.png" width="320" /></a></div> <div> <br /></div> <div> <br /></div> <div> <h2> <a href="https://bobbiegames.blogspot.com/2018/10/play-and-learn-french.html?m=1">Play and Learn French</a></h2> </div> <div> <br /></div> <h2> <a href="https://bobbiegames.blogspot.com/2018/10/play-and-learn-spanish_8.html?m=1">Play and Learn Spanish</a></h2> <div> <br /></div> <h2> <a href="https://bobbiegames.blogspot.com/2018/09/play-learn-russian_24.html?m=1">Play and Learn Russian</a></h2> <div> <br /></div> <h2> <a href="https://bobbiegames.blogspot.com/2018/10/play-and-learn-english.html?m=1">Play and Learn English</a></h2> <div> <br /></div> <h2> <a href="https://bobbiegames.blogspot.com/2018/09/multi-language-animal-game.html?m=1">Multi-language Animal Game</a></h2> <div> <br /></div> <div> <br /></div> <h2> Robotics Games</h2> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMKiDxTe-bWTY5fazZf578x2qXXwGXBdr-Wmz2DlCpm-SfH2rZcc7M32X2MQri63OHl_U2zVJdtDtYZfQ7BuqBVk9zx8c3VXmxlr4CoSG0-rhI_1cv4XRNvME02mCSlHcNkn1sr92d13ya/s1600/Screenshot_20181024-183325%257E2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1314" data-original-width="914" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMKiDxTe-bWTY5fazZf578x2qXXwGXBdr-Wmz2DlCpm-SfH2rZcc7M32X2MQri63OHl_U2zVJdtDtYZfQ7BuqBVk9zx8c3VXmxlr4CoSG0-rhI_1cv4XRNvME02mCSlHcNkn1sr92d13ya/s320/Screenshot_20181024-183325%257E2.png" width="222" /></a></div> <div> <br /></div> <div> <br /></div> <div> <h2> <a href="https://bobbiegames.blogspot.com/2018/10/x-tractor-game.html?m=1">X-tractor Game</a></h2> </div> <div> <br /></div> <div> <br /></div> <h2> Hidden Objects Games</h2> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKKkAAUqA2VxV-4fF69zd8ThtJgYX6RwK9mgiDSnal4H_YHcp9-q-hkulr4XjsLbrlGGraxyG7b2BenH9j4iT80B3r1f6tMsAkjqZ-PKHjBlOY7aHgdEjJx55_yvdEY_GCSqPxGCxkJJyV/s1600/Screenshot_20181028-115358%257E2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1145" data-original-width="700" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKKkAAUqA2VxV-4fF69zd8ThtJgYX6RwK9mgiDSnal4H_YHcp9-q-hkulr4XjsLbrlGGraxyG7b2BenH9j4iT80B3r1f6tMsAkjqZ-PKHjBlOY7aHgdEjJx55_yvdEY_GCSqPxGCxkJJyV/s320/Screenshot_20181028-115358%257E2.png" width="195" /></a></div> <div> <br /></div> <div> <br /></div> <h2> <a href="https://bobbiegames.blogspot.com/2018/10/travel-blast-paris.html?m=1">Travel Blast Paris</a></h2> <div> <br /></div> <h2> <a href="https://bobbiegames.blogspot.com/2018/09/travel-blast-game-new-york.html?m=1">Travel Blast Game New York</a></h2> <div> <br /></div> <div> <br /></div> <h2> Card Games</h2> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghyXADS1D50n0M6YBAOBvHXQvgejeiJmpGLtOvoIB26NOVFiUxtOxMYOWlc3bmLo3krFSUHDVvgIwWo_haZqTV3ovEhtfgDyqvm9Fjv9Ioib1Fv5xbvVzkeUK1IluIT_HAbb54STDJL3Vx/s1600/Screenshot_20181028-115333%257E2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="922" data-original-width="896" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghyXADS1D50n0M6YBAOBvHXQvgejeiJmpGLtOvoIB26NOVFiUxtOxMYOWlc3bmLo3krFSUHDVvgIwWo_haZqTV3ovEhtfgDyqvm9Fjv9Ioib1Fv5xbvVzkeUK1IluIT_HAbb54STDJL3Vx/s320/Screenshot_20181028-115333%257E2.png" width="310" /></a></div> <div> <br /></div> <div> <br /></div> <h2> <a href="https://bobbiegames.blogspot.com/2018/10/blackjack-gold.html?m=1">Blackjack Gold</a></h2> <div> <br /></div> <div> <br /></div> <h2> Match 3 Games</h2> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1FmthBGy4hwUqBe54do8tSfgUPuywzFeg97A8VWRddb2U92nHou5yDFH02CpYHMsDZSF4nG4X2znXxFh3H3HrImqJDp5j2bGL7SQ7FlBVBs21lyFGdEKvzFABgpPabNZACtArSeuK_a7K/s1600/Screenshot_20181028-115316%257E2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1089" data-original-width="915" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1FmthBGy4hwUqBe54do8tSfgUPuywzFeg97A8VWRddb2U92nHou5yDFH02CpYHMsDZSF4nG4X2znXxFh3H3HrImqJDp5j2bGL7SQ7FlBVBs21lyFGdEKvzFABgpPabNZACtArSeuK_a7K/s320/Screenshot_20181028-115316%257E2.png" width="268" /></a></div> <div> <br /></div> <div> <br /></div> <h2> <a href="https://bobbiegames.blogspot.com/2018/10/match-3-fruit-fun-game.html?m=1">Match 3 Fruit Fun Game</a></h2> <div> <br /></div> <div> <br /></div> <h2> Board Games</h2> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9PrjgXqWK5wmyxC6QVqG64XKZ3y_rz1FxbAX04fBV0_ZnS8G0PTAh88VHu9OhTTiLAzk0wJBsjANUCV10KsMb1mhC7hw8L6poOP1qSM5ATw3Yrd3affpu8OWATLLfOMhty1lfZW_frldS/s1600/Screenshot_20181028-115750%257E2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1006" data-original-width="1021" height="315" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9PrjgXqWK5wmyxC6QVqG64XKZ3y_rz1FxbAX04fBV0_ZnS8G0PTAh88VHu9OhTTiLAzk0wJBsjANUCV10KsMb1mhC7hw8L6poOP1qSM5ATw3Yrd3affpu8OWATLLfOMhty1lfZW_frldS/s320/Screenshot_20181028-115750%257E2.png" width="320" /></a></div> <div> <br /></div> <div> <br /></div> <h2> <a href="https://bobbiegames.blogspot.com/2018/09/battlestarship-game.html?m=1">BattleStarShip Game</a></h2> <div> <br /></div> <div> <br /></div> <div> <br /></div> <div> <br /></div> <div> <br /></div> <div> <br /></div> <div> <br /></div> <div> <br /></div> <div> <br /></div> <div> <br /></div> https://bobbiegames.blogspot.com/2018/10/bobbies-games-directory.htmlnoreply@blogger.com (Bobbie)0tag:blogger.com,1999:blog-5777826826357794628.post-4360946593090443741Tue, 23 Oct 2018 12:05:00 +00002018-10-23T05:05:20.311-07:00Match 3 Fruit Fun Game<h2> Match 3 Fruit Fun Game</h2> <div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzJeZodS-uXStVfCT5OAvkKKCjA-efWo-T4qsMcBRgXxTF3XPDRwLNCMYerS2c7kOEVXI2KHPumOFdJeqBjZgZeugop-fLS49oh2XVLxCBRMR2s_1uoTE8hkBFuCFb_CoIkWt_ryILW0Yy/s1600/Screenshot_20181023-063833%257E2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1333" data-original-width="1080" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzJeZodS-uXStVfCT5OAvkKKCjA-efWo-T4qsMcBRgXxTF3XPDRwLNCMYerS2c7kOEVXI2KHPumOFdJeqBjZgZeugop-fLS49oh2XVLxCBRMR2s_1uoTE8hkBFuCFb_CoIkWt_ryILW0Yy/s320/Screenshot_20181023-063833%257E2.png" width="259" /></a></div> <br /></div> <div> <br /></div> <h2> Just click Run to Play</h2> <div> <br /></div> <iframe height="700" src="https://code.sololearn.com/WVv3p6DMCAuf/?ref=app" width="370"></iframe> <br /> <br /> <br /> <h2> Play More of Bobbie's Games</h2> <div> <br /></div> <h3> <a href="https://bobbiegames.blogspot.com/2018/09/battlestarship-game.html?m=1">BattleStarship Game</a></h3> <div> <br /></div> <div> <h3> <a href="https://bobbiegames.blogspot.com/2018/09/multi-language-animal-game.html?m=1">Multi-language Animal Game</a></h3> <div> <br /></div> <h3> <a href="https://bobbiegames.blogspot.com/2018/10/x-tractor-game.html?m=1">X-Tractor Game</a></h3> <div> <br /></div> <div> <br /></div> <br /> <br /> <div id="amzn-assoc-ad-490d5629-439d-47a1-b310-cbeb35b55386"> </div> <script async="" src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US&amp;adInstanceId=490d5629-439d-47a1-b310-cbeb35b55386"></script> <div> <br /></div> <h3> </h3> <div> <br /></div> <h3> </h3> <br /> <br /></div> <br />https://bobbiegames.blogspot.com/2018/10/match-3-fruit-fun-game.htmlnoreply@blogger.com (Bobbie)0tag:blogger.com,1999:blog-5777826826357794628.post-4874972048030893395Sun, 21 Oct 2018 22:24:00 +00002018-10-21T15:57:25.295-07:00BlackJack Gold<h2> BlackJack Gold&nbsp;</h2> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2ED7fr7RNkEa3uPZ6DC4VoZC7xTkijpuA7cwgLHzTb7KlGmWGwHw06q1nCkMH5WLbMWiIt_RXbPNgmKfFDhWpea_a6qt7yYFm0PktHWtnZvtwGI3W2jYhCKHgB-fClySFcUKSkuEVeIbe/s1600/Screenshot_20181021-175247%257E2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="751" data-original-width="1050" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2ED7fr7RNkEa3uPZ6DC4VoZC7xTkijpuA7cwgLHzTb7KlGmWGwHw06q1nCkMH5WLbMWiIt_RXbPNgmKfFDhWpea_a6qt7yYFm0PktHWtnZvtwGI3W2jYhCKHgB-fClySFcUKSkuEVeIbe/s400/Screenshot_20181021-175247%257E2.png" width="400" /></a></div> <div> <br /></div> <div> <br /></div> <h3> This fun game is written using Python</h3> <div> <br /></div> <h2> *Featured Game Created by&nbsp;<a href="https://www.sololearn.com/Profile/1607351/?ref=app">Kuba Siekierzynski</a></h2> <div> <br /></div> <div> Just click the green โ–ถ๏ธto play.</div> <div> <br /></div> <iframe height="700" src="https://py3.codeskulptor.org/#user301_C148tLczbm_21.py" width="550"></iframe>https://bobbiegames.blogspot.com/2018/10/blackjack-gold.htmlnoreply@blogger.com (Bobbie)0tag:blogger.com,1999:blog-5777826826357794628.post-4557853597967736188Sun, 21 Oct 2018 21:14:00 +00002018-10-21T16:01:48.191-07:00Free GamesRobot GameRoboticsX-TRACTOR Game<h2> X-TRACTOR Robotic Ocean Clean up Game</h2> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-H0dhVZyG1iBmyAHCxYhS_RUkDe3XRRx47RVwyrBlgBrK5ZZeaADKbrfUqpNBvoGesFQbaxrj0SpUGWxSIiy3k7DA9QyMhLQfbvmKPHJixfH7qcknH1NA8S3KRAq-c6T62K86bFGYp2mD/s1600/Screenshot_20181021-175844%257E2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1018" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-H0dhVZyG1iBmyAHCxYhS_RUkDe3XRRx47RVwyrBlgBrK5ZZeaADKbrfUqpNBvoGesFQbaxrj0SpUGWxSIiy3k7DA9QyMhLQfbvmKPHJixfH7qcknH1NA8S3KRAq-c6T62K86bFGYp2mD/s400/Screenshot_20181021-175844%257E2.png" width="253" /></a></div> <div> <br /></div> <div> <br /></div> <h2> </h2> <h2> This Awesome Game has a Great Story</h2> <div> <br /></div> <div> My daughters Robotics class is participating in a Competition for BEST Robotics this year's theme is creating a Robot to help clean up the Oceans and protect wildlife.&nbsp;&nbsp;</div> <div> <br /></div> <div> They have done a great job building the real Robot.&nbsp; We decided to create a game to accompany it and it ended up taking half the planet to accomplish.&nbsp; My awesome friends at Sololearn were happy to help and the kids pitched in as well.</div> <div> <br /></div> <div> Wishing them the Best of Luck at Competition.</div> <div> <br /></div> <h2> X-TRACTOR Game&nbsp;</h2> <div> Just click run to play</div> <div> <br /></div> <div> <br /></div> <iframe height="700" src="https://code.sololearn.com/W47bmTo4ZFZC/?ref=app" width="370"></iframe> <br /> <br />https://bobbiegames.blogspot.com/2018/10/x-tractor-game.htmlnoreply@blogger.com (Bobbie)0tag:blogger.com,1999:blog-5777826826357794628.post-8343396627524863619Wed, 10 Oct 2018 19:00:00 +00002018-10-21T14:30:38.249-07:00Free Gameshidden objectTravel Blast Paris<html> <head> <title>Travel Blast Paris</title> <style> body, div, p, span { box-sizing: border-box; margin: 0; padding: 0; } body { max-width: 350px; } .container { position: relative; } .imgPart { background: #fff; } .imgPart img { border: 5px solid #afafaf; border-radius: 20px 20px 0 0; border-bottom: none; display: block; height: calc(600px - 110px); object-fit: cover; width: calc(350px - 10px); } .overlay { position: absolute; z-index: 1; } .emojiContainer { background: rgba(0, 0, 0, 0); left: 0; top: 0; width: 350px; } .emojis { background: rgba(255, 0, 0, 0); /*background: red;*/ border-radius: 50% 50%; color: black; display: inline-block; font-size: 25px; padding: 2px; position: absolute; text-align: center; z-index: 2 } .emojisClicked { background: #fff; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: inset 3px 3px 12px black; box-shadow: outset 3px 3px 12px white; } .banner { animation: bannerBox 0.3s 1; background: rgba(0, 0, 0, 0.8); box-sizing: border-box; color: yellow; display: none; font-size: 36px; font-weight: 600; height: 600px; padding: 20px; text-align: center; top: 0; width: 350px; z-index: 3; } .scores { background: blue; color: #98daff; border: 5px solid #afafaf; border-radius: 0 0 20px 20px; font-size: 17px; font-weight: 500; height: 85px; width: 350px; padding: 10px; position: relative; } #emojiLeft, #scores, #stage { font-weight: 700; font-family: monospace; text-shadow: 1px 1px 10px #fff; } .scoresBox { background: blue; border-radius: 0 0 15px 0; height: 100%; padding: 0 10px; right: 0; top: 0; width: 180px; } .leftEmojiChild{ border: 1px solid brown; border-radius: 5px; background: rgba(0,0,0,0.4); } #timer { background: rgba(0, 0, 0, 0.3); border-radius: 50% 50%; float: right; font-size: 24px; font-weight: 600; margin: 0; padding: 3px; text-shadow: 2px 2px 10px #fff; } canvas{ position:absolute; z-index: 10; top: 0; left: 0; } @keyframes bannerBox { from { transform: scale(0.1) rotate(0deg); } to { transform: scale(1.0) rotate(360deg); } } .emojis { font-size: 20px; } } </style> </head> <h2>This is a really fun and exciting game just click on the hidden objects to advance to the next round</h2> <body bgcolor="lightblue"> <div class="container"> <div class="overlay loadingPage"> </div> <div class="imgPart"> <img alt="Background image for the hidden emoji game" height="450px" onerror="this.onerror=null; this.src='https://static.pexels.com/photos/338515/pexels-photo-338515.jpeg'" src="./he1.jpg" width="340px" /> </div> <div class="overlay emojiContainer"> </div> <div class="overlay banner"> </div> <div class="scores"> EMOJIS LEFT: <span id="emojiLeft">15</span><br /> SCORE: <span id="scores">0</span><br /> STAGE: <span id="stage">1</span> <br /> <div class="overlay scoresBox"> <span id="timer">100</span> <span class="leftEmojis"></span> </div> </div> </div> <center> <div style="font-size: 20px;"> ๐ŸŒŸ Scroll Down for Fun Paris Facts!!!</div> <h1> Fun Facts Paris</h1> <div style="font-size: 20px;"> ๐ŸŒŸThere are&nbsp;in total&nbsp;1,803 monuments and 173 museums in Paris.<br /> ๐ŸŒŸThere is only one โ€œStopโ€ sign in Paris, located at the exit of a building company in the rich 16th arrondissement.<br /> ๐ŸŒŸThe famous Eiffel Tower was build between 1887-1889 and was considered to be the tallest building in the world until 1930. Its height is 324 meters.<br /> ๐ŸŒŸThe&nbsp;Roman numerals&nbsp;on the pavement of the Place de la Concorde are the numbers of a giant sundial, and the shadow of the obelisk functions to give the time.<br /> ๐ŸŒŸThe most visited museum in the world is Louvre, which was built in 1793. Around 10 million people come here every year.<br /> ๐ŸŒŸThere are ten Statues of Liberty in France,&nbsp;five of which are in Paris.<br /> ๐ŸŒŸThere are&nbsp;470,000,&nbsp;trees in Paris. They counted.<br /> ๐ŸŒŸIf you want to cross Paris from North to South on foot, it will take you approx. 2 hours and 15 minutes.<br /> ๐ŸŒŸParis is #1 in the world&nbsp;when it comes to the number of libraries; it has 830 of them in total.<br /> ๐ŸŒŸJames Bond was modeled after a real spy named Wilfrid โ€œBiffyโ€ Dunderdale who was MI6โ€™s man in Paris.<br /> ๐ŸŒŸDuring WWI, France built a โ€˜Fake Parisโ€™ near the capital city to confuse German pilots.<br /> ๐ŸŒŸHitler gave orders to destroy Paris on the eve of the allied liberation in 1944, but the Nazi General in control of Paris intentionally ignored the order.<br /> </div> <h1> Paris</h1> <img height="270px" src="https://mapswire.com/maps/countries/france-simple-map-large.jpg" width="270px" /><br /><br /> <img height="300px" src="https://s.iha.com/3621100011844/Luxury-holiday-letting-Paris-7th-district-Bateau-Simpatico_11.jpeg" width="300px" /> <div style="font-size: 20px;"> Continent:Europe<br /> Country: France<br /> Region: รŽle-de-France<br /> Metropolitan Population:&nbsp;9,638,000<br /> <h1> Enjoy more Travel Blast fun in these cities:</h1> <h1> Travel Blast New York</h1> <img src="" /> <h1> Travel Blast London</h1> <img src="" /> <a href="https://www.facebook.com/Play-Learn-1967482470238165/">Find out latest games here</a> </div> </center> <script> 'use strict'; const EMOJI_ARRAY = ["๐Ÿฉ", "๐Ÿš—", "๐ŸŒœ", "๐Ÿšฒ", "๐ŸŽ ", "๐Ÿš•", "๐Ÿ—ผ", "๐ŸŒž", "๐Ÿ›ณ", "๐Ÿ›ฉ", "๐ŸŽจ", "๐Ÿ“ท", "๐ŸŒน", "๐ŸŽต", "๐Ÿ‡ซ๐Ÿ‡ท"]; /* Set the values between 0 and 100 to position the emojis*/ const EMOJI_TOP_OFFSETS = [ //For image1 [99, 85, 10, 98, 84, 85, 20, 26, 77, 36, 88, 99, 90, 77, 79], //For image2 [95, 26, 12, 92, 98, 90, 28, 45, 99, 48, 90, 71, 0, 59, 85], //For image3 [99, 55, 5, 85, 39, 95, 50, 3, 87, 80, 66, 64, 70, 24, 45], //4 [80, 49, 30, 95, 50, 65, 90, 15, 30, 55, 65, 75, 85, 90, 55], //5 [10, 45, 15, 99, 58, 40, 5, 30, 37, 78, 90, 21, 45, 79, 40], //6 [45, 56, 12, 32, 58, 70, 98, 80, 20, 78, 90, 21, 5, 79, 65], //7 [50, 95, 0, 25, 80, 45, 10, 15, 40, 55, 65, 75, 55, 90, 95], //8 [0, 40, 65, 85, 79, 55, 15, 15, 27, 60, 96, 99, 40, 44, 90], //9 [50, 50, 60, 98, 99, 45, 40, 26, 77, 66, 68, 79, 90, 77, 70], //For image10 [95, 66, 32, 62, 48, 70, 28, 45, 7, 78, 90, 91, 50, 99, 85], //For image11 [99, 55, 5, 85, 39, 95, 5, 3, 87, 60, 16, 24, 70, 80, 45], //12 [60, 99, 30, 75, 20, 35, 10, 15, 20, 55, 65, 75, 85, 90, 95], //13 [99, 80, 15, 99, 58, 90, 5, 80, 37, 78, 90, 99, 5, 79, 90], //14 [45, 56, 32, 32, 58, 70, 98, 80, 20, 78, 90, 21, 5, 79, 65], //15 [50, 95, 0, 25, 20, 45, 80, 15, 10, 55, 65, 35, 55, 90, 95], ]; const EMOJI_LEFT_OFFSETS = [ //For image1 [15, 86, 82, 2, 2, 50, 54, 65, 87, 28, 70, 81, 35, 19, 37], //For image2 [10, 90, 60, 40, 69, 30, 45, 23, 47, 56, 99, 29, 8, 54, 80], //For image3 [55, 46, 2, 22, 38, 30, 58, 60, 87, 68, 80, 71, 45, 59, 45], //4 [5, 95, 0, 85, 70, 60, 40, 35, 80, 55, 95, 35, 75, 30, 15], //5 [40, 75, 5, 80, 69, 60, 65, 23, 87, 56, 16, 29, 50, 34, 70], //6 [10, 90, 60, 80, 69, 45, 65, 23, 87, 56, 16, 29, 80, 34, 20], //7 [5, 95, 20, 45, 70, 95, 0, 25, 80, 55, 95, 35, 75, 30, 15], //8 [5, 66, 82, 2, 18, 90, 75, 65, 87, 48, 70, 99, 35, 19, 37], //For image9 [10, 90, 70, 40, 69, 30, 45, 23, 87, 56, 99, 99, 8, 54, 80], //For image10 [35, 46, 2, 22, 88, 60, 68, 55, 77, 68, 80, 71, 15, 9, 10], //11 [5, 95, 80, 99, 70, 45, 40, 5, 80, 55, 95, 35, 75, 30, 15], //12 [90, 75, 30, 80, 69, 45, 65, 23, 87, 56, 16, 29, 80, 34, 10], //13 [10, 90, 60, 80, 59, 45, 55, 23, 87, 56, 16, 29, 80, 34, 55], //14 [5, 95, 20, 45, 70, 85, 40, 25, 80, 55, 95, 35, 75, 70, 99], //15 [48, 46, 2, 22, 8, 30, 88, 55, 77, 68, 80, 71, 15, 9, 30], ]; const IMAGE_LINKS_ARRAY = [ //image1 link "https://static.pexels.com/photos/338515/pexels-photo-338515.jpeg", //image2 link "https://static.pexels.com/photos/161901/paris-sunset-france-monument-161901.jpeg", // //image3 link and so on "http://maxpixel.freegreatpicture.com/static/photo/1x/Wallpaper-Disneyland-Park-Beautiful-Paris-2700416.jpg", "https://upload.wikimedia.org/wikipedia/commons/f/fc/The_Pont_Michel_from_the_Pont_Neuf%2C_Paris_July_2013.jpg", "http://maxpixel.freegreatpicture.com/static/photo/1x/Light-Nature-Plants-Paris-Allee-Relaxation-1996234.jpg", "https://upload.wikimedia.org/wikipedia/en/4/42/Louvre_Pyramid.jpg", "https://upload.wikimedia.org/wikipedia/commons/a/a6/Sunset_over_the_base_of_the_Eiffel%2C_Paris_2007.jpg", "https://upload.wikimedia.org/wikipedia/commons/c/c1/Saint_Augustin_Church_Paris.jpg", "https://cdn.pixabay.com/photo/2017/07/13/03/15/paris-2499022_960_720.jpg", //image2 link "https://upload.wikimedia.org/wikipedia/commons/d/d5/Paris_at_night%2C_4_July_2013.jpg", // //image3 link and so on "https://upload.wikimedia.org/wikipedia/commons/c/c4/Arc_Triomphe.jpg", "https://www.goodfreephotos.com/albums/france/paris/inside-the-notre-dame-in-paris-france.jpg", "https://upload.wikimedia.org/wikipedia/commons/3/3b/Eiffel_Tower_Paris_01.JPG", "https://static.pexels.com/photos/2363/france-landmark-lights-night.jpg", "https://cdn.pixabay.com/photo/2017/04/09/02/26/paris-2214794_960_720.jpg", ]; const MESSAGE_ARRAY = [ "AVEZ-VOUS Dร‰Jร€ VU CETTE? (have you already seen this?)", "CELUI NE VA PAS รŠTRE FACILE (this one is not going to be easy)", "VOUS รŠTES CRรˆME DE LA CRรˆME (you are the best of the best)", "LE LIEU SUIVANT EST PLUS DIFFICILE (next place is harder)", "BON TRAVAIL!!! (great job)", "CONTINUE DE REGARDER (keep looking)", "SENTIR L'HORLOGE? (feeling the clock?)", "LE PROCHAIN โ€‹โ€‹SE TIENDRA CACHร‰ (next one will stay hidden)", "DONNEZ-VOUS? (are you giving up?)", "AVOIR DU PLAISIR? (having fun?)", "JE VOUS OSEUR DE LES TROUVER TOUS (dare you to find them all)", ]; const BANNER_TIME = 3000; const EMOJI_CLICK_TIME = 500; var body = document.body; var container = document.querySelector('.container'); var emojiContainer = document.querySelector('.emojiContainer'); var banner = document.querySelector('.banner'); var clickCounter = EMOJI_ARRAY.length; var imgWidth; var imgHeight; var emojiDiv; var emojiText; var stage = 0; var scores = 0; var iteration = 0; var fontsize = 20; var timeElapsed = 0; var gameTimer; //setInterval variable for timer var maxStageTime = 100; //in seconds window.onload = function() { if (clickCounter !== 0) { displayBanner("BONJOUR FIND THE 15 HIDDEN EMOJIS!!!"); createGame(); updateScores(); } else { nextStage(); } }; //stars animation object literal var stars = { canvas: document.createElement('CANVAS'), createStars: function(parent, width = 300, height = 300, starCount = 50, maxRadius = 50, durMillis = 3000, isRings = true, clickX = undefined, clickY = undefined) { var canvas = stars.canvas; var ctx = canvas.getContext('2d'); parent.appendChild(canvas); //canvas styles canvas.style.background = "rgba(0,0,0,0)"; canvas.width = width; canvas.height = height; var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame; var cancelAnimationFrame = window.cancelAnimationFrame || window.mozCancelAnimationFrame; var starArray = []; var myFrames; function Star(posX, posY, radius, innerRadius, rotateAngle, velocity, color) { this.opacity = 1.0; this.posX = posX; this.posY = posY; this.radius = radius; this.innerRadius = innerRadius; //innerRadius for star this.rotateAngle = rotateAngle; this.velocity = velocity; this.color = color; } Star.prototype.draw = function() { var r = this.radius; var iR = this.innerRadius; var x = this.posX; var y = this.posY; var ang = Math.PI / 5; var rA = this.rotateAngle; ctx.fillStyle = this.color; ctx.beginPath(); ctx.moveTo(x + r * Math.cos(rA + ang * 0), y + r * Math.sin(rA + ang * 0)); ctx.lineTo(x + iR * Math.cos(rA + ang * 1), y + iR * Math.sin(rA + ang * 1)); ctx.lineTo(x + r * Math.cos(rA + ang * 2), y + r * Math.sin(rA + ang * 2)); ctx.lineTo(x + iR * Math.cos(rA + ang * 3), y + iR * Math.sin(rA + ang * 3)); ctx.lineTo(x + r * Math.cos(rA + ang * 4), y + r * Math.sin(rA + ang * 4)); ctx.lineTo(x + iR * Math.cos(rA + ang * 5), y + iR * Math.sin(rA + ang * 5)); ctx.lineTo(x + r * Math.cos(rA + ang * 6), y + r * Math.sin(rA + ang * 6)); ctx.lineTo(x + iR * Math.cos(rA + ang * 7), y + iR * Math.sin(rA + ang * 7)); ctx.lineTo(x + r * Math.cos(rA + ang * 8), y + r * Math.sin(rA + ang * 8)); ctx.lineTo(x + iR * Math.cos(rA + ang * 9), y + iR * Math.sin(rA + ang * 9)); ctx.lineTo(x + r * Math.cos(rA + ang * 0), y + r * Math.sin(rA + ang * 0)); ctx.fill(); } function blastRings(x, y, radius, lw, color) { if (radius < 0) radius = 0; ctx.beginPath(); ctx.lineWidth = lw; ctx.strokeStyle = color; ctx.arc(x, y, radius + 30, 0, Math.PI * 2, false); ctx.stroke(); } Star.prototype.updatePosition = function() { this.posX += this.velocity * Math.cos(this.rotateAngle); this.posY += this.velocity * Math.sin(this.rotateAngle); this.draw(); } for (var i = 0; i < starCount; i++) { starArray.push(new Star( clickX || Math.floor(((Math.random() - 0.5) * 30) + (width / 2)), clickY || Math.floor(((Math.random() - 0.5) * 30) + (height / 2)), Math.floor(Math.random() * maxRadius), maxRadius * (Math.random() * 0.4 + 0.2), Math.random() * (2 * Math.PI), Math.ceil(Math.random() * 10), `rgba(${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, 1.0)` )); // starArray[i].draw(); } var start = null; function animate(timestamp) { if (!start) start = timestamp; var progress = timestamp - start; //console.log(progress + " , " + durMillis); ctx.clearRect(0, 0, width, height); if(isRings){ blastRings(width / 2, height / 2, progress, 10, "white"); blastRings(width / 2, height / 2, progress - 50, 15, "yellow"); blastRings(width / 2, height / 2, progress - 100, 20, "orange"); blastRings(width / 2, height / 2, progress - 150, 30, "red"); } starArray.forEach(function(item) { item.updatePosition(); }); if (progress < durMillis) { myFrames = requestAnimationFrame(animate); } else { stars.removeStars(parent); } } requestAnimationFrame(animate); }, //createStars () function end removeStars: function(parent){ var children = parent.children; for(var i = 0; i < children.length; i++){ if(children[i] === stars.canvas){ parent.removeChild(stars.canvas); break; } } }//removeStars () function ends here } // stars object literal end // creating the emojis on top of image function createGame() { imgWidth = document.querySelector('.imgPart img').width; imgHeight = document.querySelector('.imgPart img').height; for (var i = 0; i < EMOJI_ARRAY.length; i++) { emojiDiv = document.createElement("DIV"); emojiText = document.createTextNode(EMOJI_ARRAY[i]); emojiDiv.setAttribute("class", "emojis"); emojiDiv.setAttribute("id", "emoji" + (i + 1)); emojiDiv.style.fontSize = "" + fontsize + "px"; emojiDiv.style.top = Math.floor((EMOJI_TOP_OFFSETS[stage % IMAGE_LINKS_ARRAY.length][i] / 100) * (imgHeight - 50)) + "px"; emojiDiv.style.left = Math.floor((EMOJI_LEFT_OFFSETS[stage % IMAGE_LINKS_ARRAY.length][i] / 100) * (imgWidth - 50)) + "px"; emojiDiv.appendChild(emojiText); emojiContainer.appendChild(emojiDiv); emojiDiv.addEventListener('click', handleEmojiClick); } clickCounter = EMOJI_ARRAY.length; setGameTimer(); displayLeftEmojis(); } function setGameTimer() { timeElapsed = 0; gameTimer = setInterval(function() { timeElapsed += 1; document.querySelector('#timer').textContent = maxStageTime - timeElapsed; if (maxStageTime - timeElapsed === 0) { gameOver(); } }, 1000); } function gameOver() { iteration = 0; scores = 0; stage = 0; timeElapsed = 0; fontsize = 20; clearInterval(gameTimer); removeEmojis(emojiContainer); removeEmojis(document.querySelector('.leftEmojis')); createGame(); updateScores(); displayBanner("<hr/><hr/>GAME<br/>OVER<hr/><hr/>", true); } function handleEmojiClick(event) { this.setAttribute('class', 'emojis emojisClicked'); clickCounter--; scores += 100; //displayLeftEmojis part now document.querySelectorAll('.leftEmojiChild').forEach((item) => { if(this.textContent === item.textContent){ document.querySelector('.leftEmojis').removeChild(item); } }); if (clickCounter === 0) { scores += 500; setTimeout(function(){ stars.createStars(document.body, innerWidth, innerHeight, 100, 15, BANNER_TIME, true); }, EMOJI_CLICK_TIME + 50); nextStage(); } //display and remove the star canvas stars.createStars(document.body, innerWidth, innerHeight, 20, 20, EMOJI_CLICK_TIME, false, event.pageX, event.pageY); setTimeout(function(){ stars.removeStars(document.body); if(clickCounter === 0){ } }, EMOJI_CLICK_TIME); updateScores(); this.removeEventListener('click', handleEmojiClick); } function updateScores() { document.querySelector('#emojiLeft').textContent = clickCounter; document.querySelector('#scores').textContent = scores; document.querySelector('#stage').textContent = stage + 1; } function displayBanner(bannerText, noClick = false) { banner.innerHTML = bannerText; banner.style.display = "block"; //create the stars animation stars.createStars(document.body, innerWidth, innerHeight, 100, 15, BANNER_TIME, true); if (!noClick) { banner.addEventListener('click', bannerClick); } function bannerClick() { banner.style.display = "none"; } setTimeout(function() { banner.style.display = "none"; banner.removeEventListener('click', bannerClick); }, BANNER_TIME); } function nextStage() { stage += 1; clearInterval(gameTimer); if ((stage % (IMAGE_LINKS_ARRAY.length)) === 0) { iteration += 1; nextIteration(); } else { scores += (maxStageTime - timeElapsed) * 10; displayBanner(`TIME BONUS ${(maxStageTime - timeElapsed) * 10} POINTS<br/> <hr/>${MESSAGE_ARRAY[Math.floor(Math.random() * MESSAGE_ARRAY.length)]}`); } document.querySelector('.imgPart img').src = IMAGE_LINKS_ARRAY[stage % IMAGE_LINKS_ARRAY.length]; removeEmojis(emojiContainer); removeEmojis(document.querySelector('.leftEmojis')); document.querySelector('.imgPart img').addEventListener("load", createGame); } function removeEmojis(parent) { while (parent.firstChild) { parent.removeChild(parent.firstChild); } } function nextIteration() { fontsize -= 2; if(maxStageTime > 30){ maxStageTime -= 10; } displayBanner("1000+<br/>LEVEL UP BONUS<hr/>LETS TUNE UP THE TOUGHNESS!!"); } function getRandomColor() { return `rgb(${Math.floor(Math.random() * 255)}, ${Math.floor(Math.random() * 255)}, ${Math.floor(Math.random() * 255)})`; } function displayLeftEmojis(){ EMOJI_ARRAY.forEach((item) => { let span = document.createElement('SPAN'); span.setAttribute('class', 'leftEmojiChild'); let content = document.createTextNode(item); span.appendChild(content); document.querySelector('.leftEmojis').appendChild(span); }); } </script> </body> </html> https://bobbiegames.blogspot.com/2018/10/travel-blast-paris.htmlnoreply@blogger.com (Bobbie)0tag:blogger.com,1999:blog-5777826826357794628.post-7558066782962928646Wed, 10 Oct 2018 17:05:00 +00002018-10-21T14:28:34.606-07:00Free GamesLanguage Learninglearn FrenchPlay and LearnPlay and Learn French<!DOCTYPE html> <html> <head> <title>Play and Learn French</title> <style> #B { width:110px; height:55px; border-width:4px; border-style: solid; border-color:purple; background-color:#00ff00; border-radius:100% 70%; text-align:center; font-size:20px; padding: 1px 1px;} div#board{ background:SkyBlue; border:#0000FF 1px solid; width:350px; height:440px; padding:5px; margin:0px auto; } div#board > div{ border:#00838F 1px solid; width:75px; height:75px; float:left; margin:2px; padding:2px; font-size:24px; cursor:pointer; text-align:center; } .level { float: left; } #score { text-align: right; margin-right: 30px; margin-top: 40px; font-size: 1.2em; } .clear-both { clear: both; } </style> </head> <body> <h1>Play and Learn French with this fun matching game.</h1><br><p>If you are not yet familiar with this language no worries just match the objects and let the words sink into your mind as you play. To switch subjects just tap the Level button to discover and play new topics</p> <div id="title" class="text-center"> <h1 style="text-align: center">French Words Memory Game</h1> <div class="level"><button id="B" onclick="onChangelang(this)">Fruit</button> Press button for new Level</div> <div id="score"></div> <div class="clear-both"></div> </div> <div id="board"></div> <div id="msg"></div> <script> var score; window.onload = function() { score = 0; updateScore(); } var array = []; var arrayFruit = ['pomme = ๐ŸŽ', 'pomme = ๐ŸŽ', 'banane = ๐ŸŒ', 'banane = ๐ŸŒ', 'cerise = ๐Ÿ’', 'cerise = ๐Ÿ’', 'citron = ๐Ÿ‹','citron = ๐Ÿ‹', 'poire = ๐Ÿ', 'poire = ๐Ÿ', 'fraise = ๐Ÿ“', 'fraise = ๐Ÿ“', 'ananas = ๐Ÿ', 'ananas = ๐Ÿ', 'raisin = ๐Ÿ‡', 'raisin = ๐Ÿ‡', ]; var arrayNature= [ 'Soleil = ๐ŸŒž','Soleil = ๐ŸŒž', 'lune = ๐ŸŒ›','lune = ๐ŸŒ›', 'etoile = โญ','etoile = โญ', 'arbre = ๐ŸŒฒ','arbre = ๐ŸŒฒ', 'fleur = ๐ŸŒธ','fleur = ๐ŸŒธ', 'neige = ๐ŸŒจ' ,'neige = ๐ŸŒจ' ,'pluie = โ˜”','pluie = โ˜”','feuille = ๐Ÿ', 'feuille = ๐Ÿ', ]; var arrayClothes = ['chemise = ๐Ÿ‘•','chemise = ๐Ÿ‘•', 'pantalon = ๐Ÿ‘–', 'pantalon = ๐Ÿ‘–','cravate = ๐Ÿ‘”','cravate = ๐Ÿ‘”', 'robe = ๐Ÿ‘—', 'robe = ๐Ÿ‘—', 'bikini = ๐Ÿ‘™', 'bikini = ๐Ÿ‘™', 'chaussure = ๐Ÿ‘Ÿ', 'chaussure = ๐Ÿ‘Ÿ', 'chapeau = ๐Ÿ‘’', 'chapeau = ๐Ÿ‘’','bourse = ๐Ÿ‘œ','bourse = ๐Ÿ‘œ',]; var arrayAutos = ['voiture = ๐Ÿš—', 'voiture = ๐Ÿš—', 'taxi = ๐Ÿš•' , 'taxi = ๐Ÿš•' , 'autobus = ๐ŸšŒ', 'autobus = ๐ŸšŒ', 'train = ๐Ÿš‚','train = ๐Ÿš‚', 'avion = ๐Ÿ›ฉ', 'avion = ๐Ÿ›ฉ','bateau = โ›ต', 'bateau = โ›ต', 'velo = ๐Ÿšฒ', 'velo = ๐Ÿšฒ', 'moto = ๐Ÿ','moto = ๐Ÿ', ]; var arrayNumbers = ["un = 1","un = 1","dix = 10","deux = 2","trois = 3","quatre = 4","cinq = 5","six = 6","sept = 7","huit = 8","deux = 2","trois = 3","quatre = 4","cinq = 5","six = 6","sept = 7","huit = 8","neuf = 9","neuf = 9","dix = 10",]; var arrayColors = ["Rose = Pink","Rose = Pink","Bleu = Blue","Bleu = Blue","Jaune = Yellow","Jaune = Yellow","Marron = Brown","Marron = Brown","Rouge = Red","Rouge = Red","Blanc = White","Blanc = White","Noir = Black","Noir = Black","Vert = Green","Vert = Green"]; var arrayAnimals = ["chien = ๐Ÿ•","chien = ๐Ÿ•","chat = ๐Ÿˆ","chat = ๐Ÿˆ","lapin = ๐Ÿ‡","lapin = ๐Ÿ‡","cheval = ๐ŸŽ","cheval = ๐ŸŽ","oiseau = ๐Ÿฆ","oiseau = ๐Ÿฆ","poisson = ๐Ÿ ","poisson = ๐Ÿ ","souris = ๐Ÿญ","souris = ๐Ÿญ","mouton = ๐Ÿ‘","mouton = ๐Ÿ‘"]; //Thanks Calvin var lang = 'Fruit'; // default lang var arrayAllLang = [ { lang: 'Fruit', data: arrayFruit }, { lang: 'Nature', data: arrayNature }, { lang: 'Clothes', data: arrayClothes }, { lang: 'Autos', data: arrayAutos }, { lang: 'Numbers', data: arrayNumbers }, { lang: 'Colors', data: arrayColors }, { lang: 'Animals', data: arrayAnimals }, ]; var langs = arrayAllLang.map(function(arr) { return arr.lang; }); // get all langs in one array // change lang button event function onChangelang(e) { var index = langs.indexOf(lang); if(index<langs.length-1) lang = langs[index+1]; else lang = langs[0]; e.innerText = lang; newBoard(); } function getArray() { return arrayAllLang.reduce(function(acc,d) { if(d.lang===lang) acc = d.data; return acc; },[]); } var values = []; var ids = []; var flipped = 0; Array.prototype.shuffle = function(){ var i = this.length, j, temp; while(--i > 0){ j = Math.floor(Math.random() * (i+1)); temp = this[j]; this[j] = this[i]; this[i] = temp; } } function newBoard(){ array = getArray(); tiles_flipped = 0; var output = ''; array.shuffle(); for(var i = 0; i < array.length; i++){ output += '<div id="tile_'+i+'" onclick="memoryFlipTile(this,\''+array[i]+'\')"></div>'; } document.getElementById('board').innerHTML = output; } function memoryFlipTile(tile,val){ if(tile.innerHTML == "" && values.length < 2) { // if first tile tile.style.background = '#FFF'; tile.innerHTML = val; if(values.length == 0) { values.push(val); ids.push(tile.id); // console.log('first tile'); } else if(values.length == 1) { // if second tile values.push(val); ids.push(tile.id); if(values[0] == values[1]) { // if matched // console.log('matched'); score += 1000; updateScore(); tiles_flipped += 2; values = []; ids = []; if(tiles_flipped == array.length){ // if all matched setTimeout(doneMessage, 100); function doneMessage() { alert("Great Job!!! You Win!!! ๐Ÿ™‚ Play again? or Select new Level"); document.getElementById('board').innerHTML = ""; newBoard(); } } } else { // if not match // console.log('not matched'); score -= 100; updateScore(); function flip2Back(){ var tile_1 = document.getElementById(ids[0]); var tile_2 = document.getElementById(ids[1]); tile_1.innerHTML = ""; tile_2.style.background = 'url(tile_bg.jpg) no-repeat'; tile_2.innerHTML = ""; tile_1.style.background = 'url(tile_bg.jpg) no-repeat'; values = []; ids = []; } setTimeout(flip2Back, 800); var index; } } } } function updateScore() { document.getElementById('score').innerText = "Score: " + score; } </script> <script>newBoard();</script> </body> </html> <br><br> <div id="amzn-assoc-ad-5ca40fe3-66d9-4c78-b751-3d1feee762fd"> </div> <script async="" src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US&amp;adInstanceId=5ca40fe3-66d9-4c78-b751-3d1feee762fd"></script> <br /> <br /> <script> (function(d){ var js, id = 'ayboll-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//cdn.ayboll.com/js/one.js"; d.getElementsByTagName('head')[0].appendChild(js); }(document)); </script> <script>(aybollads=window.aybollads||[]).push({id:"91017451-4"});</script> <br /> <ins id="aybollads-91017451-4"></ins>https://bobbiegames.blogspot.com/2018/10/play-and-learn-french.htmlnoreply@blogger.com (Bobbie)0tag:blogger.com,1999:blog-5777826826357794628.post-3828276657954130991Mon, 08 Oct 2018 15:19:00 +00002018-10-21T14:28:21.888-07:00Free GamesLanguage LearningLearn SpanishPlay and LearnPlay and Learn Spanish<!DOCTYPE html> <html> <head> <title>Play and Learn Spanish</title> <style> #B { width:110px; height:55px; border-width:4px; border-style: solid; border-color:purple; background-color:#00ff00; border-radius:100% 70%; text-align:center; font-size:20px; padding: 1px 1px;} div#board{ background:SkyBlue; border:#0000FF 1px solid; width:350px; height:440px; padding:5px; margin:0px auto; } div#board > div{ border:#00838F 1px solid; width:75px; height:75px; float:left; margin:2px; padding:2px; font-size:24px; cursor:pointer; text-align:center; } .level { float: left; } #score { text-align: right; margin-right: 30px; margin-top: 40px; font-size: 1.2em; } .clear-both { clear: both; } </style> </head> <body> <h1>Play and Learn Spanish with this fun matching game.</h1><br><p>If you are not yet familiar with this language no worries just match the objects and let the words sink into your mind as you play. To switch subjects just tap the Level button to discover and play new topics</p> <div id="title" class="text-center"> <h1 style="text-align: center">Spanish Words Memory Game</h1> <div class="level"><button id="B" onclick="onChangelang(this)">Fruit</button> Press button for new Level</div> <div id="score"></div> <div class="clear-both"></div> </div> <div id="board"></div> <div id="msg"></div> <script> var score; window.onload = function() { score = 0; updateScore(); } var array = []; var arrayFruit = ['manzana = ๐ŸŽ', 'manzana = ๐ŸŽ', 'plรกtano = ๐ŸŒ', 'plรกtano = ๐ŸŒ', 'cereza = ๐Ÿ’', 'cereza = ๐Ÿ’', 'limรณnย = ๐Ÿ‹','limรณnย = ๐Ÿ‹', 'pera = ๐Ÿ', 'pera = ๐Ÿ', 'fresaย = ๐Ÿ“', 'fresaย = ๐Ÿ“', 'piรฑa = ๐Ÿ', 'piรฑa = ๐Ÿ', 'uvas = ๐Ÿ‡', 'uvas = ๐Ÿ‡', ]; var arrayNature= [ 'Sol = ๐ŸŒž','Sol = ๐ŸŒž', 'luna = ๐ŸŒ›','luna = ๐ŸŒ›', 'estrella = โญ','estrella = โญ', 'รกrbol = ๐ŸŒฒ','รกrbol = ๐ŸŒฒ', 'flor = ๐ŸŒธ','flor = ๐ŸŒธ', 'nieve = ๐ŸŒจ' ,'nieve = ๐ŸŒจ' ,'lluvia = โ˜”','lluvia = โ˜”','hoja = ๐Ÿ', 'hoja = ๐Ÿ', ]; var arrayClothes = ['camisa = ๐Ÿ‘•','camisa = ๐Ÿ‘•', 'pantalones = ๐Ÿ‘–', 'pantalones = ๐Ÿ‘–','corbata = ๐Ÿ‘”','corbata = ๐Ÿ‘”', 'vestido = ๐Ÿ‘—', 'vestido = ๐Ÿ‘—', 'bikini = ๐Ÿ‘™', 'bikini = ๐Ÿ‘™', 'zapato = ๐Ÿ‘Ÿ', 'zapato = ๐Ÿ‘Ÿ', 'sombrero = ๐Ÿ‘’', 'sombrero = ๐Ÿ‘’','bolso = ๐Ÿ‘œ','bolso = ๐Ÿ‘œ',]; var arrayAutos = ['coche = ๐Ÿš—', 'coche = ๐Ÿš—', 'taxi = ๐Ÿš•' , 'taxi = ๐Ÿš•' , 'autobรบs = ๐ŸšŒ', 'autobรบs = ๐ŸšŒ', 'tren = ๐Ÿš‚','tren = ๐Ÿš‚', 'aviรณn = ๐Ÿ›ฉ', 'aviรณn = ๐Ÿ›ฉ','barco = โ›ต', 'barco = โ›ต', 'bicicleta = ๐Ÿšฒ', 'bicicleta = ๐Ÿšฒ', 'motocicleta = ๐Ÿ','motocicleta = ๐Ÿ', ]; var arrayNumbers = ["uno = 1","uno = 1","diez = 10","dos = 2","tres = 3","cuatro = 4","cinco = 5","seis = 6","siete = 7","ocho = 8","dos = 2","tres = 3","cuatro = 4","cinco = 5","seis = 6","siete = 7","ocho = 8","nueve = 9","nueve = 9","diez = 10",]; var arrayColors = ["Rosado = Pink","Rosado = Pink","Azul = Blue","Azul = Blue","Amarillo = Yellow","Amarillo = Yellow","Marrรณn = Brown","Marrรณn = Brown","Rojo = Red","Rojo = Red","Blanco= White","Blanco = White","Negro = Black","Negro = Black","Verde = Green","Verde = Green"]; var arrayAnimals = ["perroย = ๐Ÿ•","perroย = ๐Ÿ•","gatoย = ๐Ÿˆ","gatoย = ๐Ÿˆ","conejo = ๐Ÿ‡","conejo = ๐Ÿ‡","caballo = ๐ŸŽ","caballo = ๐ŸŽ","pรกjaro = ๐Ÿฆ","pรกjaro = ๐Ÿฆ","pez = ๐Ÿ ","pez = ๐Ÿ ","ratรณn = ๐Ÿญ","ratรณn = ๐Ÿญ","tortuga = ๐Ÿข","tortuga = ๐Ÿข"]; //Thanks Calvin var lang = 'Fruit'; // default lang var arrayAllLang = [ { lang: 'Fruit', data: arrayFruit }, { lang: 'Nature', data: arrayNature }, { lang: 'Clothes', data: arrayClothes }, { lang: 'Autos', data: arrayAutos }, { lang: 'Numbers', data: arrayNumbers }, { lang: 'Colors', data: arrayColors }, { lang: 'Animals', data: arrayAnimals }, ]; var langs = arrayAllLang.map(function(arr) { return arr.lang; }); // get all langs in one array // change lang button event function onChangelang(e) { var index = langs.indexOf(lang); if(index<langs.length-1) lang = langs[index+1]; else lang = langs[0]; e.innerText = lang; newBoard(); } function getArray() { return arrayAllLang.reduce(function(acc,d) { if(d.lang===lang) acc = d.data; return acc; },[]); } var values = []; var ids = []; var flipped = 0; Array.prototype.shuffle = function(){ var i = this.length, j, temp; while(--i > 0){ j = Math.floor(Math.random() * (i+1)); temp = this[j]; this[j] = this[i]; this[i] = temp; } } function newBoard(){ array = getArray(); tiles_flipped = 0; var output = ''; array.shuffle(); for(var i = 0; i < array.length; i++){ output += '<div id="tile_'+i+'" onclick="memoryFlipTile(this,\''+array[i]+'\')"></div>'; } document.getElementById('board').innerHTML = output; } function memoryFlipTile(tile,val){ if(tile.innerHTML == "" && values.length < 2) { // if first tile tile.style.background = '#FFF'; tile.innerHTML = val; if(values.length == 0) { values.push(val); ids.push(tile.id); // console.log('first tile'); } else if(values.length == 1) { // if second tile values.push(val); ids.push(tile.id); if(values[0] == values[1]) { // if matched // console.log('matched'); score += 1000; updateScore(); tiles_flipped += 2; values = []; ids = []; if(tiles_flipped == array.length){ // if all matched setTimeout(doneMessage, 100); function doneMessage() { alert("Great Job!!! You Win!!! ๐Ÿ™‚ Play again? or Select new Level"); document.getElementById('board').innerHTML = ""; newBoard(); } } } else { // if not match // console.log('not matched'); score -= 100; updateScore(); function flip2Back(){ var tile_1 = document.getElementById(ids[0]); var tile_2 = document.getElementById(ids[1]); tile_1.innerHTML = ""; tile_2.style.background = 'url(tile_bg.jpg) no-repeat'; tile_2.innerHTML = ""; tile_1.style.background = 'url(tile_bg.jpg) no-repeat'; values = []; ids = []; } setTimeout(flip2Back, 800); var index; } } } } function updateScore() { document.getElementById('score').innerText = "Score: " + score; } </script> <script>newBoard();</script> </body> </html> <br><br> <div id="amzn-assoc-ad-5ca40fe3-66d9-4c78-b751-3d1feee762fd"></div><script async src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US&adInstanceId=5ca40fe3-66d9-4c78-b751-3d1feee762fd"></script> <br><br> <script> (function(d){ var js, id = 'ayboll-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//cdn.ayboll.com/js/one.js"; d.getElementsByTagName('head')[0].appendChild(js); }(document)); </script> <script>(aybollads=window.aybollads||[]).push({id:"91017451-4"});</script> <ins id="aybollads-91017451-4"></ins>https://bobbiegames.blogspot.com/2018/10/play-and-learn-spanish_8.htmlnoreply@blogger.com (Bobbie)0tag:blogger.com,1999:blog-5777826826357794628.post-6714936984722571990Mon, 08 Oct 2018 13:59:00 +00002018-10-21T14:28:56.573-07:00Free GamesLanguage Learninglearn EnglishPlay and LearnPlay and Learn English<!DOCTYPE html> <html> <head> <title>Page Title</title> <style> #B { width:110px; height:55px; border-width:4px; border-style: solid; border-color:purple; background-color:#00ff00; border-radius:100% 70%; text-align:center; font-size:20px; padding: 1px 1px;} div#board{ background:SkyBlue; border:#0000FF 1px solid; width:350px; height:440px; padding:5px; margin:0px auto; } div#board > div{ border:#00838F 1px solid; width:75px; height:75px; float:left; margin:2px; padding:2px; font-size:24px; cursor:pointer; text-align:center; } .level { float: left; } #score { text-align: right; margin-right: 30px; margin-top: 40px; font-size: 1.2em; } .clear-both { clear: both; } </style> </head> <body> <h1>Play and Learn English with this fun matching game.</h1><br><p>If you are not yet familiar with this language no worries just match the objects and let the words sink into your mind as you play. To switch subjects just tap the Level button to discover and play new topics</p> <div id="title" class="text-center"> <h1 style="text-align: center">English Words Memory Game</h1> <div class="level"><button id="B" onclick="onChangelang(this)">Fruit</button> Press button for new Level</div> <div id="score"></div> <div class="clear-both"></div> </div> <div id="board"></div> <div id="msg"></div> <h1> English Words Study List </h1> <h2>Fruit</h2> <p>apple = ๐ŸŽ<br> banana = ๐ŸŒ<br> cherry = ๐Ÿ’<br> lemon = ๐Ÿ‹<br> pear = ๐Ÿ<br> watermelon = ๐Ÿ‰<br> pineapple = ๐Ÿ<br> kiwiย  = ๐Ÿฅ</p> <h2>Nature</h2> <p> sun = ๐ŸŒž<br> moon = ๐ŸŒ›<br>star = โญ<br>tree = ๐ŸŒฒ<br>flower = ๐ŸŒธ<br>snow = ๐ŸŒจ<br>rain = โ˜”<br>leaf = ๐Ÿ</p> <h2>Clothes</h2> <p>pants = ๐Ÿ‘–<br>tie = ๐Ÿ‘”<br>dress = ๐Ÿ‘—<br>bikini = ๐Ÿ‘™<br>shoe = ๐Ÿ‘Ÿ<br>hat = ๐Ÿ‘’<br>purse = ๐Ÿ‘œ</p> <h2>Autos</h2> <p>car = ๐Ÿš—<br>taxi = ๐Ÿš•<br>bus = ๐ŸšŒ<br>train = ๐Ÿš‚<br>airplane = ๐Ÿ›ฉ<br>sailboat = โ›ต<br>bicycle = ๐Ÿšฒ<br>motorcycle = ๐Ÿ <h2>Numbers</h2> <p>one = 1<br>two = 2<br>three = 3<br>four = 4<br>five = 5<br>six = 6<br>seven = 7<br>eight = 8<br>nine = 9<br>ten = 10</p> <h2> Colors</h2> <p>๐Ÿฉ = Pink<br>๐Ÿฆ = SkyBlue<br>๐Ÿฅ = Yellow<br>๐Ÿป = Brown<br>๐ŸŒน = Red<br>โ˜๏ธ = White<br>๐ŸŒš = Black<br>๐Ÿ€ = Green</p> <h2>Animals</h2> <p>cat = ๐Ÿˆ<br>dog = ๐Ÿ•<br>rabbit = ๐Ÿ‡<br> monkey = ๐Ÿ’<br>mouse = ๐Ÿญ<br> horse = ๐ŸŽ<br>fisg = ๐Ÿ <br>bird = ๐Ÿฆ</p> <script> var score; window.onload = function() { score = 0; updateScore(); } var array = []; var arrayFruit = ['apple = ๐ŸŽ', 'apple = ๐ŸŽ', 'banana = ๐ŸŒ', 'banana = ๐ŸŒ', 'cherry = ๐Ÿ’', 'cherry = ๐Ÿ’', 'lemon = ๐Ÿ‹','lemon = ๐Ÿ‹', 'pear = ๐Ÿ', 'pear = ๐Ÿ', 'watermelon = ๐Ÿ‰', 'watermelon = ๐Ÿ‰', 'pineapple = ๐Ÿ', 'pineapple = ๐Ÿ', 'kiwi = ๐Ÿฅ', 'kiwi = ๐Ÿฅ', ]; var arrayNature= [ 'sun = ๐ŸŒž','sun = ๐ŸŒž', 'moon = ๐ŸŒ›','moon = ๐ŸŒ›', 'star = โญ','star = โญ', 'tree = ๐ŸŒฒ','tree = ๐ŸŒฒ', 'flower = ๐ŸŒธ','flower = ๐ŸŒธ', 'snow = ๐ŸŒจ' ,'snow = ๐ŸŒจ' ,'rain = โ˜”','rain = โ˜”','leaf = ๐Ÿ', 'leaf = ๐Ÿ', ]; var arrayClothes = ['shirt = ๐Ÿ‘•','shirt = ๐Ÿ‘•', 'pants = ๐Ÿ‘–', 'pants = ๐Ÿ‘–','tie = ๐Ÿ‘”','tie = ๐Ÿ‘”', 'dress = ๐Ÿ‘—', 'dress = ๐Ÿ‘—', 'bikini = ๐Ÿ‘™', 'bikini = ๐Ÿ‘™', 'shoe = ๐Ÿ‘Ÿ', 'shoe = ๐Ÿ‘Ÿ', 'hat = ๐Ÿ‘’', 'hat = ๐Ÿ‘’','purse = ๐Ÿ‘œ','purse = ๐Ÿ‘œ',]; var arrayAutos = ['car = ๐Ÿš—', 'car = ๐Ÿš—', 'taxi = ๐Ÿš•' , 'taxi = ๐Ÿš•' , 'bus = ๐ŸšŒ', 'bus = ๐ŸšŒ', 'train = ๐Ÿš‚','train = ๐Ÿš‚', 'airplane = ๐Ÿ›ฉ', 'airplane = ๐Ÿ›ฉ','sailboat = โ›ต', 'sailboat = โ›ต', 'bicycle = ๐Ÿšฒ', 'bicycle = ๐Ÿšฒ', 'motorcycle = ๐Ÿ','motorcycle = ๐Ÿ', ]; var arrayNumbers = ["one = 1","one = 1","ten = 10","two = 2","three = 3","four = 4","five = 5","six = 6","seven = 7","eight = 8","two = 2","three = 3","four = 4","five = 5","six = 6","seven = 7","eight = 8","nine = 9","ninr = 9","ten = 10",]; var arrayColors = ["๐Ÿฉ = Pink","๐Ÿฉ = Pink","๐Ÿฆ = SkyBlue","๐Ÿฆ = SkyBlue","๐Ÿฅ = Yellow","๐Ÿฅ = Yellow","๐Ÿป = Brown","๐Ÿป = Brown","๐ŸŒน = Red","๐ŸŒน = Red","โ˜๏ธ = White","โ˜๏ธ = White","๐ŸŒš = Black","๐ŸŒš = Black","๐Ÿ€ = Green","๐Ÿ€ = Green"]; var arrayAnimals = ['cat = ๐Ÿˆ', 'cat = ๐Ÿˆ', 'dog = ๐Ÿ•', 'dog = ๐Ÿ•', 'rabbit = ๐Ÿ‡', 'rabbit = ๐Ÿ‡', 'monkey = ๐Ÿ’','monkey = ๐Ÿ’', 'mouse = ๐Ÿญ', 'mouse = ๐Ÿญ', 'horse = ๐ŸŽ', 'horse = ๐ŸŽ', 'fish = ๐Ÿ ', 'fish = ๐Ÿ ', 'bird = ๐Ÿฆ', 'bird = ๐Ÿฆ', ]; //Thanks Calvin var lang = 'Fruit'; // default lang var arrayAllLang = [ { lang: 'Fruit', data: arrayFruit }, { lang: 'Nature', data: arrayNature }, { lang: 'Clothes', data: arrayClothes }, { lang: 'Autos', data: arrayAutos }, { lang: 'Numbers', data: arrayNumbers }, { lang: 'Colors', data: arrayColors }, { lang: 'Animals', data: arrayAnimals }, ]; var langs = arrayAllLang.map(function(arr) { return arr.lang; }); // get all langs in one array // change lang button event function onChangelang(e) { var index = langs.indexOf(lang); if(index<langs.length-1) lang = langs[index+1]; else lang = langs[0]; e.innerText = lang; newBoard(); } function getArray() { return arrayAllLang.reduce(function(acc,d) { if(d.lang===lang) acc = d.data; return acc; },[]); } var values = []; var ids = []; var flipped = 0; Array.prototype.shuffle = function(){ var i = this.length, j, temp; while(--i > 0){ j = Math.floor(Math.random() * (i+1)); temp = this[j]; this[j] = this[i]; this[i] = temp; } } function newBoard(){ array = getArray(); tiles_flipped = 0; var output = ''; array.shuffle(); for(var i = 0; i < array.length; i++){ output += '<div id="tile_'+i+'" onclick="memoryFlipTile(this,\''+array[i]+'\')"></div>'; } document.getElementById('board').innerHTML = output; } function memoryFlipTile(tile,val){ if(tile.innerHTML == "" && values.length < 2) { // if first tile tile.style.background = '#FFF'; tile.innerHTML = val; if(values.length == 0) { values.push(val); ids.push(tile.id); // console.log('first tile'); } else if(values.length == 1) { // if second tile values.push(val); ids.push(tile.id); if(values[0] == values[1]) { // if matched // console.log('matched'); score += 1000; updateScore(); tiles_flipped += 2; values = []; ids = []; if(tiles_flipped == array.length){ // if all matched setTimeout(doneMessage, 100); function doneMessage() { alert("Great Job!!! You Win!!! ๐Ÿ™‚ Play again? or Select new Level"); document.getElementById('board').innerHTML = ""; newBoard(); } } } else { // if not match // console.log('not matched'); score -= 100; updateScore(); function flip2Back(){ var tile_1 = document.getElementById(ids[0]); var tile_2 = document.getElementById(ids[1]); tile_1.innerHTML = ""; tile_2.style.background = 'url(tile_bg.jpg) no-repeat'; tile_2.innerHTML = ""; tile_1.style.background = 'url(tile_bg.jpg) no-repeat'; values = []; ids = []; } setTimeout(flip2Back, 800); var index; } } } } function updateScore() { document.getElementById('score').innerText = "Score: " + score; } </script> <script>newBoard();</script> </body> </html> <div id="amzn-assoc-ad-5ca40fe3-66d9-4c78-b751-3d1feee762fd"></div><script async src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US&adInstanceId=5ca40fe3-66d9-4c78-b751-3d1feee762fd"></script> <br><br> <script> (function(d){ var js, id = 'ayboll-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//cdn.ayboll.com/js/one.js"; d.getElementsByTagName('head')[0].appendChild(js); }(document)); </script> <script>(aybollads=window.aybollads||[]).push({id:"91017451-4"});</script> <ins id="aybollads-91017451-4"></ins>https://bobbiegames.blogspot.com/2018/10/play-and-learn-english.htmlnoreply@blogger.com (Bobbie)0tag:blogger.com,1999:blog-5777826826357794628.post-7664483019176922192Mon, 24 Sep 2018 16:34:00 +00002018-10-21T14:28:03.002-07:00Free GamesLanguage LearningLearn RussianPlay and LearnPlay & Learn Russian<!DOCTYPE html> <html> <head> <title>Page Title</title> <style> #B { width:110px; height:55px; border-width:4px; border-style: solid; border-color:purple; background-color:#00ff00; border-radius:100% 70%; text-align:center; font-size:20px; padding: 1px 1px;} div#board{ background:SkyBlue; border:#0000FF 1px solid; width:350px; height:440px; padding:5px; margin:0px auto; } div#board > div{ border:#00838F 1px solid; width:75px; height:75px; float:left; margin:2px; padding:2px; font-size:24px; cursor:pointer; text-align:center; } .level { float: left; } #score { text-align: right; margin-right: 30px; margin-top: 40px; font-size: 1.2em; } .clear-both { clear: both; } </style> </head> <body> <h1>Play and Learn Russian with this fun matching game.</h1><br><p>If you are not yet familiar with this language no worries just match the objects and let the words sink into your mind as you play. To switch subjects just tap the Level button to discover and play new topics</p> <div id="title" class="text-center"> <h1 style="text-align: center">Russian Words Memory Game</h1> <div class="level"><button id="B" onclick="onChangelang(this)">Fruit</button> Press button for new Level</div> <div id="score"></div> <div class="clear-both"></div> </div> <div id="board"></div> <div id="msg"></div> <h1> Russian Words Study List </h1> <h2>Fruit</h2> <p>ัะฑะปะพะบะพ = ๐ŸŽ<br> ะฑะฐะฝะฐะฝ = ๐ŸŒ<br> ะฒะธัˆะฝั = ๐Ÿ’<br> ะปะธะผะพะฝ = ๐Ÿ‹<br> ะณั€ัƒัˆะฐ = ๐Ÿ<br> ะั€ะฑัƒะท = ๐Ÿ‰<br> ะฐะฝะฐะฝะฐั = ๐Ÿ<br> ะšะธะฒะธย  = ๐Ÿฅ</p> <h2>Nature</h2> <p> ะกะพะปะฝั†ะต = ๐ŸŒž<br> ะปัƒะฝะฐ = ๐ŸŒ›<br>ะทะฒะตะทะดะฝะพะต = โญ<br>ะดะตั€ะตะฒะพ = ๐ŸŒฒ<br>ั†ะฒะตั‚ะพะบ = ๐ŸŒธ<br>ัะฝะตะถะฝั‹ะน = ๐ŸŒจ<br>ะดะพะถะดัŒ = โ˜”<br>ะปะธัั‚ = ๐Ÿ</p> <h2>Clothes</h2> <p>ะฑั€ัŽะบะธ = ๐Ÿ‘–<br>ะณะฐะปัั‚ัƒะบ = ๐Ÿ‘”<br>ะฟะปะฐั‚ัŒะต = ๐Ÿ‘—<br>ะฑะธะบะธะฝะธ = ๐Ÿ‘™<br>ะพะฑัƒะฒัŒ = ๐Ÿ‘Ÿ<br>ัˆะปัะฟะฐ = ๐Ÿ‘’<br>ะบะพัˆะตะปะตะบ = ๐Ÿ‘œ</p> <h2>Autos</h2> <p>ะฐะฒั‚ะพะผะพะฑะธะปัŒ = ๐Ÿš—<br>ั‚ะฐะบัะธ = ๐Ÿš•<br>ะฐะฒั‚ะพะฑัƒั = ๐ŸšŒ<br>ะฟะพะตะทะด = ๐Ÿš‚<br>ัะฐะผะพะปะตั‚ = ๐Ÿ›ฉ<br>ะปะพะดะบะฐ = โ›ต<br>ะฒะตะปะพัะธะฟะตะด = ๐Ÿšฒ<br>ะผะพั‚ะพั†ะธะบะป = ๐Ÿ <h2>Numbers</h2> <p>ะพะดะธะฝ = 1<br>ะดะฒะฐ = 2<br>ั‚ั€ะธ = 3<br>ั‡ะตั‚ั‹ั€ะต = 4<br>ะฟัั‚ัŒ = 5<br>ัˆะตัั‚ัŒ = 6<br>ัะตะผัŒ= 7<br>ะฒะพัะตะผัŒ = 8<br>ะดะตะฒัั‚ัŒ = 9<br>ะดะตััั‚ัŒ = 10</p> <h2> Colors</h2> <p>ั€ะพะทะพะฒั‹ะน = Pink<br>ะณะพะปัƒะฑะพะน = SkyBlue<br>ะถั‘ะปั‚ั‹ะน = Yellow<br>ะบะพั€ะธั‡ะฝะตะฒั‹ะน = Brown<br>ะบั€ะฐัะฝั‹ะน = Red<br>ะฑะตะปั‹ะน = White<br>ั‡ั‘ั€ะฝั‹ะน = Black<br>ะทะตะปั‘ะฝั‹ะน = Green</p> <h2>Animals</h2> <p>ะšะพั‚ = ๐Ÿˆ<br>ะกะพะฑะฐะบะฐ = ๐Ÿ•<br>ะšั€ะพะปะธะบ = ๐Ÿ‡<br> ะžะฑะตะทัŒัะฝะฐ = ๐Ÿ’<br>ะœั‹ัˆัŒ = ๐Ÿญ<br> ะ›ะพัˆะฐะดัŒ = ๐ŸŽ<br>ะ ั‹ะฑะฐ = ๐Ÿ <br>ะŸั‚ะธั†ะฐ = ๐Ÿฆ</p> <script> var score; window.onload = function() { score = 0; updateScore(); } var array = []; var arrayFruit = ['ัะฑะปะพะบะพ = ๐ŸŽ', 'ัะฑะปะพะบะพ = ๐ŸŽ', 'ะฑะฐะฝะฐะฝ = ๐ŸŒ', 'ะฑะฐะฝะฐะฝ = ๐ŸŒ', 'ะฒะธัˆะฝั = ๐Ÿ’', 'ะฒะธัˆะฝั = ๐Ÿ’', 'ะปะธะผะพะฝ = ๐Ÿ‹','ะปะธะผะพะฝ = ๐Ÿ‹', 'ะณั€ัƒัˆะฐ = ๐Ÿ', 'ะณั€ัƒัˆะฐ = ๐Ÿ', 'ะั€ะฑัƒะท = ๐Ÿ‰', 'ะั€ะฑัƒะท = ๐Ÿ‰', 'ะฐะฝะฐะฝะฐั = ๐Ÿ', 'ะฐะฝะฐะฝะฐั = ๐Ÿ', 'ะšะธะฒะธ = ๐Ÿฅ', 'ะšะธะฒะธ = ๐Ÿฅ', ]; var arrayNature= [ 'ะกะพะปะฝั†ะต = ๐ŸŒž','ะกะพะปะฝั†ะต = ๐ŸŒž', 'ะปัƒะฝะฐ = ๐ŸŒ›','ะปัƒะฝะฐ = ๐ŸŒ›', 'ะทะฒะตะทะดะฝะพะต = โญ','ะทะฒะตะทะดะฝะพะต = โญ', 'ะดะตั€ะตะฒะพ = ๐ŸŒฒ','ะดะตั€ะตะฒะพ = ๐ŸŒฒ', 'ั†ะฒะตั‚ะพะบ = ๐ŸŒธ','ั†ะฒะตั‚ะพะบ = ๐ŸŒธ', 'ัะฝะตะถะฝั‹ะน = ๐ŸŒจ' ,'ัะฝะตะถะฝั‹ะน = ๐ŸŒจ' ,'ะดะพะถะดัŒ = โ˜”','ะดะพะถะดัŒ = โ˜”','ะปะธัั‚ = ๐Ÿ', 'ะปะธัั‚ = ๐Ÿ', ]; var arrayClothes = ['ะ ัƒะฑะฐัˆะบะฐ = ๐Ÿ‘•','ะ ัƒะฑะฐัˆะบะฐ = ๐Ÿ‘•', 'ะฑั€ัŽะบะธ = ๐Ÿ‘–', 'ะฑั€ัŽะบะธ = ๐Ÿ‘–','ะณะฐะปัั‚ัƒะบ = ๐Ÿ‘”','ะณะฐะปัั‚ัƒะบ = ๐Ÿ‘”', 'ะฟะปะฐั‚ัŒะต = ๐Ÿ‘—', 'ะฟะปะฐั‚ัŒะต = ๐Ÿ‘—', 'ะฑะธะบะธะฝะธ = ๐Ÿ‘™', 'ะฑะธะบะธะฝะธ = ๐Ÿ‘™', 'ะพะฑัƒะฒัŒ = ๐Ÿ‘Ÿ', 'ะพะฑัƒะฒัŒ = ๐Ÿ‘Ÿ', 'ัˆะปัะฟะฐ = ๐Ÿ‘’', 'ัˆะปัะฟะฐ = ๐Ÿ‘’','ะบะพัˆะตะปะตะบ = ๐Ÿ‘œ','ะบะพัˆะตะปะตะบ = ๐Ÿ‘œ',]; var arrayAutos = ['ะฐะฒั‚ะพะผะพะฑะธะปัŒ = ๐Ÿš—', 'ะฐะฒั‚ะพะผะพะฑะธะปัŒ = ๐Ÿš—', 'ั‚ะฐะบัะธ = ๐Ÿš•' , 'ั‚ะฐะบัะธ = ๐Ÿš•' , 'ะฐะฒั‚ะพะฑัƒั = ๐ŸšŒ', 'ะฐะฒั‚ะพะฑัƒั = ๐ŸšŒ', 'ะฟะพะตะทะด = ๐Ÿš‚','ะฟะพะตะทะด = ๐Ÿš‚', 'ัะฐะผะพะปะตั‚ = ๐Ÿ›ฉ', 'ัะฐะผะพะปะตั‚ = ๐Ÿ›ฉ','ะปะพะดะบะฐ = โ›ต', 'ะปะพะดะบะฐ = โ›ต', 'ะฒะตะปะพัะธะฟะตะด = ๐Ÿšฒ', 'ะฒะตะปะพัะธะฟะตะด = ๐Ÿšฒ', 'ะผะพั‚ะพั†ะธะบะป = ๐Ÿ','ะผะพั‚ะพั†ะธะบะป = ๐Ÿ', ]; var arrayNumbers = ["ะพะดะธะฝ = 1","ะพะดะธะฝ = 1","ะดะตััั‚ัŒ = 10","ะดะฒะฐ = 2","ั‚ั€ะธ = 3","ั‡ะตั‚ั‹ั€ะต = 4","ะฟัั‚ัŒ = 5","ัˆะตัั‚ัŒ = 6","ัะตะผัŒ= 7","ะฒะพัะตะผัŒ = 8","ะดะฒะฐ = 2","ั‚ั€ะธ = 3","ั‡ะตั‚ั‹ั€ะต = 4","ะฟัั‚ัŒ = 5","ัˆะตัั‚ัŒ = 6","ัะตะผัŒ= 7","ะฒะพัะตะผัŒ = 8","ะดะตะฒัั‚ัŒ = 9","ะดะตะฒัั‚ัŒ = 9","ะดะตััั‚ัŒ = 10",]; var arrayColors = ["ั€ะพะทะพะฒั‹ะน = Pink","ั€ะพะทะพะฒั‹ะน = Pink","ะณะพะปัƒะฑะพะน = SkyBlue","ะณะพะปัƒะฑะพะน = SkyBlue","ะถั‘ะปั‚ั‹ะน = Yellow","ะถั‘ะปั‚ั‹ะน = Yellow","ะบะพั€ะธั‡ะฝะตะฒั‹ะน = Brown","ะบะพั€ะธั‡ะฝะตะฒั‹ะน = Brown","ะบั€ะฐัะฝั‹ะน = Red","ะบั€ะฐัะฝั‹ะน = Red","ะฑะตะปั‹ะน = White","ะฑะตะปั‹ะน = White","ั‡ั‘ั€ะฝั‹ะน = Black","ั‡ั‘ั€ะฝั‹ะน = Black","ะทะตะปั‘ะฝั‹ะน = Green","ะทะตะปั‘ะฝั‹ะน = Green"]; var arrayAnimals = ['ะšะพั‚ = ๐Ÿˆ', 'ะšะพั‚ = ๐Ÿˆ', 'ะกะพะฑะฐะบะฐ = ๐Ÿ•', 'ะกะพะฑะฐะบะฐ = ๐Ÿ•', 'ะšั€ะพะปะธะบ = ๐Ÿ‡', 'ะšั€ะพะปะธะบ = ๐Ÿ‡', 'ะžะฑะตะทัŒัะฝะฐ = ๐Ÿ’','ะžะฑะตะทัŒัะฝะฐ = ๐Ÿ’', 'ะœั‹ัˆัŒ = ๐Ÿญ', 'ะœั‹ัˆัŒ = ๐Ÿญ', 'ะ›ะพัˆะฐะดัŒ = ๐ŸŽ', 'ะ›ะพัˆะฐะดัŒ = ๐ŸŽ', 'ะ ั‹ะฑะฐ = ๐Ÿ ', 'ะ ั‹ะฑะฐ = ๐Ÿ ', 'ะŸั‚ะธั†ะฐ = ๐Ÿฆ', 'ะŸั‚ะธั†ะฐ = ๐Ÿฆ', ]; //Thanks Calvin var lang = 'Fruit'; // default lang var arrayAllLang = [ { lang: 'Fruit', data: arrayFruit }, { lang: 'Nature', data: arrayNature }, { lang: 'Clothes', data: arrayClothes }, { lang: 'Autos', data: arrayAutos }, { lang: 'Numbers', data: arrayNumbers }, { lang: 'Colors', data: arrayColors }, { lang: 'Animals', data: arrayAnimals }, ]; var langs = arrayAllLang.map(function(arr) { return arr.lang; }); // get all langs in one array // change lang button event function onChangelang(e) { var index = langs.indexOf(lang); if(index<langs.length-1) lang = langs[index+1]; else lang = langs[0]; e.innerText = lang; newBoard(); } function getArray() { return arrayAllLang.reduce(function(acc,d) { if(d.lang===lang) acc = d.data; return acc; },[]); } var values = []; var ids = []; var flipped = 0; Array.prototype.shuffle = function(){ var i = this.length, j, temp; while(--i > 0){ j = Math.floor(Math.random() * (i+1)); temp = this[j]; this[j] = this[i]; this[i] = temp; } } function newBoard(){ array = getArray(); tiles_flipped = 0; var output = ''; array.shuffle(); for(var i = 0; i < array.length; i++){ output += '<div id="tile_'+i+'" onclick="memoryFlipTile(this,\''+array[i]+'\')"></div>'; } document.getElementById('board').innerHTML = output; } function memoryFlipTile(tile,val){ if(tile.innerHTML == "" && values.length < 2) { // if first tile tile.style.background = '#FFF'; tile.innerHTML = val; if(values.length == 0) { values.push(val); ids.push(tile.id); // console.log('first tile'); } else if(values.length == 1) { // if second tile values.push(val); ids.push(tile.id); if(values[0] == values[1]) { // if matched // console.log('matched'); score += 1000; updateScore(); tiles_flipped += 2; values = []; ids = []; if(tiles_flipped == array.length){ // if all matched setTimeout(doneMessage, 100); function doneMessage() { alert("Great Job!!! You Win!!! ๐Ÿ™‚ Play again? or Select new Level"); document.getElementById('board').innerHTML = ""; newBoard(); } } } else { // if not match // console.log('not matched'); score -= 100; updateScore(); function flip2Back(){ var tile_1 = document.getElementById(ids[0]); var tile_2 = document.getElementById(ids[1]); tile_1.innerHTML = ""; tile_2.style.background = 'url(tile_bg.jpg) no-repeat'; tile_2.innerHTML = ""; tile_1.style.background = 'url(tile_bg.jpg) no-repeat'; values = []; ids = []; } setTimeout(flip2Back, 800); var index; } } } } function updateScore() { document.getElementById('score').innerText = "Score: " + score; } </script> <script>newBoard();</script> </body> </html> <div id="amzn-assoc-ad-5ca40fe3-66d9-4c78-b751-3d1feee762fd"></div><script async src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US&adInstanceId=5ca40fe3-66d9-4c78-b751-3d1feee762fd"></script> <br><br> <script> (function(d){ var js, id = 'ayboll-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//cdn.ayboll.com/js/one.js"; d.getElementsByTagName('head')[0].appendChild(js); }(document)); </script> <script>(aybollads=window.aybollads||[]).push({id:"91017451-4"});</script> <ins id="aybollads-91017451-4"></ins>https://bobbiegames.blogspot.com/2018/09/play-learn-russian_24.htmlnoreply@blogger.com (Bobbie)1tag:blogger.com,1999:blog-5777826826357794628.post-7239052434600451647Thu, 20 Sep 2018 15:14:00 +00002018-10-21T14:25:35.960-07:00Free GamesBattleStarShip Game<!DOCTYPE html> <html> <head> <title>A little twist on the classic Battleship Game BattleStarShip</title> <style> body { background-color: black; } div#board { position: relative; width: 350px; height: 350px; margin: auto; background: url("http://codifyacademy.com/project_battleship_demo/img/board.jpg") no-repeat; /* Learned about this new to me gem!!! background-size:contain woooaaahhh; */ background-size:contain; } div#messageArea { position: absolute; top: 0px; left: 0px; color: rgb(83, 175, 19); } .hit { background: url("https://i.pinimg.com/originals/6e/43/b2/6e43b288e5e15cffb3f9ca7ff9eff3d8.png") no-repeat center center; background-size:contain; } .miss { background: url("http://media.gettyimages.com/photos/diamond-words-miss-on-black-background-high-resolution-3d-image-picture-id468471800?s=170667a&w=1007") no-repeat center center; background-size:contain; } form { position: absolute; bottom: 0px; left: 0px; padding: 15px; background-color: rgb(83, 175, 19); } form input { background-color: #98CF71; border-color: rgb(83, 175, 19); font-size: 18px; } table { border-spacing: 0px; position: absolute; left: 60px; top: 35px; } td { width: 30px; height: 30px; } </style> </head> <body> <div id="board"> <div id="messageArea"></div> <table> <tr> <td id="00"></td> <td id="01"></td> <td id="02"></td> <td id="03"></td> <td id="04"></td> <td id="05"></td> <td id="06"></td> </tr> <tr> <td id="10"></td> <td id="11"></td> <td id="12"></td> <td id="13"></td> <td id="14"></td> <td id="15"></td> <td id="16"></td> </tr> <tr> <td id="20"></td> <td id="21"></td> <td id="22"></td> <td id="23"></td> <td id="24"></td> <td id="25"></td> <td id="26"></td> </tr> <tr> <td id="30"></td> <td id="31"></td> <td id="32"></td> <td id="33"></td> <td id="34"></td> <td id="35"></td> <td id="36"></td> </tr> <tr> <td id="40"></td> <td id="41"></td> <td id="42"></td> <td id="43"></td> <td id="44"></td> <td id="45"></td> <td id="46"></td> </tr> <tr> <td id="50"></td> <td id="51"></td> <td id="52"></td> <td id="53"></td> <td id="54"></td> <td id="55"></td> <td id="56"></td> </tr> <tr> <td id="60"></td> <td id="61"></td> <td id="62"></td> <td id="63"></td> <td id="64"></td> <td id="65"></td> <td id="66"></td> </tr> </table> <form> <input type="text" id="guessInput" placeholder="A0"> <input type="button" id="fireButton" value="Fire!"> </form> </div> </body> <script> var model = { boardSize: 7, numShips: 3, shipLength: 3, shipsSunk: 0, ships: [ { locations: [0, 0, 0], hits: ["", "", ""] }, { locations: [0, 0, 0], hits: ["", "", ""] }, { locations: [0, 0, 0], hits: ["", "", ""] } ], fire: function(guess) { for (var i = 0; i < this.numShips; i++) { var ship = this.ships[i]; var index = ship.locations.indexOf(guess); // here's an improvement! Check to see if the ship // has already been hit, message the user, and return true. if (ship.hits[index] === "hit") { view.displayMessage("Oops, you already hit that location!"); return true; } else if (index >= 0) { ship.hits[index] = "hit"; view.displayHit(guess); view.displayMessage("HIT!"); if (this.isSunk(ship)) { view.displayMessage("You distroyed my Starship!"); this.shipsSunk++; } return true; } } view.displayMiss(guess); view.displayMessage("You missed."); return false; }, isSunk: function(ship) { for (var i = 0; i < this.shipLength; i++) { if (ship.hits[i] !== "hit") { return false; } } return true; }, generateShipLocations: function() { var locations; for (var i = 0; i < this.numShips; i++) { do { locations = this.generateShip(); } while (this.collision(locations)); this.ships[i].locations = locations; } console.log("Ships array: "); console.log(this.ships); }, generateShip: function() { var direction = Math.floor(Math.random() * 2); var row, col; if (direction === 1) { // horizontal row = Math.floor(Math.random() * this.boardSize); col = Math.floor(Math.random() * (this.boardSize - this.shipLength + 1)); } else { // vertical row = Math.floor(Math.random() * (this.boardSize - this.shipLength + 1)); col = Math.floor(Math.random() * this.boardSize); } var newShipLocations = []; for (var i = 0; i < this.shipLength; i++) { if (direction === 1) { newShipLocations.push(row + "" + (col + i)); } else { newShipLocations.push((row + i) + "" + col); } } return newShipLocations; }, collision: function(locations) { for (var i = 0; i < this.numShips; i++) { var ship = this.ships[i]; for (var j = 0; j < locations.length; j++) { if (ship.locations.indexOf(locations[j]) >= 0) { return true; } } } return false; } }; var view = { displayMessage: function(msg) { var messageArea = document.getElementById("messageArea"); messageArea.innerHTML = msg; }, displayHit: function(location) { var cell = document.getElementById(location); cell.setAttribute("class", "hit"); }, displayMiss: function(location) { var cell = document.getElementById(location); cell.setAttribute("class", "miss"); } }; var controller = { guesses: 0, processGuess: function(guess) { var location = parseGuess(guess); if (location) { this.guesses++; var hit = model.fire(location); if (hit && model.shipsSunk === model.numShips) { view.displayMessage("You desyroyed all my Starships, in " + this.guesses + " guesses"); alert("You Destroyed all of my StarShips You Won!!!") } } } } // helper function to parse a guess from the user function parseGuess(guess) { var alphabet = ["A", "B", "C", "D", "E", "F", "G"]; if (guess === null || guess.length !== 2) { alert("Oops, please enter a letter and a number on the board."); } else { var firstChar = guess.charAt(0); var row = alphabet.indexOf(firstChar); var column = guess.charAt(1); if (isNaN(row) || isNaN(column)) { alert("Oops, that isn't on the board."); } else if (row < 0 || row >= model.boardSize || column < 0 || column >= model.boardSize) { alert("Oops, that's off the board!"); } else { return row + column; } } return null; } // event handlers function handleFireButton() { var guessInput = document.getElementById("guessInput"); var guess = guessInput.value.toUpperCase(); controller.processGuess(guess); guessInput.value = ""; } function handleKeyPress(e) { var fireButton = document.getElementById("fireButton"); // in IE9 and earlier, the event object doesn't get passed // to the event handler correctly, so we use window.event instead. e = e || window.event; if (e.keyCode === 13) { fireButton.click(); return false; } } // init - called when the page has completed loading window.onload = init; function init() { // Fire! button onclick handler var fireButton = document.getElementById("fireButton"); fireButton.onclick = handleFireButton; // handle "return" key press var guessInput = document.getElementById("guessInput"); guessInput.onkeypress = handleKeyPress; // place the ships on the game board model.generateShipLocations(); } </script> </html> <div id="amzn-assoc-ad-300695b7-383b-4a28-be85-25ff5010d479"></div><script async src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US&adInstanceId=300695b7-383b-4a28-be85-25ff5010d479"></script> <br> <br> <script> (function(d){ var js, id = 'ayboll-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//cdn.ayboll.com/js/one.js"; d.getElementsByTagName('head')[0].appendChild(js); }(document)); </script> <script>(aybollads=window.aybollads||[]).push({id:"91017451-4"});</script> <ins id="aybollads-91017451-4"></ins>https://bobbiegames.blogspot.com/2018/09/battlestarship-game.htmlnoreply@blogger.com (Bobbie)0tag:blogger.com,1999:blog-5777826826357794628.post-1660318095496918752Wed, 19 Sep 2018 03:26:00 +00002018-10-21T14:25:35.870-07:00Free GamesEmoji Memory Game<!DOCTYPE html> <html> <head> <title>๐Ÿ˜€Emoji Memory Game๐Ÿ˜Ž</title> <style>body { background-image: url( https://upload.wikimedia.org/wikipedia/commons/6/61/Scratch_BG_disco.gif); background-repeat: repeat; background-size: cover;} #B { width:110px; height:55px; border-width:4px; border-style: solid; border-color:purple; background-color:#00ff00; border-radius:100% 70%; text-align:center; font-size:20px; padding: 1px 1px;} div#board{ background:SkyBlue; border:#0000FF 1px solid; width:320px; height:340px; padding:15px; margin:0px auto; } div#board > div{ border:#00838F 1px solid; width:40px; height:40px; float:left; margin:2px; padding:2px; font-size:32px; cursor:pointer; text-align:center; } .level { float: left; } #score { text-align: right; margin-right: 50px; margin-top: 60px; font-size: 24px; } .clear-both { clear: both; }</style> </head> <body> <div id="title" class="text-center"> <h2 style="text-align: center">Emoji Memory Game</h2> <div class="level"><button id="B" onclick="onChangelevel(this)">Start</button> Press button for new Level</div> <div id="score"></div> <div class="clear-both"></div> </div> <div id="board"></div> <div id="msg"></div> <script>newBoard();</script> <script>var score; window.onload = function() { score = 0; updateScore(); } var emoji = []; var emoji1 = ["๐Ÿ˜ƒ","๐Ÿ˜ƒ","๐Ÿ‘‘","๐Ÿ‘‘","๐Ÿ’","๐Ÿ’"]; var emoji2 = ["๐Ÿ˜ƒ","๐Ÿ˜ƒ","๐Ÿ‘‘","๐Ÿ‘‘","๐Ÿ’","๐Ÿ’","๐Ÿ“","๐Ÿ“","๐Ÿฆ","๐Ÿฆ","๐Ÿ˜Ž","๐Ÿ˜Ž"]; var emoji3 = ["๐ŸŽ","๐ŸŽ","๐Ÿ„","๐Ÿ„","๐Ÿค“","๐Ÿค“","๐Ÿ‡","๐Ÿ‡","๐Ÿ†","๐Ÿ†","๐Ÿญ","๐Ÿญ","๐Ÿ’–","๐Ÿ’–","๐ŸŽฒ","๐ŸŽฒ","๐Ÿš—","๐Ÿš—"]; var emoji4 = ["๐Ÿ˜‡","๐Ÿ˜‡","๐Ÿ˜ƒ","๐Ÿ˜ƒ","๐Ÿ™‚","๐Ÿ™‚","๐Ÿค“","๐Ÿค“","๐Ÿ˜Ž","๐Ÿ˜Ž","๐Ÿ˜˜","๐Ÿ˜˜","๐Ÿ˜ต","๐Ÿ˜ต","๐Ÿ˜€","๐Ÿ˜€","๐Ÿ˜‰","๐Ÿ˜‰"]; var emoji5= ["๐Ÿ’","๐Ÿ’","๐Ÿข","๐Ÿข","๐Ÿฆ","๐Ÿฆ","๐Ÿฉ","๐Ÿฉ","๐Ÿช","๐Ÿช","๐Ÿ ","๐Ÿ ","๐ŸŽ","๐ŸŽ","๐Ÿฆ","๐Ÿฆ","๐Ÿ•","๐Ÿ•","๐Ÿˆ","๐Ÿˆ","๐Ÿ•Š","๐Ÿ•Š","๐Ÿ™","๐Ÿ™"]; var emoji6 = ["๐Ÿ˜€","๐Ÿ˜€","๐Ÿ˜ƒ","๐Ÿ˜ƒ","๐Ÿ˜‡","๐Ÿ˜‡","๐Ÿ˜‰","๐Ÿ˜‰","๐Ÿ™ƒ","๐Ÿ™ƒ","๐Ÿ˜˜","๐Ÿ˜˜","๐Ÿ˜","๐Ÿ˜","๐Ÿ˜","๐Ÿ˜","๐Ÿค“","๐Ÿค“","๐Ÿ˜Ž","๐Ÿ˜Ž","๐Ÿ˜ž","๐Ÿ˜ž","๐Ÿค”","๐Ÿค”"]; var emoji7 = ["๐Ÿ“","๐Ÿ“","๐ŸŽ‚","๐ŸŽ‚","๐Ÿ˜‚","๐Ÿ˜‚","๐Ÿ˜","๐Ÿ˜","๐Ÿ’","๐Ÿ’","๐Ÿช","๐Ÿช","๐Ÿฆ","๐Ÿฆ","๐Ÿญ","๐Ÿญ","๐Ÿš—" ,"๐Ÿš—","โ›ต","โ›ต","๐ŸŽ ","๐ŸŽ ","๐ŸŒ…","๐ŸŒ…","๐Ÿฐ","๐Ÿฐ","โšฝ","โšฝ","๐Ÿˆ","๐Ÿˆ"]; var emoji8 = ["๐Ÿ˜€","๐Ÿ˜€","๐Ÿ˜ƒ","๐Ÿ˜ƒ","๐Ÿ˜‡","๐Ÿ˜‡","๐Ÿ˜‰","๐Ÿ˜‰","๐Ÿ™ƒ","๐Ÿ™ƒ","๐Ÿ˜˜","๐Ÿ˜˜","๐Ÿ˜","๐Ÿ˜","๐Ÿ˜","๐Ÿ˜","๐Ÿค“","๐Ÿค“","๐Ÿ˜Ž","๐Ÿ˜Ž","๐Ÿ˜ž","๐Ÿ˜ž","๐Ÿค”","๐Ÿค”","๐Ÿ˜‚","๐Ÿ˜‚","๐Ÿ˜…","๐Ÿ˜…","๐Ÿ˜ฎ","๐Ÿ˜ฎ"]; var emoji9 = ["๐Ÿ“","๐Ÿ“","๐ŸŽ‚","๐ŸŽ‚","๐Ÿ˜‚","๐Ÿ˜‚","๐Ÿ˜","๐Ÿ˜","๐Ÿ’","๐Ÿ’","๐Ÿช","๐Ÿช","๐Ÿฆ","๐Ÿฆ","๐Ÿญ","๐Ÿญ","๐Ÿš—" ,"๐Ÿš—","โ›ต","โ›ต","๐ŸŽ ","๐ŸŽ ","๐ŸŒ…","๐ŸŒ…","๐Ÿฐ","๐Ÿฐ","โšฝ","โšฝ","๐Ÿˆ","๐Ÿˆ","๐Ÿค“","๐Ÿค“","๐Ÿ˜Ž","๐Ÿ˜Ž","๐Ÿ˜‡","๐Ÿ˜‡"]; var emoji10 = ["๐Ÿ˜€","๐Ÿ˜€","๐Ÿ˜ƒ","๐Ÿ˜ƒ","๐Ÿ˜‡","๐Ÿ˜‡","๐Ÿ˜‰","๐Ÿ˜‰","๐Ÿ™ƒ","๐Ÿ™ƒ","๐Ÿ˜˜","๐Ÿ˜˜","๐Ÿ˜","๐Ÿ˜","๐Ÿ˜","๐Ÿ˜","๐Ÿค“","๐Ÿค“","๐Ÿ˜Ž","๐Ÿ˜Ž","๐Ÿ˜ž","๐Ÿ˜ž","๐Ÿค”","๐Ÿค”","๐Ÿ˜‚","๐Ÿ˜‚","๐Ÿ˜…","๐Ÿ˜…","๐Ÿ˜ฎ","๐Ÿ˜ฎ","๐Ÿ˜","๐Ÿ˜","๐Ÿ˜—","๐Ÿ˜—","๐Ÿ˜ต","๐Ÿ˜ต"]; var level = 'Start'; // default level var arrayAlllevel = [ { level: 'Level 1', data: emoji1 }, { level: 'Level 2', data: emoji2 }, { level: 'Level 3', data: emoji3 }, { level: 'Level 4', data: emoji4 }, { level: 'Level 5', data: emoji5 }, { level: 'Level 6', data: emoji6 }, { level: 'Level 7', data: emoji7 }, { level: 'Level 8', data: emoji8 }, { level: 'Level 9', data: emoji9 }, { level: 'Level 10', data: emoji10 }, ]; var levels = arrayAlllevel.map(function(arr) { return arr.level; }); // get all levels in one array // change level button event function onChangelevel(e) { var index = levels.indexOf(level); if(index<levels.length-1) level = levels[index+1]; else level = levels[0]; e.innerText = level; newBoard(); } function getArray() { return arrayAlllevel.reduce(function(acc,d) { if(d.level===level) acc = d.data; return acc; },[]); } var values = []; var ids = []; var flipped = 0; Array.prototype.shuffle = function(){ var i = this.length, j, temp; while(--i > 0){ j = Math.floor(Math.random() * (i+1)); temp = this[j]; this[j] = this[i]; this[i] = temp; } } function newBoard(){ array = getArray(); tiles_flipped = 0; var output = ''; array.shuffle(); for(var i = 0; i < array.length; i++){ output += '<div id="tile_'+i+'" onclick="memoryFlipTile(this,\''+array[i]+'\')"></div>'; } document.getElementById('board').innerHTML = output; } function memoryFlipTile(tile,val){ if(tile.innerHTML == "" && values.length < 2) { // if first tile tile.style.background = '#FFF'; tile.innerHTML = val; if(values.length == 0) { values.push(val); ids.push(tile.id); // console.log('first tile'); } else if(values.length == 1) { // if second tile values.push(val); ids.push(tile.id); if(values[0] == values[1]) { // if matched // console.log('matched'); score += 1000; updateScore(); tiles_flipped += 2; values = []; ids = []; if(tiles_flipped == array.length){ // if all matched setTimeout(doneMessage, 100); function doneMessage() { alert("Great Job!!! You Won That Level!!! ๐Ÿ™‚ Play again? or Select new Level"); document.getElementById('board').innerHTML = ""; newBoard(); } } } else { // if not match // console.log('not matched'); score -= 100; updateScore(); function flip2Back(){ var tile_1 = document.getElementById(ids[0]); var tile_2 = document.getElementById(ids[1]); tile_1.innerHTML = ""; tile_2.style.background = 'url(tile_bg.jpg) no-repeat'; tile_2.innerHTML = ""; tile_1.style.background = 'url(tile_bg.jpg) no-repeat'; values = []; ids = []; } setTimeout(flip2Back, 800); var index; } } } } function updateScore() { document.getElementById('score').innerText = "Score: " + score; } </script> </body> </html> <div id="amzn-assoc-ad-314c761e-37d0-400b-86fb-51bfa50a1366"></div><script async src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US&adInstanceId=314c761e-37d0-400b-86fb-51bfa50a1366"></script> <br><br> <script> (function(d){ var js, id = 'ayboll-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//cdn.ayboll.com/js/one.js"; d.getElementsByTagName('head')[0].appendChild(js); }(document)); </script> <script>(aybollads=window.aybollads||[]).push({id:"91017451-4"});</script> <ins id="aybollads-91017451-4"></ins>https://bobbiegames.blogspot.com/2018/09/emoji-memory-game.htmlnoreply@blogger.com (Bobbie)0tag:blogger.com,1999:blog-5777826826357794628.post-3802573404373699677Wed, 19 Sep 2018 03:01:00 +00002018-10-21T14:30:38.228-07:00Free Gameshidden objectTravel Blast Game New York <!DOCTYPE html> <html> <head> <title>Travel Blast Game New York</title> <style> body, div, p, span { box-sizing: border-box; margin: 0; padding: 0; } body { max-width: 350px; } .container { position: relative; } .imgPart { background: #fff; } .imgPart img { border: 5px solid #afafaf; border-radius: 20px 20px 0 0; border-bottom: none; display: block; height: calc(600px - 110px); object-fit: cover; width: calc(350px - 10px); } .overlay { position: absolute; z-index: 1; } .emojiContainer { background: rgba(0, 0, 0, 0); left: 0; top: 0; width: 350px; } .emojis { background: rgba(255, 0, 0, 0); /*background: red;*/ border-radius: 50% 50%; color: black; display: inline-block; font-size: 25px; padding: 2px; position: absolute; text-align: center; z-index: 2 } .emojisClicked { background: #fff; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: inset 3px 3px 12px black; box-shadow: outset 3px 3px 12px white; } .banner { animation: bannerBox 0.3s 1; background: rgba(0, 0, 0, 0.8); box-sizing: border-box; color: yellow; display: none; font-size: 36px; font-weight: 600; height: 600px; padding: 20px; text-align: center; top: 0; width: 350px; z-index: 3; } .scores { background: blue; color: #98daff; border: 5px solid #afafaf; border-radius: 0 0 20px 20px; font-size: 17px; font-weight: 500; height: 85px; width: 350px; padding: 10px; position: relative; } #emojiLeft, #scores, #stage { font-weight: 700; font-family: monospace; text-shadow: 1px 1px 10px #fff; } .scoresBox { background: blue; border-radius: 0 0 15px 0; height: 100%; padding: 0 10px; right: 0; top: 0; width: 180px; } .leftEmojiChild{ border: 1px solid brown; border-radius: 5px; background: rgba(0,0,0,0.4); } #timer { background: rgba(0, 0, 0, 0.3); border-radius: 50% 50%; float: right; font-size: 24px; font-weight: 600; margin: 0; padding: 3px; text-shadow: 2px 2px 10px #fff; } canvas{ position:absolute; z-index: 10; top: 0; left: 0; } @keyframes bannerBox { from { transform: scale(0.1) rotate(0deg); } to { transform: scale(1.0) rotate(360deg); } } .emojis { font-size: 20px; } } </style> </head> <body bgcolor="lightblue"> <div class="container"> <div class="overlay loadingPage"> </div> <div class="imgPart"> <img src="./he1.jpg" height="450px" width="340px" alt="Background image for the hidden emoji game" onerror="this.onerror=null; this.src='https://www.burgessyachts.com/media/adminforms/locations/n/e/new_york_1.jpg'"> </div> <div class="overlay emojiContainer"></div> <div class="overlay banner"></div> <div class="scores"> <p>EMOJIS LEFT: <span id="emojiLeft">15</span></p> <p>SCORE: <span id="scores">0</span></p> <p>STAGE: <span id="stage">1</span> </p> <div class="overlay scoresBox"> <span id="timer">100</span> <span class="leftEmojis"></span> </div> </div> </div> <center> <p style="font-size:20px">๐ŸŒŸScroll Down for Fun New York Facts</p> <h1>Fun Facts New York</h1> <p style="font-size:20px">๐ŸŒŸNew York City has 722 miles of subway track.<br><br> ๐ŸŒŸIn 2018 NYC will open the world's first underground park <br><br> ๐ŸŒŸThe first presentation of 3D films before a paying audience took place at Manhattan's Astor Theater on June 10, 1915. <br><br> ๐ŸŒŸThere are tiny shrimp called copepodsย in NYC'sย drinking water.<br><br> ๐ŸŒŸOn July 28, 1945 an Army Air Corps B-25 crashed into the Empire State Building at the 79th floor level. <br><br> ๐ŸŒŸNew York City is the most populated city in the United States<br><br> ๐ŸŒŸThe Big Apple is a term coined by musicians meaning to play the big time. <br><br> ๐ŸŒŸIt can cost over $289,000 forย a one-year hot dog stand permitย in Central Park.<br><br> ๐ŸŒŸJoseph C. Gayetty of New York City invented toilet paper in 1857. <br><br> ๐ŸŒŸThe Empire State buildingย has itsย own zip code.<br><br> ๐ŸŒŸThe first capital of the United States was New York City. In 1789 George Washington took his oath as president on the balcony at Federal Hall. <br><br> ๐ŸŒŸNew York City is the most linguistically diverse city in the world.ย  Residents speak about 800 languages.<br><br> </p> <h1>New York City</h1> <img src="https://upload.wikimedia.org/wikipedia/commons/6/6e/US_Sanctuary_Cities_Map.svg"height="200"width="250"><br> <img src="https://upload.wikimedia.org/wikipedia/commons/5/52/New_York_City_District_Map_2.svg"height=300px width="300px"> <p style="font-size:20px"> Country: United States of America<br> State: New York<br> Boroughs:ย Brooklyn,ย Queens,ย Manhattan,ย The Bronx, andย Staten Islandย <br> Population 2017: 8.652 Millionย <br><br></p> <h1>Enjoy more Travel Blast fun in these cities:</h1> <h1>Travel Blast Paris</h1> <a href="https://play.google.com/store/apps/details?id=playlearn.paris">Travel Blast Paris</a><br> <h1>Travel Blast London</h1> <a href="https://play.google.com/store/apps/details?id=playlearn.london">Travel Blast London</a> <h1>Travel Blast New York</h1> <a href="https://play.google.com/store/apps/details?id=playlearn.newyork">Travel Blast New York</a><br><br> <a href="https://www.facebook.com/Play-Learn-1967482470238165/">Find our latest games here</a><br><br><br> </center> <script> 'use strict'; const EMOJI_ARRAY = ["๐Ÿ‡บ๐Ÿ‡ธ", "๐ŸŒญ", "๐Ÿ•", "๐Ÿ˜Ž", "๐Ÿšด", "๐Ÿš•", "๐Ÿˆ", "๐Ÿ‘ฎ", "๐Ÿ—ฝ", "๐Ÿ›ฉ", "๐ŸŽจ", "๐Ÿ“ท", "๐Ÿšถ", "๐ŸŽต", "๐ŸŽญ"]; /* Set the values between 0 and 100 to position the emojis*/ const EMOJI_TOP_OFFSETS = [ //For image1 [70, 85, 70, 98, 84, 60, 90, 40, 67, 36, 80, 90, 90, 97, 79], //For image2 [95, 50, 72, 92, 98, 90, 58, 45, 99, 48, 90, 71, 99, 59, 85], //For image3 [69, 55, 5, 85, 39, 95, 50, 3, 87, 80, 66, 64, 70, 24, 45], //4 [80, 49, 30, 95, 50, 65, 90, 99, 30, 55, 65, 75, 85, 90, 55], //5 [10, 70, 40, 99, 58, 40, 99, 30, 97, 78, 90, 21, 45, 79, 40], //6 [45, 56, 50, 99, 58, 70, 68, 80, 20, 78, 70, 75, 65, 79, 65], //7 [80, 95, 40, 25, 80, 45, 99, 15, 40, 55, 65, 75, 55, 90, 95], //8 [0, 40, 75, 85, 79, 55, 15, 15, 27, 60, 96, 99, 40, 54, 90], //9 [99, 99, 80, 98, 99, 90, 40, 26, 77, 66, 68, 79, 90, 77, 70], //For image10 [95, 66, 99, 62, 48, 70, 55, 45, 50, 78, 90, 91, 50, 99, 85], ]; const EMOJI_LEFT_OFFSETS = [ //For image1 [60, 86, 99, 2, 2, 50, 54, 65, 20, 28, 70, 99, 35, 45, 37], //For image2 [10, 90, 60, 40, 69, 30, 45, 23, 47, 56, 99, 29, 1, 54, 80], //For image3 [99, 46, 2, 22, 38, 30, 58, 60, 87, 68, 80, 71, 45, 59, 45], //4 [5, 95, 0, 85, 70, 60, 40, 0, 80, 55, 95, 35, 75, 30, 15], //5 [40, 75, 5, 80, 69, 60, 99, 23, 37, 56, 16, 29, 50, 34, 70], //6 [10, 90, 60, 80, 69, 45, 65, 23, 87, 56, 16, 29, 80, 34, 20], //7 [5, 95, 20, 45, 70, 95, 0, 25, 80, 55, 95, 35, 75, 30, 15], //8 [5, 20, 82, 2, 18, 90, 75, 65, 87, 48, 70, 99, 35, 19, 37], //For image9 [10, 90, 70, 40, 69, 30, 45, 23, 87, 56, 99, 99, 8, 54, 80], //For image10 [35, 46, 2, 22, 88, 60, 68, 55, 77, 68, 80, 71, 15, 9, 10], //11 ]; const IMAGE_LINKS_ARRAY = [ //image1 link "https://www.burgessyachts.com/media/adminforms/locations/n/e/new_york_1.jpg", "https://2017.nyc.wordcamp.org/files/2017/08/cropped-nyc-manhattan.jpg", "https://travel.usnews.com/static-travel/images/destinations/44/broadway_getty_fresh_photos_from_all_over_the_world.jpg", "https://www.klm.com/travel/en/images/8B867356-2044-4B79-B622-5A25C9DD915E_tcm493-564757_912x912_80.jpg", "https://media.timeout.com/images/103451632/image.jpg", "http://www.bravofly.com/offers/flights/bravofly/img/new_york.jpg", "https://2486634c787a971a3554-d983ce57e4c84901daded0f67d5a004f.ssl.cf1.rackcdn.com/lotte-new-york-city-palace/media/cache/LotteNewYorkPalace-Offers-Bloomingdales2-59cec00a95c6f-500x460.jpg", "http://www.destination360.com/north-america/us/new-york/nyc/images/s/nyc-restaurants.jpg", "http://17502-presscdn-0-88.pagely.netdna-cdn.com/wp-content/uploads/2014/09/The-Flatiron-Building-New-York.jpg", "http://www.clker.com/cliparts/9/4/c/0/14659577401284414067new_york_city_lights.jpg", ]; const MESSAGE_ARRAY = [ "SOME EYES YOU HAVE!!", "THIS ONE'S NOT GOING TO BE EASY", "WHAT! YOU DID IT AGAIN", "NEXT PLACE IS TOUGHER", "AWESOME JOB!!", "YOU MUST BE ENJOYING THIS, AREN'T YOU!", "YOU WILL FEEL THE CLOCK NEXT TIME", "NEXT EMOJIS WILL STAY HIDDEN", "WHY DON'T YOU GIVE UP ?", "HOPE YOU HAD FUN, CAN YOU DO IT AGAIN?", "I DARE YOU TO FIND THEM ALL THIS TIME" ]; const BANNER_TIME = 3000; const EMOJI_CLICK_TIME = 500; var body = document.body; var container = document.querySelector('.container'); var emojiContainer = document.querySelector('.emojiContainer'); var banner = document.querySelector('.banner'); var clickCounter = EMOJI_ARRAY.length; var imgWidth; var imgHeight; var emojiDiv; var emojiText; var stage = 0; var scores = 0; var iteration = 0; var fontsize = 20; var timeElapsed = 0; var gameTimer; //setInterval variable for timer var maxStageTime = 100; //in seconds window.onload = function() { if (clickCounter !== 0) { displayBanner("FIND THE 15 HIDDEN EMOJIS!!!"); createGame(); updateScores(); } else { nextStage(); } }; //stars animation object literal var stars = { canvas: document.createElement('CANVAS'), createStars: function(parent, width = 300, height = 300, starCount = 50, maxRadius = 50, durMillis = 3000, isRings = true, clickX = undefined, clickY = undefined) { var canvas = stars.canvas; var ctx = canvas.getContext('2d'); parent.appendChild(canvas); //canvas styles canvas.style.background = "rgba(0,0,0,0)"; canvas.width = width; canvas.height = height; var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame; var cancelAnimationFrame = window.cancelAnimationFrame || window.mozCancelAnimationFrame; var starArray = []; var myFrames; function Star(posX, posY, radius, innerRadius, rotateAngle, velocity, color) { this.opacity = 1.0; this.posX = posX; this.posY = posY; this.radius = radius; this.innerRadius = innerRadius; //innerRadius for star this.rotateAngle = rotateAngle; this.velocity = velocity; this.color = color; } Star.prototype.draw = function() { var r = this.radius; var iR = this.innerRadius; var x = this.posX; var y = this.posY; var ang = Math.PI / 5; var rA = this.rotateAngle; ctx.fillStyle = this.color; ctx.beginPath(); ctx.moveTo(x + r * Math.cos(rA + ang * 0), y + r * Math.sin(rA + ang * 0)); ctx.lineTo(x + iR * Math.cos(rA + ang * 1), y + iR * Math.sin(rA + ang * 1)); ctx.lineTo(x + r * Math.cos(rA + ang * 2), y + r * Math.sin(rA + ang * 2)); ctx.lineTo(x + iR * Math.cos(rA + ang * 3), y + iR * Math.sin(rA + ang * 3)); ctx.lineTo(x + r * Math.cos(rA + ang * 4), y + r * Math.sin(rA + ang * 4)); ctx.lineTo(x + iR * Math.cos(rA + ang * 5), y + iR * Math.sin(rA + ang * 5)); ctx.lineTo(x + r * Math.cos(rA + ang * 6), y + r * Math.sin(rA + ang * 6)); ctx.lineTo(x + iR * Math.cos(rA + ang * 7), y + iR * Math.sin(rA + ang * 7)); ctx.lineTo(x + r * Math.cos(rA + ang * 8), y + r * Math.sin(rA + ang * 8)); ctx.lineTo(x + iR * Math.cos(rA + ang * 9), y + iR * Math.sin(rA + ang * 9)); ctx.lineTo(x + r * Math.cos(rA + ang * 0), y + r * Math.sin(rA + ang * 0)); ctx.fill(); } function blastRings(x, y, radius, lw, color) { if (radius < 0) radius = 0; ctx.beginPath(); ctx.lineWidth = lw; ctx.strokeStyle = color; ctx.arc(x, y, radius + 30, 0, Math.PI * 2, false); ctx.stroke(); } Star.prototype.updatePosition = function() { this.posX += this.velocity * Math.cos(this.rotateAngle); this.posY += this.velocity * Math.sin(this.rotateAngle); this.draw(); } for (var i = 0; i < starCount; i++) { starArray.push(new Star( clickX || Math.floor(((Math.random() - 0.5) * 30) + (width / 2)), clickY || Math.floor(((Math.random() - 0.5) * 30) + (height / 2)), Math.floor(Math.random() * maxRadius), maxRadius * (Math.random() * 0.4 + 0.2), Math.random() * (2 * Math.PI), Math.ceil(Math.random() * 10), `rgba(${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, ${Math.floor(Math.random() * 256)}, 1.0)` )); // starArray[i].draw(); } var start = null; function animate(timestamp) { if (!start) start = timestamp; var progress = timestamp - start; //console.log(progress + " , " + durMillis); ctx.clearRect(0, 0, width, height); if(isRings){ blastRings(width / 2, height / 2, progress, 10, "white"); blastRings(width / 2, height / 2, progress - 50, 15, "yellow"); blastRings(width / 2, height / 2, progress - 100, 20, "orange"); blastRings(width / 2, height / 2, progress - 150, 30, "red"); } starArray.forEach(function(item) { item.updatePosition(); }); if (progress < durMillis) { myFrames = requestAnimationFrame(animate); } else { stars.removeStars(parent); } } requestAnimationFrame(animate); }, //createStars () function end removeStars: function(parent){ var children = parent.children; for(var i = 0; i < children.length; i++){ if(children[i] === stars.canvas){ parent.removeChild(stars.canvas); break; } } }//removeStars () function ends here } // stars object literal end // creating the emojis on top of image function createGame() { imgWidth = document.querySelector('.imgPart img').width; imgHeight = document.querySelector('.imgPart img').height; for (var i = 0; i < EMOJI_ARRAY.length; i++) { emojiDiv = document.createElement("DIV"); emojiText = document.createTextNode(EMOJI_ARRAY[i]); emojiDiv.setAttribute("class", "emojis"); emojiDiv.setAttribute("id", "emoji" + (i + 1)); emojiDiv.style.fontSize = "" + fontsize + "px"; emojiDiv.style.top = Math.floor((EMOJI_TOP_OFFSETS[stage % IMAGE_LINKS_ARRAY.length][i] / 100) * (imgHeight - 50)) + "px"; emojiDiv.style.left = Math.floor((EMOJI_LEFT_OFFSETS[stage % IMAGE_LINKS_ARRAY.length][i] / 100) * (imgWidth - 50)) + "px"; emojiDiv.appendChild(emojiText); emojiContainer.appendChild(emojiDiv); emojiDiv.addEventListener('click', handleEmojiClick); } clickCounter = EMOJI_ARRAY.length; setGameTimer(); displayLeftEmojis(); } function setGameTimer() { timeElapsed = 0; gameTimer = setInterval(function() { timeElapsed += 1; document.querySelector('#timer').textContent = maxStageTime - timeElapsed; if (maxStageTime - timeElapsed === 0) { gameOver(); } }, 1000); } function gameOver() { iteration = 0; scores = 0; stage = 0; timeElapsed = 0; fontsize = 20; clearInterval(gameTimer); removeEmojis(emojiContainer); removeEmojis(document.querySelector('.leftEmojis')); createGame(); updateScores(); displayBanner("<hr/><hr/>GAME<br/>OVER<hr/><hr/>", true); } function handleEmojiClick(event) { this.setAttribute('class', 'emojis emojisClicked'); clickCounter--; scores += 100; //displayLeftEmojis part now document.querySelectorAll('.leftEmojiChild').forEach((item) => { if(this.textContent === item.textContent){ document.querySelector('.leftEmojis').removeChild(item); } }); if (clickCounter === 0) { scores += 500; setTimeout(function(){ stars.createStars(document.body, innerWidth, innerHeight, 100, 15, BANNER_TIME, true); }, EMOJI_CLICK_TIME + 50); nextStage(); } //display and remove the star canvas stars.createStars(document.body, innerWidth, innerHeight, 20, 20, EMOJI_CLICK_TIME, false, event.pageX, event.pageY); setTimeout(function(){ stars.removeStars(document.body); if(clickCounter === 0){ } }, EMOJI_CLICK_TIME); updateScores(); this.removeEventListener('click', handleEmojiClick); } function updateScores() { document.querySelector('#emojiLeft').textContent = clickCounter; document.querySelector('#scores').textContent = scores; document.querySelector('#stage').textContent = stage + 1; } function displayBanner(bannerText, noClick = false) { banner.innerHTML = bannerText; banner.style.display = "block"; //create the stars animation stars.createStars(document.body, innerWidth, innerHeight, 100, 15, BANNER_TIME, true); if (!noClick) { banner.addEventListener('click', bannerClick); } function bannerClick() { banner.style.display = "none"; } setTimeout(function() { banner.style.display = "none"; banner.removeEventListener('click', bannerClick); }, BANNER_TIME); } function nextStage() { stage += 1; clearInterval(gameTimer); if ((stage % (IMAGE_LINKS_ARRAY.length)) === 0) { iteration += 1; nextIteration(); } else { scores += (maxStageTime - timeElapsed) * 10; displayBanner(`TIME BONUS ${(maxStageTime - timeElapsed) * 10} POINTS<br/> <hr/>${MESSAGE_ARRAY[Math.floor(Math.random() * MESSAGE_ARRAY.length)]}`); } document.querySelector('.imgPart img').src = IMAGE_LINKS_ARRAY[stage % IMAGE_LINKS_ARRAY.length]; removeEmojis(emojiContainer); removeEmojis(document.querySelector('.leftEmojis')); document.querySelector('.imgPart img').addEventListener("load", createGame); } function removeEmojis(parent) { while (parent.firstChild) { parent.removeChild(parent.firstChild); } } function nextIteration() { fontsize -= 2; if(maxStageTime > 30){ maxStageTime -= 10; } displayBanner("1000+<br/>LEVEL UP BONUS<hr/>LETS TUNE UP THE TOUGHNESS!!"); } function getRandomColor() { return `rgb(${Math.floor(Math.random() * 255)}, ${Math.floor(Math.random() * 255)}, ${Math.floor(Math.random() * 255)})`; } function displayLeftEmojis(){ EMOJI_ARRAY.forEach((item) => { let span = document.createElement('SPAN'); span.setAttribute('class', 'leftEmojiChild'); let content = document.createTextNode(item); span.appendChild(content); document.querySelector('.leftEmojis').appendChild(span); }); } </script> </body> </html> <div id="amzn-assoc-ad-5ca40fe3-66d9-4c78-b751-3d1feee762fd"></div><script async src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US&adInstanceId=5ca40fe3-66d9-4c78-b751-3d1feee762fd"></script> <br><br> <script> (function(d){ var js, id = 'ayboll-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//cdn.ayboll.com/js/one.js"; d.getElementsByTagName('head')[0].appendChild(js); }(document)); </script> <script>(aybollads=window.aybollads||[]).push({id:"91017451-4"});</script> <ins id="aybollads-91017451-4"></ins>https://bobbiegames.blogspot.com/2018/09/travel-blast-game-new-york.htmlnoreply@blogger.com (Bobbie)0tag:blogger.com,1999:blog-5777826826357794628.post-6218255071377381619Wed, 19 Sep 2018 02:53:00 +00002018-10-21T14:28:34.585-07:00Free GamesLanguage Learninglearn FrenchLearn RussianLearn SpanishPlay and LearnMulti Language Animal Game<!DOCTYPE html> <html> <head> <title>๐ŸˆLearn new Languages with this Multi Language Animal Game๐Ÿ•</title> <style>button { width:110px; height:55px; border-width:4px; border-style: solid; border-color:purple; background-color:#00ff00; border-radius:100% 70%; text-align:center; font-size:20px; padding: 1px 1px;} div#board{ background:SkyBlue; border:#0000FF 1px solid; width:320px; height:340px; padding:15px; margin:0px auto; } div#board > div{ border:#00838F 1px solid; width:70px; height:70px; float:left; margin:2px; padding:2px; font-size:22px; cursor:pointer; text-align:center; }</style> </head> <body> <body bgcolor="#9370DB"> <div id="title" class="text-center"> <h2 style="text-align: center">Multi Language Animals Game</h2> <button onclick="onChangelang(this)">Start</button>Press button for new Language </div> <div id="board"></div> <script>newBoard();</script> <script> var array = []; var arrayFrench = ["chienย = ๐Ÿ•","chienย = ๐Ÿ•","chatย = ๐Ÿˆ","chatย = ๐Ÿˆ","lapin = ๐Ÿ‡","lapin = ๐Ÿ‡","cheval = ๐ŸŽ","cheval = ๐ŸŽ","oiseau = ๐Ÿฆ","oiseau = ๐Ÿฆ","poisson = ๐Ÿ ","poisson = ๐Ÿ ","souris = ๐Ÿญ","souris = ๐Ÿญ","mouton = ๐Ÿ‘","mouton = ๐Ÿ‘"]; var arrayGerman = ["Katze = ๐Ÿˆ","Katze = ๐Ÿˆ","Hund = ๐Ÿ•","Hund = ๐Ÿ•","Fisch = ๐Ÿ ","Fisch = ๐Ÿ ","Pferd = ๐ŸŽ","Pferd = ๐ŸŽ","Vogel = ๐Ÿฆ","Vogel = ๐Ÿฆ","Hase = ๐Ÿ‡","Hase = ๐Ÿ‡","Affe = ๐Ÿ’","Affe = ๐Ÿ’","Schaf = ๐Ÿ‘","Schaf = ๐Ÿ‘"]; var arraySpanish = ["Gato = ๐Ÿˆ","Gato = ๐Ÿˆ","Perro = ๐Ÿ•","Perro = ๐Ÿ•","Caballo = ๐ŸŽ","Caballo = ๐ŸŽ","Mono = ๐Ÿ’","Mono = ๐Ÿ’","Conejo = ๐Ÿ‡","Conejo = ๐Ÿ‡","Oveja = ๐Ÿ‘","Oveja = ๐Ÿ‘","Peces = ๐Ÿ ","Peces = ๐Ÿ ","Pรกjaro = ๐Ÿฆ","Pรกjaro = ๐Ÿฆ"]; var arrayRussian = ['ะšะพั‚ = ๐Ÿˆ', 'ะšะพั‚ = ๐Ÿˆ', 'ะกะพะฑะฐะบะฐ = ๐Ÿ•', 'ะกะพะฑะฐะบะฐ = ๐Ÿ•', 'ะšั€ะพะปะธะบ = ๐Ÿ‡', 'ะšั€ะพะปะธะบ = ๐Ÿ‡', 'ะžะฑะตะทัŒัะฝะฐ = ๐Ÿ’','ะžะฑะตะทัŒัะฝะฐ = ๐Ÿ’', 'ะœั‹ัˆัŒ = ๐Ÿญ', 'ะœั‹ัˆัŒ = ๐Ÿญ', 'ะ›ะพัˆะฐะดัŒ = ๐ŸŽ', 'ะ›ะพัˆะฐะดัŒ = ๐ŸŽ', 'ะ ั‹ะฑะฐ = ๐Ÿ ', 'ะ ั‹ะฑะฐ = ๐Ÿ ', 'ะŸั‚ะธั†ะฐ = ๐Ÿฆ', 'ะŸั‚ะธั†ะฐ = ๐Ÿฆ', ]; var arrayHindi= [ 'เคฌเคฟเคฒเฅเคฒเฅ€= ๐Ÿˆ','เคฌเคฟเคฒเฅเคฒเฅ€= ๐Ÿˆ', 'เค•เฅเคคเฅเคคเคพ = ๐Ÿ•','เค•เฅเคคเฅเคคเคพ = ๐Ÿ•', 'เค˜เฅ‹เคกเคพ = ๐ŸŽ','เค˜เฅ‹เคกเคพ = ๐ŸŽ', 'เคฌเคจเฅเคฆเคฐ = ๐Ÿ’','เคฌเคจเฅเคฆเคฐ = ๐Ÿ’', 'เค–เคฐเค—เฅ‹เคถเฅ = ๐Ÿ‡','เค–เคฐเค—เฅ‹เคถเฅ = ๐Ÿ‡', 'เคญเฅ‡เคกเฅ = ๐Ÿ‘' ,'เคญเฅ‡เคกเฅ = ๐Ÿ‘' ,'เคšเฅ‚เคนเคพ = ๐Ÿญ','เคšเฅ‚เคนเคพ = ๐Ÿญ','เคฎเฅ‡เค‚เคขเค• = ๐Ÿธ', 'เคฎเฅ‡เค‚เคขเค• = ๐Ÿธ', ]; var arrayItalian = ['cane = ๐Ÿ•','cane = ๐Ÿ•', 'coniglio = ๐Ÿ‡', 'coniglio = ๐Ÿ‡','pesce = ๐Ÿ ','pesce = ๐Ÿ ', 'scimmia = ๐Ÿ’', 'scimmia = ๐Ÿ’', 'tartaruga = ๐Ÿข', 'tartaruga = ๐Ÿข', 'scoiattolo = ๐Ÿฟ', 'scoiattolo = ๐Ÿฟ', 'gatto = ๐Ÿˆ', 'gatto = ๐Ÿˆ','leone = ๐Ÿฆ','leone = ๐Ÿฆ',]; var arrayMandarin = ['้’่›™ = ๐Ÿธ', '้’่›™ = ๐Ÿธ', '็‹ฎๅญ = ๐Ÿฆ' , '็‹ฎๅญ = ๐Ÿฆ' , '็Œดๅญ = ๐Ÿ’', '็Œดๅญ = ๐Ÿ’', 'ๆพ้ผ  = ๐Ÿฟ','ๆพ้ผ  = ๐Ÿฟ', '็Œซ = ๐Ÿˆ', '็Œซ = ๐Ÿˆ','็‹— = ๐Ÿ•', '็‹— = ๐Ÿ•', '้ฉฌ = ๐ŸŽ', '้ฉฌ = ๐ŸŽ', '็พŠ = ๐Ÿ‘','็พŠ = ๐Ÿ‘',]; var arrayPolish = ['kot = ๐Ÿˆ','kot = ๐Ÿˆ','pies = ๐Ÿ•','pies = ๐Ÿ•','krowa = ๐Ÿฎ','krowa = ๐Ÿฎ','krรณlik = ๐Ÿฐ','krรณlik = ๐Ÿฐ','ryba = ๐Ÿ ','ryba = ๐Ÿ ','mysz = ๐Ÿญ','mysz = ๐Ÿญ','maล‚pa = ๐Ÿ’','maล‚pa = ๐Ÿ’','ptak = ๐Ÿฆ','ptak = ๐Ÿฆ',]; var arrayEnglish = ["dogย = ๐Ÿ•","dogย = ๐Ÿ•","catย = ๐Ÿˆ","catย = ๐Ÿˆ","rabbit = ๐Ÿ‡","rabbit = ๐Ÿ‡","horse = ๐ŸŽ","horse = ๐ŸŽ","bird = ๐Ÿฆ","bird = ๐Ÿฆ","fish = ๐Ÿ ","fish = ๐Ÿ ","mouse = ๐Ÿญ","mouse = ๐Ÿญ","sheep = ๐Ÿ‘","sheep = ๐Ÿ‘"]; var lang = 'French'; // default lang var arrayAllLang = [ { lang: 'French', data: arrayFrench }, { lang: 'German', data: arrayGerman }, { lang: 'Spanish', data: arraySpanish }, { lang: 'Russian', data: arrayRussian }, { lang: 'Hindi', data: arrayHindi }, { lang: 'Italian', data: arrayItalian }, { lang: 'Mandarin', data: arrayMandarin }, { lang: 'Polish', data: arrayPolish }, { lang: 'English', data: arrayEnglish }, ]; var langs = arrayAllLang.map(function(arr) { return arr.lang; }); // get all langs in one array // change lang button event function onChangelang(e) { // lang = lang==='French'? 'German':lang==='German'?'Spanish':'French' var index = langs.indexOf(lang); if(index<langs.length-1) lang = langs[index+1]; else lang = langs[0]; e.innerText = lang; newBoard(); } function getArray() { return arrayAllLang.reduce(function(acc,d) { if(d.lang===lang) acc = d.data; return acc; },[]); } var values = []; var ids = []; var flipped = 0; Array.prototype.shuffle = function(){ var i = this.length, j, temp; while(--i > 0){ j = Math.floor(Math.random() * (i+1)); temp = this[j]; this[j] = this[i]; this[i] = temp; } } function newBoard(){ array = getArray(); tiles_flipped = 0; var output = ''; array.shuffle(); for(var i = 0; i < array.length; i++){ output += '<div id="tile_'+i+'" onclick="memoryFlipTile(this,\''+array[i]+'\')"></div>'; } document.getElementById('board').innerHTML = output; } function memoryFlipTile(tile,val){ if(tile.innerHTML == "" && values.length < 2){ tile.style.background = '#FFF'; tile.innerHTML = val; if(values.length == 0){ values.push(val); ids.push(tile.id); } else if(values.length == 1){ values.push(val); ids.push(tile.id); if(values[0] == values[1]){ tiles_flipped += 2; values = []; ids = []; if(tiles_flipped == array.length){ alert("Great Job!!! ๐Ÿ™‚ Play again?"); document.getElementById('board').innerHTML = ""; newBoard(); } } else { function flip2Back(){ var tile_1 = document.getElementById(ids[0]); var tile_2 = document.getElementById(ids[1]); tile_1.innerHTML = ""; tile_2.style.background = 'url(tile_bg.jpg) no-repeat'; tile_2.innerHTML = ""; tile_1.style.background = 'url(tile_bg.jpg) no-repeat'; values = []; ids = []; } setTimeout(flip2Back, 800); var index; }}}} </script> </body> </html> <div id="amzn-assoc-ad-300695b7-383b-4a28-be85-25ff5010d479"></div><script async src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US&adInstanceId=300695b7-383b-4a28-be85-25ff5010d479"></script> <br><br> <script> (function(d){ var js, id = 'ayboll-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//cdn.ayboll.com/js/one.js"; d.getElementsByTagName('head')[0].appendChild(js); }(document)); </script> <script>(aybollads=window.aybollads||[]).push({id:"91017451-4"});</script> <ins id="aybollads-91017451-4"></ins>https://bobbiegames.blogspot.com/2018/09/multi-language-animal-game.htmlnoreply@blogger.com (Bobbie)0