JS1k 2013 - 1416 - Details - A sunny JavaScript golfing competition

Author:

Rebecca

Twitter:

GitHub:

Facebook:

Google+:

Reddit:

/r/

Pouet:

Website:

games.23inch.de/sequencer

Compo:

Demo link:

https://js1k.com/2013-spring/demo/1416

Shortlink:

https://js1k.com/1416

Blog post:

please update here!

Bytes:

1067

Chars:

1067

Submission

(function(i,S,L){
var x,y,W=[],A=[],T=[],F=String.fromCharCode,H=atob(L.hash.substr(2))

for(y=16;y--;){
	W[y]=''
	for(x=0;x<44e3;x++){
		W[y]+=F((Math.cos(x*i/44100*2*Math.PI)<.7?1:-1)*(1-Math.sqrt(x)/210)*127+128)
	}
  	i*=Math.exp('32322'[y%5]/12*Math.log(2))
	W[y]=btoa(W[y])
}

for(y=256;y--;){
	T[y]=H?H.charCodeAt(y>>3)>>7-y%8&1:0
}

c.onclick=function(e){
	x=e.pageX>>5
	y=e.pageY>>5
	if((x|y)>>4) L.hash='#!'+btoa(H)
	else T[i=x*16+y]=!T[i]
}

setInterval(function(){
	for(y=16;y--;)
		if(T[S*16+y]){
			if(!A[i=S%8*16+y]){
				(A[i]=new Audio('data:audio/wav;base64,UklGRgWsAABXQVZFZm10IBAAAAABAAEARKwAAESsAAABAAgAZGF0YeGrAACA'+W[y])).volume=.2
			}
			A[i].play()
		}
	c.width=c.height=530
	a.font='14px Arial'
	a.fillText('Simple sequencer. Click squares to toggle notes and here to update the URL.',4,527)
	H=''
	for(y in T){
		x=y>>4
		a.fillStyle='rgba(0,0,128,.'+(T[y]?x-S&&8:4)+')'
		a.fillRect(x*32+2,y%16*32+2,30,30)
		i=y%8?i*2+T[y]:T[y]
		if(y%8==7) H+=F(i)
	}
	S=++S%16
},200)

})(110,0,top.location)

Description

It's a simple sequencer with relatively clean and readable code though I had to sacrifice all whitespace except for the indentation. The point is to show that you don't have to garble your code to make something cool in 1k. It even supports importing and exporting tracks. Disclaimer: Part of the sound creation is borrowed from last year's Sinewave ballad.

Base64 encoded

KGZ1bmN0aW9uKGksUyxMKXsNCnZhciB4LHksVz1bXSxBPVtdLFQ9W10sRj1TdHJpbmcuZnJvbUNoYXJDb2RlLEg9YXRvYihMLmhhc2guc3Vic3RyKDIpKQ0KDQpmb3IoeT0xNjt5LS07KXsNCglXW3ldPScnDQoJZm9yKHg9MDt4PDQ0ZTM7eCsrKXsNCgkJV1t5XSs9RigoTWF0aC5jb3MoeCppLzQ0MTAwKjIqTWF0aC5QSSk8Ljc/MTotMSkqKDEtTWF0aC5zcXJ0KHgpLzIxMCkqMTI3KzEyOCkNCgl9DQogIAlpKj1NYXRoLmV4cCgnMzIzMjInW3klNV0vMTIqTWF0aC5sb2coMikpDQoJV1t5XT1idG9hKFdbeV0pDQp9DQoNCmZvcih5PTI1Njt5LS07KXsNCglUW3ldPUg/SC5jaGFyQ29kZUF0KHk+PjMpPj43LXklOCYxOjANCn0NCg0KYy5vbmNsaWNrPWZ1bmN0aW9uKGUpew0KCXg9ZS5wYWdlWD4+NQ0KCXk9ZS5wYWdlWT4+NQ0KCWlmKCh4fHkpPj40KSBMLmhhc2g9JyMhJytidG9hKEgpDQoJZWxzZSBUW2k9eCoxNit5XT0hVFtpXQ0KfQ0KDQpzZXRJbnRlcnZhbChmdW5jdGlvbigpew0KCWZvcih5PTE2O3ktLTspDQoJCWlmKFRbUyoxNit5XSl7DQoJCQlpZighQVtpPVMlOCoxNit5XSl7DQoJCQkJKEFbaV09bmV3IEF1ZGlvKCdkYXRhOmF1ZGlvL3dhdjtiYXNlNjQsVWtsR1JnV3NBQUJYUVZaRlptMTBJQkFBQUFBQkFBRUFSS3dBQUVTc0FBQUJBQWdBWkdGMFllR3JBQUNBJytXW3ldKSkudm9sdW1lPS4yDQoJCQl9DQoJCQlBW2ldLnBsYXkoKQ0KCQl9DQoJYy53aWR0aD1jLmhlaWdodD01MzANCglhLmZvbnQ9JzE0cHggQXJpYWwnDQoJYS5maWxsVGV4dCgnU2ltcGxlIHNlcXVlbmNlci4gQ2xpY2sgc3F1YXJlcyB0byB0b2dnbGUgbm90ZXMgYW5kIGhlcmUgdG8gdXBkYXRlIHRoZSBVUkwuJyw0LDUyNykNCglIPScnDQoJZm9yKHkgaW4gVCl7DQoJCXg9eT4+NA0KCQlhLmZpbGxTdHlsZT0ncmdiYSgwLDAsMTI4LC4nKyhUW3ldP3gtUyYmODo0KSsnKScNCgkJYS5maWxsUmVjdCh4KjMyKzIseSUxNiozMisyLDMwLDMwKQ0KCQlpPXklOD9pKjIrVFt5XTpUW3ldDQoJCWlmKHklOD09NykgSCs9RihpKQ0KCX0NCglTPSsrUyUxNg0KfSwyMDApDQoNCn0pKDExMCwwLHRvcC5sb2NhdGlvbik=

Original source

Original source not submitted

JS1k: The JavaScript code golfing competition

2013 - Spring!

Simple Sequencer