"+(i+1)+"

"; } levels_div.innerHTML = lvls_html; game_over_div = document.getElementById("game_over"); //Thanks to ODLNT: document.getElementById("levels").addEventListener("click", function(event){ if(event.target.parentElement.className !== "lvl_div") return; let level = event.target.innerText-1; load_level(level); }); }; function load_level(level=lvl) { lvl = level; blocks_l = levels[lvl].blocks.length; let things_html = ""; for(let i=0; i"; } if(levels[lvl].blocks[blocks_l-1][4] && levels[lvl].blocks[blocks_l-1][5]) goal = levels[lvl].blocks[blocks_l-1][6][1]; else goal = levels[lvl].blocks[blocks_l-1][0]; goal += levels[lvl].blocks[blocks_l-1][2]+0.5; let end_txt_width = 0.5*screen_size[0]-0.17*screen_size[2]; if(screen_size[0] > screen_size[1]) end_txt_width = 0.25*screen_size[0]-0.17*screen_size[2]; //I have no idea why this if statement is necessary, but without it the speech bubble is too wide if window.innerWidth > window.innerHeight. things_div.innerHTML = things_html + "

"+levels[lvl].end_txt+"

➠

"; block_divs = document.getElementsByClassName("block"); player_pos = [0.44, 0]; player.style.bottom = screen_size[2]*0.1+"px"; things_div.style.left = 0; health = 3; health_div.innerHTML = "♥♥♥"; recently_hurt = false; background_pos = background.style.left = 0; block_moving_int(); levels_div.style.display = "none"; let lvl_complete_btn = document.getElementById("lvl_complete_btn"); lvl_complete_btn.addEventListener("click", show_levels_div); lvl_complete_btn.style.display = "none"; lvl_complete_btn.style.opacity = 0; for(let i=0; i<3; i++) { face[i].style.height = 0; if(!playing_on_pc) btns[i].style.display = "block"; } lvl_complete_div.style.opacity = 0; lvl_complete_div.innerHTML = ""; let pause_div = document.getElementById("pause"); pause_div.style.display = "block"; pause_div.addEventListener("click", pause); let d = new Date(); start_time = [d.getHours(), d.getMinutes(), d.getSeconds()]; } function jump() { if(jumping || falling || health<=0) return 0; jumping = true; clearInterval(stillOnMovBl); let start_pos = player_pos[1]; let jump_time = 3; let time = 0; let j = setInterval(function(){ player.style.bottom = ((player_pos[1] = ((jump_time*0.5)**2-(time-(jump_time*0.5))**2)*0.15+start_pos)+0.1)*screen_size[2]+"px"; //quadratic function y = 1.5²-(x-1.5)² if(time>jump_time*0.5) { if(player_pos[1]<0) { //landing on ground clearInterval(j); player.style.bottom = ((player_pos[1]=0)+0.1)*screen_size[2]+"px"; jumping = false; } else if(landing_on_block()) { clearInterval(j); jumping = false; } } //hitting block from bottom: let i=0; for(; i=player_pos[0]+0.119) { if(levels[lvl].blocks[i][5]) continue; else break; } else if(player_pos[1]+0.12>=levels[lvl].blocks[i][1] && player_pos[0]player_pos[0]+0.115) { if(levels[lvl].blocks[i][5]) continue; else break; } else if(player_pos[1]levels[lvl].blocks[i][1]+levels[lvl].blocks[i][3]*0.5) { player.style.bottom = ((player_pos[1] = levels[lvl].blocks[i][1]+levels[lvl].blocks[i][3])+0.1)*screen_size[2]+"px"; if(levels[lvl].blocks[i][4]) { ouch(); setTimeout(landing_ouch_check, 1500); if(levels[lvl].blocks[i][5]) { stillOnMovBl = setInterval(function(){ if(!(player_pos[0]+0.12>levels[lvl].blocks[i][0] && player_pos[0]= player_pos[0]+0.12) { if(levels[lvl].blocks[i][5]) continue; else break; } else if(levels[lvl].blocks[i][4] && player_pos[1]-0.01<=levels[lvl].blocks[i][1]+levels[lvl].blocks[i][3] && player_pos[0]levels[lvl].blocks[i][1]) { ouch(); setTimeout(landing_ouch_check, 1500); break; } } } function fall() { if(jumping || falling) return 0; falling = true; clearInterval(stillOnMovBl); let start_pos = player_pos[1]; let time = 0; let f = setInterval(function(){ player.style.bottom = ((player_pos[1] = start_pos-time**2*0.15)+0.1)*screen_size[2]+"px"; //quadratic function y = -x² with x≥0 if(player_pos[1]<0) { //landing on ground clearInterval(f); player_pos[1] = 0; player.style.bottom = 0.1*screen_size[2]+"px"; falling = false; } else if(landing_on_block()) { clearInterval(f); falling = false; } time += 0.02; }, 10); } function move(speed) { clearInterval(moving); if(health<=0) return 0; speed *= 0.007; moving = setInterval(function(){ let possible = true; let pushing = [false]; let i=0; for(; iplayer_pos[0]+0.12) { if(levels[lvl].blocks[i][5]) continue; else break; } else if(((speed<0 && player_pos[0]<=levels[lvl].blocks[i][0]+levels[lvl].blocks[i][2] && player_pos[0]>levels[lvl].blocks[i][0]+levels[lvl].blocks[i][2]*0.8) || (speed>0 && player_pos[0]+0.12>=levels[lvl].blocks[i][0] && player_pos[0]+0.12levels[lvl].blocks[i][1]) { if(levels[lvl].blocks[i][5] && !levels[lvl].blocks[i][4]) { pushing[0] = true; pushing[1] = i; for(let i2=i, s=(speed>0 ? 1:-1); i2=0; i2+=s) { if(((speed<0 && levels[lvl].blocks[i][0]<=levels[lvl].blocks[i2][0]+levels[lvl].blocks[i2][2] && levels[lvl].blocks[i][0]>levels[lvl].blocks[i2][0]+levels[lvl].blocks[i2][2]*0.5) || (speed>0 && levels[lvl].blocks[i][0]+levels[lvl].blocks[i][2]>=levels[lvl].blocks[i2][0] && levels[lvl].blocks[i][0]+levels[lvl].blocks[i][2]levels[lvl].blocks[i2][1]) { possible = false; break; } } } else { possible = false; if(levels[lvl].blocks[i][4]) ouch(); } break; } } if(possible) { let distance = speed*(pushing[0] ? 0.4:1); player_pos[0] += distance; things_div.style.left = (0.44-player_pos[0])*screen_size[2]+"px"; background.style.left = (background_pos -= distance*0.1*screen_size[2])+"px"; if(pushing[0]) block_divs[pushing[1]].style.left = (levels[lvl].blocks[pushing[1]][0] = player_pos[0] + (speed>0 ? 0.12:-levels[lvl].blocks[pushing[1]][2]))*screen_size[2]+"px"; //checking if you should fall: if(player_pos[1]>0 && !jumping && !falling) { let standing_on_block = false; for(let i=0; i= player_pos[0]+0.12) { if(levels[lvl].blocks[i][5]) continue; else break; } else if(player_pos[1]-0.01<=levels[lvl].blocks[i][1]+levels[lvl].blocks[i][3] && player_pos[0]levels[lvl].blocks[i][1]) { standing_on_block = true; break; } } if(!standing_on_block) fall(); } //reaching goal: if(speed>0 && player_pos[0]+0.12>=goal) { for(let id = setInterval(function(){}, 10000); id>0; id--) clearInterval(id); jumping = falling = false; lvl_complete_div.innerHTML = "

