JS1k 2010 - 648 - Details - A ground breaking JavaScript golfing competition

Author:

Luis Toledo

Twitter:

GitHub:

Facebook:

Google+:

Reddit:

/r/

Pouet:

Website:

digitalcth.com

Compo:

classic

Demo link:

https://js1k.com/2010-first/demo/648

Shortlink:

https://js1k.com/648

Blog post:

please update here!

Bytes:

1022

Chars:

1022

Submission

d=document;v=d.getElementById('c');w=220;h=400;v.width=w;v.height=h;v.style.border='1px solid';cx=v.getContext('2d');cx.r=cx.fillRect;k=0;s=5;z=20;g='gray';r='red';b='black';function sp(){bxr=Math.random()*169;cb=new Array(70);px=99;py=370;bx=bxr;by=180;bxd=1;byd=1;for(i=0;i<7;i++){for(j=0;j<9;j++){cb[j+i*10]=[j*z+z,i*z+z,1];}}}
gp=function(){dc(0,0,w,h,'#fff');for(i=0;i<7;i++){for(j=0;j<9;j++){ct=cb[j+i*10];if(ct[2]==1){if(by+z>ct[1]&&by<ct[1]+z&&bx+z>ct[0]&&bx<ct[0]+z){ct[2]=0;dc(ct[0],ct[1],z,z,g,r);if(k!=38){byd*=-1;by+=s*2*byd;}}else
dc(ct[0],ct[1],z,z,g,b);}}}
bx+=s*bxd;by+=s*byd;if(bx<0||bx>w-z)bxd*=-1;if(by<0){byd*=-1;by+=s*byd}
if(by>h)sp();if(by+z>py&&by<py&&bx+z>px&&bx<px+(z*3)){byd*=-1;by+=s*2*byd;}
dc(bx,by,z,z,r,g);if(k==39){px+=s;if(px>w-z*3)px-=s;}if(k==37){px-=s;if(px<0)px+=s;}
dc(px,py,z*3,z,g,r);};sp();setInterval(gp,30);function dc(x,y,w,h,c1,c2){cx.fillStyle=c1;cx.r(x-1,y-1,w+2,h+2);cx.fillStyle=c2;cx.r(x,y,w,h);}
d.onkeydown=function(e){k=e.keyCode;}
d.onkeyup=function(e){k=0;}

Description

A simple breakout game. Featuring: - an awesome 4 colors pallete: white, gray, black, red - 9x7 blocks to break - aleatory initial ball position's - game reset on ball lost - block turns red, when the ball hits him - Powermode! hold <up> to break blocks without bounce I've try not to obfuscate the code and make some comments. It's still a little buggy on some collitions, but plays fine. Update 1.1: bigger blocks matrix and fix one collition bug

Base64 encoded

ZD1kb2N1bWVudDt2PWQuZ2V0RWxlbWVudEJ5SWQoJ2MnKTt3PTIyMDtoPTQwMDt2LndpZHRoPXc7di5oZWlnaHQ9aDt2LnN0eWxlLmJvcmRlcj0nMXB4IHNvbGlkJztjeD12LmdldENvbnRleHQoJzJkJyk7Y3gucj1jeC5maWxsUmVjdDtrPTA7cz01O3o9MjA7Zz0nZ3JheSc7cj0ncmVkJztiPSdibGFjayc7ZnVuY3Rpb24gc3AoKXtieHI9TWF0aC5yYW5kb20oKSoxNjk7Y2I9bmV3IEFycmF5KDcwKTtweD05OTtweT0zNzA7Yng9YnhyO2J5PTE4MDtieGQ9MTtieWQ9MTtmb3IoaT0wO2k8NztpKyspe2ZvcihqPTA7ajw5O2orKyl7Y2JbaitpKjEwXT1baip6K3osaSp6K3osMV07fX19DQpncD1mdW5jdGlvbigpe2RjKDAsMCx3LGgsJyNmZmYnKTtmb3IoaT0wO2k8NztpKyspe2ZvcihqPTA7ajw5O2orKyl7Y3Q9Y2JbaitpKjEwXTtpZihjdFsyXT09MSl7aWYoYnkrej5jdFsxXSYmYnk8Y3RbMV0reiYmYngrej5jdFswXSYmYng8Y3RbMF0reil7Y3RbMl09MDtkYyhjdFswXSxjdFsxXSx6LHosZyxyKTtpZihrIT0zOCl7YnlkKj0tMTtieSs9cyoyKmJ5ZDt9fWVsc2UNCmRjKGN0WzBdLGN0WzFdLHoseixnLGIpO319fQ0KYngrPXMqYnhkO2J5Kz1zKmJ5ZDtpZihieDwwfHxieD53LXopYnhkKj0tMTtpZihieTwwKXtieWQqPS0xO2J5Kz1zKmJ5ZH0NCmlmKGJ5Pmgpc3AoKTtpZihieSt6PnB5JiZieTxweSYmYngrej5weCYmYng8cHgrKHoqMykpe2J5ZCo9LTE7YnkrPXMqMipieWQ7fQ0KZGMoYngsYnkseix6LHIsZyk7aWYoaz09Mzkpe3B4Kz1zO2lmKHB4PncteiozKXB4LT1zO31pZihrPT0zNyl7cHgtPXM7aWYocHg8MClweCs9czt9DQpkYyhweCxweSx6KjMseixnLHIpO307c3AoKTtzZXRJbnRlcnZhbChncCwzMCk7ZnVuY3Rpb24gZGMoeCx5LHcsaCxjMSxjMil7Y3guZmlsbFN0eWxlPWMxO2N4LnIoeC0xLHktMSx3KzIsaCsyKTtjeC5maWxsU3R5bGU9YzI7Y3gucih4LHksdyxoKTt9DQpkLm9ua2V5ZG93bj1mdW5jdGlvbihlKXtrPWUua2V5Q29kZTt9DQpkLm9ua2V5dXA9ZnVuY3Rpb24oZSl7az0wO30=

