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

Author:

Chris Francis

Twitter:

GitHub:

Facebook:

Google+:

Reddit:

/r/

Pouet:

Website:

chrisfrancis27.tumblr.com

Compo:

classic

Demo link:

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

Shortlink:

https://js1k.com/414

Blog post:

please update here!

Bytes:

1024

Chars:

1024

Submission

d=document;b=d.body.children[0];c=b.getContext("2d");bw=b.width=600;bh=b.height=400;M=Math;C=M.cos;S=M.sin;P=M.PI/180;x=99;y=290;U=L=R=w=s=p=r=0;d.onkeydown=d.onkeyup=function(a){z=a.keyCode-38;v=a.type!="keyup";z||(U=v);~z||(L=v);if(z==1)R=v;};setInterval('with(c){c.q=quadraticCurveTo;c.l=lineTo;c.m=moveTo;c.b=beginPath;fillStyle="#4d0";c.fillRect(0,0,bw,bh);strokeStyle="#333";lineWidth=40;lineJoin="round";c.b();c.m(99,300);c.l(99,200);c.q(99,160,50,160);c.q(20,90,170,40);c.l(300,60);c.q(350,80,240,130);c.q(220,150,300,155);c.q(600,100,520,300);c.q(530,330,250,310);c.l(200,370);c.q(99,370,99,298);c.stroke();strokeStyle="#fff";lineWidth=3;c.b();c.m(79,280);c.l(120,280);c.stroke();if(U)s+=s<25;else s-=s>1||s;if(L){p+=p<4;w-=s?p:0}else if(R){r+=r<4;w+=s?r:0}x+=s/9*S(w* P);y+=s/9*-C(w*P);shadowBlur=9;shadowColor="#000";fillStyle="red";c.m(x+9*S((w+30)*P),y+9*-C((w+30)*P));c.l(x+9*S((w-30)*P),y+9*-C((w-30)*P));c.l(x+9*-S((w+40)*P),y+9*C((w+40)*P));c.l(x+9*-S((w-40)*P),y+9*C((w-40)*P));c.fill();shadowBlur=0}',20);

Description

"Formula 1K" - a racing simulation. Experience the adrenaline rush of sheer horse-power and blistering speed. Use the arrow keys to drive: Up - accelerate Left/Right - steer NO BRAKES! :O Unimplemented features include: - AI players! - Choose your vehicle! - Choose your racetrack! - Lap timers! - Amazing graphics! - Physics! - Sound! - Gameplay! - And much more! Featuring secret bonus mode "sporadically broken steering column" (Opera only)!

Base64 encoded

ZD1kb2N1bWVudDtiPWQuYm9keS5jaGlsZHJlblswXTtjPWIuZ2V0Q29udGV4dCgiMmQiKTtidz1iLndpZHRoPTYwMDtiaD1iLmhlaWdodD00MDA7TT1NYXRoO0M9TS5jb3M7Uz1NLnNpbjtQPU0uUEkvMTgwO3g9OTk7eT0yOTA7VT1MPVI9dz1zPXA9cj0wO2Qub25rZXlkb3duPWQub25rZXl1cD1mdW5jdGlvbihhKXt6PWEua2V5Q29kZS0zODt2PWEudHlwZSE9ImtleXVwIjt6fHwoVT12KTt+enx8KEw9dik7aWYoej09MSlSPXY7fTtzZXRJbnRlcnZhbCgnd2l0aChjKXtjLnE9cXVhZHJhdGljQ3VydmVUbztjLmw9bGluZVRvO2MubT1tb3ZlVG87Yy5iPWJlZ2luUGF0aDtmaWxsU3R5bGU9IiM0ZDAiO2MuZmlsbFJlY3QoMCwwLGJ3LGJoKTtzdHJva2VTdHlsZT0iIzMzMyI7bGluZVdpZHRoPTQwO2xpbmVKb2luPSJyb3VuZCI7Yy5iKCk7Yy5tKDk5LDMwMCk7Yy5sKDk5LDIwMCk7Yy5xKDk5LDE2MCw1MCwxNjApO2MucSgyMCw5MCwxNzAsNDApO2MubCgzMDAsNjApO2MucSgzNTAsODAsMjQwLDEzMCk7Yy5xKDIyMCwxNTAsMzAwLDE1NSk7Yy5xKDYwMCwxMDAsNTIwLDMwMCk7Yy5xKDUzMCwzMzAsMjUwLDMxMCk7Yy5sKDIwMCwzNzApO2MucSg5OSwzNzAsOTksMjk4KTtjLnN0cm9rZSgpO3N0cm9rZVN0eWxlPSIjZmZmIjtsaW5lV2lkdGg9MztjLmIoKTtjLm0oNzksMjgwKTtjLmwoMTIwLDI4MCk7Yy5zdHJva2UoKTtpZihVKXMrPXM8MjU7ZWxzZSBzLT1zPjF8fHM7aWYoTCl7cCs9cDw0O3ctPXM/cDowfWVsc2UgaWYoUil7cis9cjw0O3crPXM/cjowfXgrPXMvOSpTKHcqIFApO3krPXMvOSotQyh3KlApO3NoYWRvd0JsdXI9OTtzaGFkb3dDb2xvcj0iIzAwMCI7ZmlsbFN0eWxlPSJyZWQiO2MubSh4KzkqUygodyszMCkqUCkseSs5Ki1DKCh3KzMwKSpQKSk7Yy5sKHgrOSpTKCh3LTMwKSpQKSx5KzkqLUMoKHctMzApKlApKTtjLmwoeCs5Ki1TKCh3KzQwKSpQKSx5KzkqQygodys0MCkqUCkpO2MubCh4KzkqLVMoKHctNDApKlApLHkrOSpDKCh3LTQwKSpQKSk7Yy5maWxsKCk7c2hhZG93Qmx1cj0wfScsMjApOw==

