$(document).ready(function(){ // #19bd9b // #f66 // #f33 // #cfc // #396 // #333 // #3F3F3F var n=3; var canvas = document.getElementById("myCanvas"); canvas.width=innerWidth; canvas.height=innerHeight; var ctx = canvas.getContext("2d"); var midX = innerWidth/2, midY = innerHeight/2; var width = canvas.width, height = canvas.height; var r = 100, x, y; // function get Random Int function rand(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max - min +1)) + min; } // function draw the circle function circle() { ctx.beginPath(); ctx.arc(midX,midY,r,0,2*Math.PI); ctx.strokeStyle = 'black'; ctx.stroke(); ctx.closePath(); ctx.save(); } function dot() { for(i=1;i3) { n--; } else { n=75; } } else { if(n<75) { n++; } else { n=3; } } $('.people').text(n); ctx.clearRect(0,0,canvas.width,canvas.height); circle(); dot(); } function play() { $('.text').append('Round 1 :
'); var p=[],k=1; for(var i=0;i=p.length){ j=0; k++; $('.text').append("
Round "+k+" :
Living: "+p.toString()+"
"); }; if(p[j]!=p.nexxt(j)){ $('.text').append(p[j]+" killed "+p.nexxt(j)); p.splice(p.nexxt(j,true),1); }; if(p.length<=1){ break; }else{ $('.text').append(" and passed to "+p.nexxt(j)+"
"); } }; $('.text').append("
Living: "+p.toString()+"
"); $('.surv').text(p.toString()); } function start() { $('h2').fadeOut(600); $('#moins').animate({left:'-15%'}); $('#plus').animate({right:'-15%'}); $('.people').animate({bottom:'-15%'}); $('.h1').animate({top:'-15%'}); $('canvas') .css({animation:'rotation 2s forwards ease-out'}); $('.h2') .css({animation:'start 2s forwards ease-out'}); $('h2,.h2').delay(800).fadeOut(0); $('.surv').delay(1200).fadeIn(500); $('.restart').delay(1000).fadeIn(500); $('.survivor').delay(900).fadeIn(500); $('.details').delay(1300).fadeIn(500); play(); } function restart() { $(this).fadeOut(500); $('h2').delay(200).fadeIn(600); $('#moins').delay(200).animate({left:'60px'}); $('#plus').delay(200).animate({right:'60px'}); $('.people').delay(200) .animate({bottom:'20px'}); $('.h1').delay(200).animate({top:'0'}); $('.h2') .css({animation:'restart 1s forwards ease-out'}); $('h2,.h2').fadeIn(0); $('.surv').fadeOut(500); $('.survivor').fadeOut(500); $('.details').fadeOut(500); $('.text').text(''); $('canvas') .css({animation:'rotationR 2s forwards ease-out'}); } function showDetails() { $('.sec-page').animate({top:0}); $('#page').animate({top:'-100%'}); $('#wrapper').css('overflow-y', 'auto'); } function hideDetails() { $('.sec-page').animate({top:'100%'}); $('#page').animate({top:'0'}); $('#wrapper').css('overflow-y', 'hidden'); } $('h2,.h2').click(start); $('.restart').click(restart); $('.add').on('click',number); $('.details').click(showDetails); $('.back').click(hideDetails); });

Josephus problem