alert('don\'t forget to like ! It help me, thanks'); alert('18th of the featured codes ! Thanks :D (09/17/17)'); $(document).ready(function (){ $('#submenu-link').hide(0); window.onscroll = scrollFunction; //function to see if user scroll down or not function scrollFunction() { if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) { $('#header').css({"height":"50px","borderBottom":"5px solid #DEB887"}); $('#pHeader').css({'opacity':'0','margin-top':'50px'}); $('#hHeader').css({'fontSize':'22px','top':'10px','margin':'none','textAlign':'left','left':'10px'}); $('#submenu-link').show(700); } else { $('#submenu-link').hide(20); $('#header').css({'height':'150px','borderBottom':'20px solid #DEB887'}); $('#pHeader').css({'opacity':'1','margin-top':'100px'}); $('#hHeader').css({'fontSize':'33px','top':'30px','margin':'none','textAlign':'center','left':'0'}); } } // switch tab of data var tab = document.querySelectorAll("#table div"); var page = tb = null; for(var i=0;i "+lessonsTable[i]+"

certifiate"); } var lengthTable2 = (badgesTable.length); for(i=0; i

"+badgeCorrespondant[i]+""); } var lengthTable3 = (codesTable.length); for(i=0; i"+codesTable[i]+"

"); } var lengthTable4 = (followersTable.length); for(i=0; i

"+followersTable[i]+""); } else { $('#table4').append("

"+followersTable[i]+""); } } $('#delete').click(function() { $('.honor').css({'display':'none'}); }); $('#submenu-link').click(displayMenu); $('#comeback').click(displayPage); function displayMenu() { $('#sub-Menu').css({'display':'block','width':'100%'}); $('.page').css({'display':'none'}); alert('PC : Use up arrow\nPhone : Tap on the screen\n(Adapte for phone and PC only, not tablet)'); flappyBird(); } function displayPage() { $('#sub-Menu').css({'display':'none','width':'100%'}); $('.page').css({'display':'block'}); flappyBird(); } ///////////////// // FLAPPY BIRD // ///////////////// /// // // // // ///// // // /////// // // // // /// // //// // // ////////////// function flappyBird() { //Use up arrow to play "use strict"; var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); var w = canvas.width; var h = canvas.height; var x = 40; var y = canvas.height/2; var r = 15; var gravity = 0.3; var velocity = 0; var upPressed = false; var pipes = []; var opening = []; var time = 0; var score = 0; var wait = 0; var list = [0]; var clr = '#DEB887'; function controls() { document.addEventListener("keydown", downHandler); document.addEventListener("click", upHandler); document.addEventListener("keyup", upHandler); document.addEventListener("touchstart", ok); function downHandler(e) { if (e.keyCode === 38) { upPressed = true; } } function upHandler(e) { if (e.keyCode === 38) { upPressed = false; } } } function ok() { velocity = -6; } function drawPipes() { var x = canvas.width; var y = 0; var speed = 5; var bx = canvas.width-1; var by = Math.floor(Math.random() * 200) + 75; var pw = 20; var bw = 22; var ph = canvas.height; var bh = 100; if (time%70 <= 0) { pipes.push({"x": x, "y": y, "s": speed, "w": pw, "h": ph}); opening.push({"x":bx, "y": by, "s": speed, "w": bw, "h": bh}); } } function trackPipes() { drawPipes(); ctx.save(); for (var i = 0; i < pipes.length; i++) { ctx.fillStyle = clr; ctx.fillRect(pipes[i].x-=pipes[i].s*0.5, pipes[i].y, pipes[i].w*2, pipes[i].h); if (pipes[i].x < -200) { pipes.splice(i, 1); } } for (var j = 0; j < opening.length; j++) { ctx.fillStyle = "#FFE4C4"; ctx.fillRect(opening[j].x-=opening[j].s*0.5, opening[j].y, opening[j].w*2, opening[j].h); if (opening[j].x < -200) { opening.splice(j, 1); } if (y-r < opening[j].y || y+r > opening[j].y+opening[j].h) { if (x > opening[j].x && x < opening[j].x+opening[j].w) { if (score > 0) { list.push(score); } score = 0; clr = '#444'; if (x > opening[j].x+15) { clr = '#DEB887'; } } } else if (y > opening[j].y && y+r < opening[j].y+opening[j].h && x > opening[j].x && x < opening[j].x+2.5) { score++; } } ctx.restore(); } function bird() { ctx.beginPath(); ctx.fillStyle = "#DEB887"; ctx.arc(x, y, r, 0, Math.PI*2); ctx.fill(); ctx.closePath(); } function moveBird() { velocity+=gravity; y+=velocity; if (y >= canvas.height-r) { y = canvas.height-r; } else if (y+r <= r) { y = r; if (y !== r) { y = r; } } if (upPressed) { velocity = -5; } } function drawText() { var m = Math.max.apply(null, list); ctx.font="20px Open Sans"; ctx.fillStyle = "#444"; ctx.fillText("Score: " + score, 270, 20); ctx.fillText(" Highscore: " + m, 10, 20); } function draw() { ctx.clearRect(-222, -10, w+222, h+10); if (wait >= 10) { ctx.save(); //ctx.rotate(Math.PI/16); controls(); trackPipes(); bird(); moveBird(); drawText(); ctx.restore(); } } function update() { time++; wait++; draw(); requestAnimationFrame(update); } update(); } });

Gold Code