Original source

// Get canvas, context, set size, cache Math functions
d=document;
b=d.body.children[0];
c=b.getContext('2d');
bw=b.width=600;
bh=b.height=400;
M=Math;
C=M.cos;
S=M.sin;
P=M.PI/180;

// Initialise player state
x=99;y=290;w=s=p=r=0; // position (x,y), bearing (w), speed (s), left turn amount (p), right turn amount (r)
U=L=R=0; // keypress states: up, left, right

// Keypress handlers
d.onkeydown=d.onkeyup=function(e)
{
	z=e.keyCode-38; // z = left(-1)||up(0)||right(1)
	v=e.type!="keyup"; // v = keydown(true)||keyup(false)
	z||(U=v); // up (on/off)
	~z||(L=v); // left (on/off)
	if(z==1)R=v; // right (on/off)
};

function _() {
	with(c){
		c.q=quadraticCurveTo;
		c.l=lineTo;
		c.m=moveTo;
		c.b=beginPath;

		// Draw grass
		fillStyle='#4d0';
		c.fillRect(0,0,bw,bh);
		
		// Draw racetrack
		strokeStyle='#333';
		lineWidth=40;
		lineJoin='round';
		c.b();
		c.m(99,300);
		c.l(99,200);
		c.q(99,160,50,160);
		c.q(20,90,170,40);
		c.l(300,60);
		c.q(350,80,240,130);
		c.q(220,150,300,155);
		c.q(600,100,520,300);
		c.q(530,330,250,310);
		c.l(200,370);
		c.q(99,370,99,298);
		c.stroke();
		
		// Draw start/finish line
		strokeStyle='#fff';
		lineWidth=3;
		c.b();
		c.m(79,280);
		c.l(120,280);
		c.stroke();
		
		// Update key inputs
		if (U) {
			// Accelerate (max speed 25)
			s+=s<25;
		} else {
			// Decelerate (stop if speed == 1, don't go below 0)
			s-=s>1||s;
		}
		if (L) {
			// Turn left
			p+=p<4;
			w-=s?p:0;
		} else if (R) {
			// Turn right
			r+=r<4;
			w+=s?r:0;
		}
		
		// Update car position
		x+=s/9*S(w*P);
		y+=s/9*-C(w*P);
		
		// Draw car
		shadowBlur=9;
		shadowColor='#000';
		fillStyle='red';
		c.m(x+9*S((w+30)*P),y+9*-C((w+30)*P));
		c.l(x+9*S((w-30)*P),y+9*-C((w-30)*P));
		c.l(x+9*-S((w+40)*P),y+9*C((w+40)*P));
		c.l(x+9*-S((w-40)*P),y+9*C((w-40)*P));
		c.fill();
		shadowBlur=0;
	}
}

setInterval(_,20);

JS1k: The JavaScript code golfing competition

2010 - The Original