"+(lvl==6 ? "Thank you for playing":"Level "+(lvl+1)+" complete")+"!

Time: "+current_time()[3]+"
"; player.style.background = "grey"; if(playing_on_pc) health = 0; //disables moving/jumping else { for(let i=0; i<3; i++) btns[i].style.display = "none"; } document.getElementById("pause").style.display = "none"; let end_txt_div = document.getElementById("end_txt"); end_txt_div.style.bottom = (player_pos[1]+0.1)*screen_size[2]+"px"; let lvl_complete_btn = document.getElementById("lvl_complete_btn"); lvl_complete_btn.style.display = "block"; let h = 0; let h_int = setInterval(function(){ face[0].style.height = face[1].style.height = face[2].style.height = ++h + "%"; face[0].style.top = face[1].style.top = 32.5-h*0.5 + "%"; if(h>=25) { clearInterval(h_int); h = 0; h_int = setInterval(function(){ end_txt_div.style.opacity = h += 0.01; if(h>=1) { clearInterval(h_int); h = 0; h_int = setInterval(function(){ lvl_complete_div.style.opacity = lvl_complete_btn.style.opacity = h += 0.01; if(h>=1) clearInterval(h_int); }, 10); } }, 10); } }, 30); } } else { player_pos[0] = speed<0 ? levels[lvl].blocks[i][0]+levels[lvl].blocks[i][2]:levels[lvl].blocks[i][0]-0.12; things_div.style.left = (0.44-player_pos[0])*screen_size[2]+"px"; } }, 10); } function ouch() { if(recently_hurt) return 0; recently_hurt = true; health_div.innerHTML = "♥".repeat(--health)+"✖️".repeat(3-health); player.style.background = "#b66"; if(health<=0) { for(let id = setInterval(function(){}, 10000); id>0; id--) clearInterval(id); for(let i=0; i<3; i++) btns[i].style.display = "none"; document.getElementById("pause").style.display = "none"; document.getElementById("try_again").style.display = document.getElementById("back_to_menu").style.display = "inline-block"; document.getElementById("perc_complete").innerHTML = "You've completed "+ Math.round((player_pos[0]-0.44)/(goal-0.56)*1000)/10 +" % of the level." let op = 0; game_over_div.style.display = "block"; game_over_int = setInterval(function(){ game_over_div.style.opacity = op += 0.01; if(op>=1) clearInterval(game_over_int); }, 10); } else { setTimeout(function(){ recently_hurt = false; player.style.background = "grey"; }, 1500); } } function reset() { clearInterval(game_over_int); clearInterval(block_moving); clearInterval(stillOnMovBl); player_pos[0] = 0.44; things_div.style.left = 0; player_pos[1] = 0; player.style.bottom = 0.1*screen_size[2]+"px"; player.style.background = "grey"; game_over_div.style.opacity = 0; game_over_div.style.display = "none"; for(let i=0; iplayer_pos[1] && levels[lvl].blocks[i][1]0 && levels[lvl].blocks[i][0]+levels[lvl].blocks[i][2]>=player_pos[0] && levels[lvl].blocks[i][0]player_pos[0]+0.12))) { ouch(); levels[lvl].blocks[i][6][2] *= -1; } else { block_divs[i].style.left = (levels[lvl].blocks[i][0] += levels[lvl].blocks[i][6][2])*screen_size[2]+"px"; if((levels[lvl].blocks[i][6][2]>0 && levels[lvl].blocks[i][0]>=levels[lvl].blocks[i][6][1]) || (levels[lvl].blocks[i][6][2]<0 && levels[lvl].blocks[i][0]<=levels[lvl].blocks[i][6][0])) levels[lvl].blocks[i][6][2] *= -1; } } }, 10); } function pause() { let d = new Date(); let pause_start = [d.getHours(), d.getMinutes(), d.getSeconds()]; let input = prompt("[Pause]\n\nLevel "+(lvl+1)+": "+Math.round((player_pos[0]-0.44)/(goal-0.56)*1000)/10 +" % complete\nTime: "+current_time()[3]+"\nType in 're' to reset the level or 'bm' to go back to menu and select another level."); if(input == "re") reset(); else if(input == "bm") show_levels_div(); else { //'removing' time where game was paused let pause_time = current_time(pause_start); start_time[2] += pause_time[2]; if(start_time[2]>60) { start_time[2] -= 60; start_time[1]++; } start_time[1] += pause_time[1]; if(start_time[1]>60) { start_time[1] -= 60; start_time[0]++; } start_time[0] += pause_time[0]; if(start_time[0]>60) { start_time[0] -= 24; } } } function current_time(start = start_time) { //returns how much time has passed since the level was started or since a certain time //doesn't work if it's more than 24 h let d = new Date(); let s = d.getSeconds(); let m = d.getMinutes(); let h = d.getHours(); let sec = s-start[2]; let min = m-start[1]; let hrs = h-start[0]; if(hrs<0) hrs += 24; if(min<0) { min += 60; hrs--; } if(sec<0) { sec += 60; min--; } return[hrs, min, sec, hrs==0&&min==0 ? sec+" sec":min+hrs*60+":"+(sec<10 ? "0":"")+sec+" min"]; } function show_levels_div() { for(let i=0; i

Square Game