JS1k 2016 - 2615 - Details - A simply crazy JavaScript golfing competition

Author:

Lutz Rosema

Twitter:

GitHub:

Facebook:

Google+:

Reddit:

/r/

Pouet:

Website:

codepen.io/terabaud

Compo:

canvas

Demo link:

https://js1k.com/2016-elemental/demo/2615

Shortlink:

https://js1k.com/2615

Blog post:

please update here!

Bytes:

739

Chars:

739

Submission

b.style.margin=0
b.style.overflow="hidden"
S=new AudioContext()
for(i=12,N=[];i--;){
	O=S.createOscillator()
	G=S.createGain()
	G.gain.value=0
	O.connect(G)
	G.connect(S.destination)
	O.type=["triangle","sine","sawtooth"][i>>2]
	O.frequency.value=[1056,264,528][i>>2]*Math.pow(2,[2,-3,7,4][i%4]/12)
	N[i]=G.gain
	O.start()
}
V=1
T=this
T.onblur=function(){for(i=12;i--;)N[i].value=0}
~function L(l){
	l=(l/50)|0
	W=a.width=innerWidth
	H=a.height=innerHeight
	w=W/4
	h=H/3
	for(j=3;j--;)
		for(i=4;i--;)
			X=l&(1<<(j*4+3-i)),
			c.fillStyle=X?'hsl('+((l*(1+i)*(1+j))%360)+',100%,50%)':'#000',
			N[j*4+3-i].value=V*(X?[3e-3,4e-2,1e-2][j]:0),
			c.fillRect(i*w+2,j*h+2,w-4,h-4)
	requestAnimationFrame(L)
}(0)

Description

Simple binary counter, where every bit represents a tone. Generates an interesting melody :) The style of the code wastes bytes, there are indents and newlines - this is by design :). I try to keep the code readable while keeping it short. Tested in Edge, Firefox, Chrome. Should work fine on mobile browsers and should automatically resize on mobile browsers if you switch landspace/portrait view (not tested yet).

Base64 encoded

Yi5zdHlsZS5tYXJnaW49MA0KYi5zdHlsZS5vdmVyZmxvdz0iaGlkZGVuIg0KUz1uZXcgQXVkaW9Db250ZXh0KCkNCmZvcihpPTEyLE49W107aS0tOyl7DQoJTz1TLmNyZWF0ZU9zY2lsbGF0b3IoKQ0KCUc9Uy5jcmVhdGVHYWluKCkNCglHLmdhaW4udmFsdWU9MA0KCU8uY29ubmVjdChHKQ0KCUcuY29ubmVjdChTLmRlc3RpbmF0aW9uKQ0KCU8udHlwZT1bInRyaWFuZ2xlIiwic2luZSIsInNhd3Rvb3RoIl1baT4+Ml0NCglPLmZyZXF1ZW5jeS52YWx1ZT1bMTA1NiwyNjQsNTI4XVtpPj4yXSpNYXRoLnBvdygyLFsyLC0zLDcsNF1baSU0XS8xMikNCglOW2ldPUcuZ2Fpbg0KCU8uc3RhcnQoKQ0KfQ0KVj0xDQpUPXRoaXMNClQub25ibHVyPWZ1bmN0aW9uKCl7Zm9yKGk9MTI7aS0tOylOW2ldLnZhbHVlPTB9DQp+ZnVuY3Rpb24gTChsKXsNCglsPShsLzUwKXwwDQoJVz1hLndpZHRoPWlubmVyV2lkdGgNCglIPWEuaGVpZ2h0PWlubmVySGVpZ2h0DQoJdz1XLzQNCgloPUgvMw0KCWZvcihqPTM7ai0tOykNCgkJZm9yKGk9NDtpLS07KQ0KCQkJWD1sJigxPDwoaio0KzMtaSkpLA0KCQkJYy5maWxsU3R5bGU9WD8naHNsKCcrKChsKigxK2kpKigxK2opKSUzNjApKycsMTAwJSw1MCUpJzonIzAwMCcsDQoJCQlOW2oqNCszLWldLnZhbHVlPVYqKFg/WzNlLTMsNGUtMiwxZS0yXVtqXTowKSwNCgkJCWMuZmlsbFJlY3QoaSp3KzIsaipoKzIsdy00LGgtNCkNCglyZXF1ZXN0QW5pbWF0aW9uRnJhbWUoTCkNCn0oMCkNCg==

Original source

Original source not submitted

JS1k: The JavaScript code golfing competition

2016 - Let's get eleMental!

Binary Music Machine