window.onload = function(){ var achievments = { first_block:false, wood_cutter:false, creeper:false, rich:false } var backgrounds = ["https://i.imgur.com/vukk1wM.png","https://i.imgur.com/bJsynNE.png","https://i.imgur.com/wRstQph.png"]; var _ = new Image(); _.src = backgrounds[0]; _ = new Image(); _.src = backgrounds[1]; _ = new Image(); _.src = backgrounds[2]; var time = 0; var life = 3; $("#craft").on("click",function(){ alert("Click the blocks to earn points.\n\nDont click the creepers, skeletons or the enderman!\n\nMake sure to post your high scrore in the comments!") }); var gs = document.getElementById("gamescreen"); var dirt = document.getElementById("dirt"); var wood = document.getElementById("wood"); var stone = document.getElementById("stone"); var sand = document.getElementById("sand"); var obsidian = document.getElementById("obsidian"); var tnt = document.getElementById("tnt"); var diamond = document.getElementById("diamond"); var _ = $('#dirt').height(); $('#dirt').css({"width":_+'px'}); _ = $('#wood').height(); $('#wood').css({"width":_+'px'}); _ = $('#stone').height(); $('#stone').css({"width":_+'px'}); _ = $('#sand').height(); $('#sand').css({"width":_+'px'}); _ = $('#tnt').height(); $('#tnt').css({"width":_+'px'}); _ = $('#obsidian').height(); $('#obsidian').css({"width":_+'px'}); _ = $('#diamond').height(); $('#diamond').css({"width":_+'px'}); var dirt_sprite = document.createElement("img"); dirt_sprite.className = "block"; dirt_sprite.src = "https://i.imgur.com/a3qc6Ka.png"; gs.appendChild(dirt_sprite); var dirt_num = 0; var stone_num = 0 var wood_num = 0; var sand_num = 0; var tnt_num = 0; var obsidian_num = 0; var diamond_num = 0; var clock = setInterval(spawnBlocks,1); function spawnBlocks(){ time++; if(time == 0){ document.getElementById("gamescreen").style.backgroundImage = "url(" + backgrounds[0] + ")"; } if(time == 3000){ document.getElementById("gamescreen").style.backgroundImage = "url(" + backgrounds[1] + ")"; } if(time == 6000){ document.getElementById("gamescreen").style.backgroundImage = "url(" + backgrounds[2] + ")"; } if(time == 9000){ time = 0; } x = Math.round(Math.random() * 5000) if(x > 99 && x < 150){ var dirt_sprite = document.createElement("img"); dirt_sprite.className = "block"; dirt_sprite.style.left = (Math.round(Math.random() * 10) * 10 + "%"); dirt_sprite.src = "https://i.imgur.com/a3qc6Ka.png"; gs.appendChild(dirt_sprite); dirt_sprite.onclick = function(){ dirt_num++; dirt.textContent = dirt_num; gs.removeChild(dirt_sprite); } } if(x >170 && x < 175){ var tnt_sprite = document.createElement("img"); tnt_sprite.className = "block"; tnt_sprite.style.left = (Math.round(Math.random() * 10) * 10 + "%"); tnt_sprite.src = "https://i.imgur.com/R0HeegS.png"; gs.appendChild(tnt_sprite); tnt_sprite.onclick = function(){ tnt_num++; tnt.textContent = tnt_num; gs.removeChild(tnt_sprite); } } if(x > 150 && x < 170){ var stone_sprite = document.createElement("img"); stone_sprite.className = "block"; stone_sprite.style.left = (Math.round(Math.random() * 10) * 10 + "%"); stone_sprite.src = "https://i.imgur.com/gujJ5Kr.png"; gs.appendChild(stone_sprite); stone_sprite.onclick = function(){ stone_num++; stone.textContent = stone_num; gs.removeChild(stone_sprite); } } if(x > 176 && x < 180){ var sand_sprite = document.createElement("img"); sand_sprite.className = "block"; sand_sprite.style.left = (Math.round(Math.random() * 10) * 10 + "%"); sand_sprite.src = "https://i.imgur.com/v3EXQk0.png"; gs.appendChild(sand_sprite); sand_sprite.onclick = function(){ sand_num++; sand.textContent = sand_num; gs.removeChild(sand_sprite); } } if(x > 180 && x < 185){ var obsidian_sprite = document.createElement("img"); obsidian_sprite.className = "block"; obsidian_sprite.style.left = (Math.round(Math.random() * 10) * 10 + "%"); obsidian_sprite.src = "https://i.imgur.com/kSUoC0B.png"; gs.appendChild(obsidian_sprite); obsidian_sprite.onclick = function(){ obsidian_num++; obsidian.textContent = obsidian_num; gs.removeChild(obsidian_sprite); } } if(x > 185 && x < 190){ var diamond_sprite = document.createElement("img"); diamond_sprite.className = "block"; diamond_sprite.style.left = (Math.round(Math.random() * 10) * 10 + "%"); diamond_sprite.src = "https://i.imgur.com/NsVGYkL.png"; gs.appendChild(diamond_sprite); diamond_sprite.onclick = function(){ diamond_num++; diamond.textContent = diamond_num; gs.removeChild(diamond_sprite); } } if(x > 190 && x < 210){ var creeper_sprite = document.createElement("img"); creeper_sprite.className = "block"; creeper_sprite.style.left = (Math.round(Math.random() * 10) * 10 + "%"); creeper_sprite.src = "https://i.imgur.com/mzcwrsr.png"; gs.appendChild(creeper_sprite); creeper_sprite.onclick = function(){ life--; document.getElementById("healthbar").removeChild(document.getElementsByClassName("heart")[(document.getElementsByClassName("heart").length - 1)]); var dmg = document.createElement("div"); dmg.className = "dmg"; document.body.appendChild(dmg); setTimeout(rmv,1000); function rmv(){ document.body.removeChild(dmg); } gs.removeChild(creeper_sprite); if(life < 1){ game_over(); } } } if(x > 220 && x < 230){ var wood_sprite = document.createElement("img"); wood_sprite.className = "block"; wood_sprite.style.left = (Math.round(Math.random() * 10) * 10 + "%"); wood_sprite.src = "https://i.imgur.com/xnpv4OM.png"; gs.appendChild(wood_sprite); wood_sprite.onclick = function(){ wood_num++; wood.textContent = wood_num; gs.removeChild(wood_sprite); } } if(x > 210 && x < 220){ var skeleton_sprite = document.createElement("img"); skeleton_sprite.className = "block"; skeleton_sprite.style.left = (Math.round(Math.random() * 10) * 10 + "%"); skeleton_sprite.src = "https://i.imgur.com/IGF4hmY.png"; gs.appendChild(skeleton_sprite); skeleton_sprite.onclick = function(){ life--; document.getElementById("healthbar").removeChild(document.getElementsByClassName("heart")[(document.getElementsByClassName("heart").length - 1)]); var dmg = document.createElement("div"); dmg.className = "dmg"; document.body.appendChild(dmg); setTimeout(rmv,1000); function rmv(){ document.body.removeChild(dmg); } gs.removeChild(skeleton_sprite); if(life < 1){ game_over(); } } } if(x > 240 && x < 250){ var enderman_sprite = document.createElement("img"); enderman_sprite.className = "block"; enderman_sprite.style.left = (Math.round(Math.random() * 10) * 10 + "%"); enderman_sprite.src = "https://i.imgur.com/vG81tTP.png"; gs.appendChild(enderman_sprite); enderman_sprite.onclick = function(){ life-=3; document.getElementById("healthbar").style.display = "none"; var dmg = document.createElement("div"); dmg.className = "dmg"; document.body.appendChild(dmg); setTimeout(rmv,1000); function rmv(){ document.body.removeChild(dmg); } gs.removeChild(enderman_sprite); if(life < 1){ game_over(); } } } } function game_over(){ clearInterval(clock); $(".block").fadeOut(); var game_over_dialog = document.createElement("div"); game_over_dialog.className = "game_over_dialog"; var game_over_text = document.createElement("span"); game_over_text.textContent = "Game Over" game_over_text.className = "game_over_text"; game_over_dialog.appendChild(game_over_text); var game_over_score = document.createElement("span"); game_over_score.innerHTML = "Blocks collected: " +(dirt_num+wood_num+stone_num+sand_num+tnt_num+obsidian_num+diamond_num) + "
Score: " + ((dirt_num * 1) + (wood_num * 2) + (stone_num * 3) + (sand_num * 4) + (tnt_num * 5) + (obsidian_num * 6) + (diamond_num * 10)); game_over_score.className = "game_over_score"; game_over_dialog.appendChild(game_over_score); var game_over_end = document.createElement("span"); game_over_end.innerHTML = "Please like and follow me for more games on Sololearn: Timothy Shelton!"; game_over_end.className = "game_over_end"; game_over_dialog.appendChild(game_over_end); document.body.appendChild(game_over_dialog); } }

Block drop 2.0.3