var di = [-1, -2, 1, 2]; var objects = [ { id : "Car", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/mMQ4fJe.jpg)", size:"6em" }, { id : "Truck", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/UBCqKc4.jpg)", size:"4em" }, { id : "Bear", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/l06P24H.jpg)", size:"3em" }, { id : "Light-Bulb", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/H1IaVLH.jpg)", size:"2.5em" }, { id : "Gift", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/RPELuLr.jpg)", size:"4em" }, { id : "Gun", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/oCZOJA3.jpg)", size:"5em" }, { id : "Tree", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/IuzrNoZ.jpg)", size:"4.5em" }, { id : "Santa", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/lMNazNj.jpg)", size:"3em" }, { id : "Yellow-Car", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/BBDurxD.jpg)", size:"6em" }, { id : "Gift-2", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/PFoAEns.jpg)", size:"3em" }, { id : "Bells", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/EwBb48A.jpg)", size:"4em" }, { id : "Hat", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/AAaVw0N.jpg)", size:"5em" }, { id : "Snowman", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/KykH3DW.jpg)", size:"4.5em" }, { id : "Gingerbread", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/YblrItF.jpg)", size:"3.5em" }, { id : "Socks", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/3OWgQ2N.jpg)", size:"3.5em" }, { id : "Candles", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/f4lXeHQ.jpg)", size:"4em" }, { id : "Sleigh", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/k1GQsWK.jpg)", size:"4em" }, { id : "Lights", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/8cx8rYF.jpg)", size:"5em" }, { id : "Globe", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/ylRFSqA.jpg)", size:"3em" }, { id : "Candies", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/vqk4z3J.jpg)", size:"6em" }, { id : "Alex", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://www.sololearn.com/Icons/Avatars/7938943.jpg)", size:"55px" }, { id : "Lego", positionX : rand(innerWidth), positionY : rand(innerHeight), moveX : randM(), moveY : randM(), background:"url(https://imgur.com/lhQTA9p.jpg)", size:"2em" } ]; var objects_copy = JSON.parse(JSON.stringify(objects)); var kids = [ "Andrew", "Alex", "Gabriel", "Victor", "Adrian", "Bianca", "Constantin", "Cristian", "Daniel", "Denise", "Dragos", "Darius", "Diana", "Daria", "Flavia", "Flavius", "Eugen", "Elena", "Elisa", "Victoria", "Huma", "James", "John", "Robert", "Michael", "William", "Charles", "Anthony", "Paul", "Kevin", "Jeffrey", "Henry", "Mary", "Patricia", "Jennifer", "Alice", "Elizabeth", "Jessica", "Jimmy", "Sarah", "Emily", "Grandma", "Grandpa", "The Karen" ] function shuffle(a) { var j, x, i; for (i = a.length - 1; i > 0; i--) { j = Math.floor(Math.random() * (i + 1)); x = a[i]; a[i] = a[j]; a[j] = x; } return a; } shuffle(objects); const $ = (id) => document.getElementById(id); //creating all the elements. function create_all_elements(){ for(let k = 0; k < objects.length; k++){ let el = document.createElement("div"); $("game").appendChild(el); el.id = objects[k].id; el.classList = "object"; el.style.left = objects[k].positionX + "px"; el.style.top = objects[k].positionY + "px"; el.style.background = objects[k].background; el.style.backgroundSize = "cover"; el.style.backgroundPosition = "center"; el.style.width = objects[k].size; } for(let z = 0; z < objects.length - items_remaining; z++){ let name = document.createElement('div'); $("container").appendChild(name); name.classList = "element"; name.innerText = objects[z].id; } } //movement of the objects function advance(){ for(let k = 0; k < objects.length; k++){ if($(objects[k].id).offsetLeft + $(objects[k].id).offsetWidth > innerWidth){ objects[k].moveX = -objects[k].moveX; $(objects[k].id).style.left = parseInt($(objects[k].id).style.left.slice(0,-2)) + objects[k].moveX + "px"; } if($(objects[k].id).offsetTop + $(objects[k].id).offsetHeight > innerHeight - $("bottom_bar").offsetHeight){ objects[k].moveY = -objects[k].moveY; $(objects[k].id).style.top = parseInt($(objects[k].id).style.top.slice(0,-2)) + objects[k].moveY + "px"; } if($(objects[k].id).offsetLeft < 0){ objects[k].moveX = -objects[k].moveX; $(objects[k].id).style.left = parseInt($(objects[k].id).style.left.slice(0,-2)) + objects[k].moveX + "px"; } if($(objects[k].id).offsetTop < 0){ objects[k].moveY = -objects[k].moveY; $(objects[k].id).style.top = parseInt($(objects[k].id).style.top.slice(0,-2)) + objects[k].moveY + "px"; } $(objects[k].id).style.left = parseInt($(objects[k].id).style.left.slice(0,-2)) + objects[k].moveX + "px"; $(objects[k].id).style.top = parseInt($(objects[k].id).style.top.slice(0,-2)) + objects[k].moveY + "px"; } } var inter; var items_remaining = 20; window.onload = function(){ addLevels(); replay(); setTimeout(function(){ document.body.style.opacity = "1"; //info(); },1500); }; function randM(){ return di[Math.floor(Math.random()*di.length)]; } function rand(x){ if(x > innerHeight - 80){ x -= 160} if(x > innerWidth - 80){ x -= 160} return Math.floor(Math.random()*x) + 50; } //for phone function touch(e){ var x=e.touches[0].clientX; var y=e.touches[0].clientY; $(objects[0].id).style.left=x - $(objects[0].id).offsetWidth/2 + "px"; $(objects[0].id).style.top=y - $(objects[0].id).offsetHeight/2 + "px"; new_object_dropped(); } //for pc function mousetouch(e){ var x=e.clientX; var y=e.clientY; $(objects[0].id).style.left=x-$(objects[0].id).offsetWidth/2 + "px"; $(objects[0].id).style.top=y-$(objects[0].id).offsetHeight/2 + "px"; new_object_dropped(); } function new_object_search(){ if(objects.length >= items_remaining){ //event for phone drag and drop $(objects[0].id).addEventListener("touchmove", touch); //event for pc drag and drop $(objects[0].id).addEventListener("mousemove", mousetouch); $(objects[0].id).addEventListener("click", newObject_found, {once:true}); $(objects[0].id).addEventListener("mousemove",e=>{ newObject_found(); }, {once:true}); //Changing circle's background circle_change(); } } function circle_change(){ $("circle").style.background = "rgba(0, 0, 0, 0.4) " + $(objects[0].id).style.background; $("circle").style.backgroundSize = "80% auto"; $("circle").style.backgroundPosition = "center"; $("circle").style.backgroundRepeat = "no-repeat"; } //Stoping the element. function newObject_found(){ objects[0].moveX = 0; objects[0].moveY = 0; } //When the element is in the drop zone, deleting it and selecting new one. function new_object_dropped(){ if(objects.length > 0){ if($(objects[0].id).offsetTop + $(objects[0].id).offsetHeight > innerHeight - 140){ if($(objects[0].id).offsetLeft + $(objects[0].id).offsetWidth < 105 ){ document.getElementsByClassName("element")[0].remove(); $(objects[0].id).removeEventListener("touchmove", touch); $(objects[0].id).remove(); objects.shift(); new_object_search(); ending_maybe(); } } } } //here is when the continue screen appears. function ending_maybe(end = false){ if(objects.length === items_remaining || end == true){ clearInterval(inter); clearInterval(sleep_time); $("santa_dialogue").innerHTML = ""; $("santaBox").style.top = "0"; if(end == true){ santaText = "The kid woke up and saw you placing the gifts under the tree! Santa Claus is Real!"; } else{ santaText = "I'm proud of you! No wonder I put you on the top of the white list. I have many other gifts to send around the world. Let's go! Ho Ho Ho'"; } $("kid").style.opacity = "0"; $("time").style.opacity = "0"; setTimeout(santaReplayText, 2000); } } var time = 60; var sleep_time; var selected_kid = randKid(); function randKid(){ return kids[Math.floor(Math.random() * kids.length)] } function kid_is_waking_up(){ time--; $("time").innerText = selected_kid + " will wake up in " + time + "s" if(time <= 0){ ending_maybe(true); clearInterval(sleep_time); } } //Function added to santa message box to replay the game. function replay(){ //Deleting all the elements that were previously displayed(toys) try{ while(objects.length > 0){ $(objects[0].id).remove(); objects.shift(); } } catch(err){} //shuffling the array with the objects, then adding all the toys again. objects = JSON.parse(JSON.stringify(objects_copy)); shuffle(objects); items_remaining--; time = 60; $("levels").style.display = "flex"; setTimeout(function(){ $("levels").style.opacity = "1"; setTimeout(function(){ nextLvl(); //The santa page goes down and a new kid is chosen. $("santaBox").style.top = "101%"; //re creating all the toys and gifts. create_all_elements(); //new house/kid selected_kid = randKid(); setTimeout(function(){ $("levels").style.opacity = "0"; },2000) },800) },200); setTimeout(function(){ $("levels").style.display = "none"; sleep_time = setInterval(kid_is_waking_up, 1000); if(items_remaining < 5){ items_remaining = 5; } inter = setInterval(advance, 70); new_object_search(); $("kid").innerText = selected_kid + "'s House"; $("kid").style.opacity = "1"; $("time").style.opacity = "1"; },4000) } //This is the santa message box. var santaText = "I'm proud of you! No wonder I put you on the top of the white list. I have many other gifts to send around the world, let's go! Ho Ho Ho"; var word_counter = 0; function santaReplayText(){ $("santa_dialogue").innerHTML += santaText[word_counter]; if(++word_counter < santaText.length){ setTimeout(santaReplayText,40); } else{ $("santa_dialogue").innerHTML += ""; word_counter = 0; } } function info(){ swal({ title: "Help Santa Claus!", text: "Santa Claus needs help to deliver everyone's presents, and you are one of the lucky ones who got to be its aide. Deliver gifts and make everyone have a magic day. You received a list of all the gifts that needs to be sent. find the present, drag it, and drop it down the cimney.\n\nIf you like my game, please give some feedback.\n\nIf you encounter any bugs please write about it in the comments or dm me.", icon: "success", button: "Continue", }); } function addLevels(){ for(let k = 0; k < 20; k++){ let el = document.createElement("div"); el.classList = "lvl"; $("levels").appendChild(el); el.innerText = k + 1; if(k < 4){ continent(el, "https://imgur.com/aRHhK0I"); } if(k >= 4 && k < 7){ continent(el, "https://imgur.com/BkqfZyB"); } if(k >= 7 && k < 10){ continent(el, "https://imgur.com/qFnKNAt"); } if(k >= 10 && k < 13){ continent(el, "https://imgur.com/ldqDIhs"); } if(k >= 13 && k < 16){ continent(el, "https://imgur.com/kWWNtxH"); } if(k >= 16 && k < 20){ continent(el, "https://imgur.com/ounmBYc"); } } } function continent(x, src){ x.style.background = "url(" + src + ".jpg)"; x.style.backgroundSize = "cover"; x.style.backgroundPosition = "center"; } var z = 0; function nextLvl(){ $("santa-sleigh").style.left = document.getElementsByClassName("lvl")[z].offsetLeft - 30 + "px"; $("santa-sleigh").style.top = document.getElementsByClassName("lvl")[z].offsetTop + "px"; z++; if(z >= 19) z = 19; } var audio1 = new Audio(); audio1.src = "https://www.dropbox.com/s/qvc6p8lalwwcozi/We%20Wish%20You%20a%20Merry%20Christmas%20with%20Lyrics%20_%20Christmas%20Carol%20%26%20Song%20%28128%20kbps%29.mp3?dl=1"; audio1.loop = true; audio1.volume = 0.6; var st = 1; function audioState(){ if(st){ audio1.play(); st = false; } else{ audio1.pause(); st = true; } }

❄ Christmas Gift Delivery 🎅 [G.a.m.e]