Original source

// TAKE OVER THAT CANVAS
d=document;
v = d.getElementById('c');
w = 220; h = 400;
v.width = w;
v.height = h;
v.style.border = '1px solid';
cx = v.getContext('2d');
cx.r=cx.fillRect;

k=0;  //KEYPRESSED
s=5;  //STEP SIZE (FOR BALL AND PLAYER)
z=20; //CUBES HEIGHT/WIDTH, PLAYER HEIGHT

//MMM.. COLORS
g = 'gray';
r = 'red';
b = 'black';

//SETUP FUNCTION
function sp(){
    //SET RANDOM BALL X POSITION
    bxr=Math.random()*169;
    
    //SET INITIAL POSITIONS
    cb = new Array( 70 );       //BLOCKS (9x5)
    px=99;py=370;                //PLAYER X, Y
    bx=bxr;by=180;bxd=1;byd=1;   //BALL X,Y

    //FILL ARRAY BLOCKS, ENABLE ALL
    for(i=0;i<7;i++){
        for(j=0;j<9;j++){
            cb[j+i*10] = [j*z +z,i*z +z,1] ; // FILL X, Y, ENABLE=1
        }
    }
}

//GAMELOOP
gp = function(){
    // CLEAR SCREEN
    dc(0,0,w,h,'#fff');
    
    // UPDATE&DRAW CUBES
    for(i=0;i<7;i++){
        for(j=0;j<9;j++){
            ct = cb[j+i*10];
            if (ct[2] == 1){
                // UPS!, DID I HIT YOU WITH MY BALL?
                if ( by+z>ct[1] && by<ct[1]+z && bx+z>ct[0] && bx<ct[0]+z ){
                   ct[2]=0;
                    dc( ct[0] , ct[1], z,z, g, r);
                    if (k!=38){
                        byd *= -1;
                        by+=s*2*byd;
                    }
                } else
                dc( ct[0] , ct[1], z,z, g, b);
            }
        }
    }
    
    // UPDATE&DRAW BALL
    bx+=s*bxd;
    by+=s*byd;
    if(bx<0 || bx>w-z) bxd*=-1; // WALL COLLITION
    if(by<0){ byd*=-1; by+=s*byd}           // CEILING COLLITION
    if(by>h) sp();              // LOST BALL
    if( by+z>py && by<py && bx+z>px && bx<px+(z*3)){  //ON PLAYER COLLITION
        byd*=-1;
        by+=s*2*byd;
    }
    dc(bx,by,z,z,r,g);
    
    // UPDATE&DRAW PLAYER
    if (k==39){
        px += s;
        if(px>w-z*3)px-=s;
    } if (k==37){
        px -= s;
        if(px<0)px+=s;
    }
    dc(px,py,z*3,z,g,r);
};

sp();
setInterval(gp,30);

//DRAW CUBES!
function dc(x,y,w,h,c1,c2) {
    cx.fillStyle= c1;
    cx.r(x-1,y-1,w+2,h+2);
    cx.fillStyle= c2;
    cx.r(x,y,w,h);
}

//KEYBOARD HOOKS
d.onkeydown = function(e){
    k=e.keyCode;
}
    
d.onkeyup = function(e){
    k=0;
}

JS1k: The JavaScript code golfing competition

2010 - The Original