JS1k 2017 - 2760 - Details - A magical JavaScript golfing competition

_=' c,h=k=l=[],mK,ns,p:ndom,C3#D2Jp=	?!s|Source	compileatachc,a@;pv=R?d=~aVW(dvW(d,4,5126X,32X@;c=JGC,"`ute Z v,n;u a{Z v=v;Y=Y*K$)-z*s$z=Y*s$)+z*K$m=n.xyz;NPosit=Z(Yyz.0NSize=w;}"JGD,"precis lowp { l = sqrt(.6 + .4* dot(n%malize(m#3(-O,O,-O))NF:gCol%=Z(l,l,l}"lkcusec(2929viewp%t(^768,768TCol%(.9,.9,.9 ER/,u,v,f,w,x?f%( y=0;y<u&&w;y++? e=GHGH3.14-1.57,z=6.28*G#A=m,B=-n(eHf,e=n;E$+AX+B,d+eQq+AQr+BQt+e,u2*v6*f,w-1,x-1@0>=x&&(l.pushR,v/#k++@E(-.8,^^3,30.430bdBB()bDanew Flo32(l#35044Jv("v",0Jv("n"6setIntval((?!T(16640d:ws(^ku1f(~U"a"#h+=.001@6!;yg 3 m;j ma(j)!creefunctS|(Prog:m();at	$X0,vecAt`nif%m(zHm(eHfLoc(c,iner,.7Ar:y=Mh. flov.,1ionvaruff(34962,enable=3563!g.#),$(a%or/,q,r,t:ra?){@)}Gp(H)*JpKcosNgl_O0.6Q5*R	,dTclearWtexX,bYxZ4^`tribjvoid|had~!getPot';for(Y in $='~|j`^ZYXWTRQONKJHG@?:/%$#!	')with(_.split($[Y]))_=join(pop());eval(_)

Description

Pretty pretty cloud generation in 1k. Generates a random fractal opaque cloud of GL_POINTS and shades it. The cloud has 2,361,960 vertices, but it seems to be working fine even on mobile! But it might have the ability to crash a browser too, so watch out! build_cloud() function builds the cloud. You can alter it if you want to play around. Here are the arguments: sx,sy,sz - initial position nx,ny,nz - normal to pass on, put zeroes here branches - number of branches from each iteration size - initial point size length - initial branch length depth - iteration count, decrease this to 11 if it's too slow skip - iterations to skip rendering (the script will only render vertices from iterations from 'skip' to 'depth') I stumbled across this solution while... well... looking for exactly that! So I guess you could say I engineered it. But I'm really not sure that randomly stumbling across cool shit is engineering (I might be wrong, tho). Hit me up if you have any questions or want to use this!

Base64 encoded

Xz0nGyBjLGg9C2s9C2w9W10sbRZLLG4WcxIscBY6bmRvbSxDHzMjRB8ySnA9BAk/IXN8U291cmNlCQFjb21waWxlBWEBCHRhY2gFYyxhQDtwdj0EUj9kPX4OEWEeVlcVKGQBdld/EyhkLDQsNTEyNlgsMzJYQDtjPQMGSkdDLCIIYHV0ZSBaIHYsbjt1DxcgYQJ7WiB2PXY7WT1ZKkskKS0YeipzEiQHGHo9WSpzEiQpKxh6KkskB209bi54eXo7TlBvc2l0Gj1aKFl5ehkuMAdOf1NpemU9GHc7fSJKR0QsInByZWNpcxogbG93cBcCIHsXIGwgPSBzcXJ0KC42ICsgLjQqIGRvdChuJW1hbGl6ZShtIwwzKC1PLE8sLU8pKQdORjpnQ29sJT1aKGwsbCxsGQd9IgFsEmsGYwF1c2UGYx4oMjkyOQF2aWV3cCV0KF43NjgsNzY4AVRDb2wlKC45LC45LC45GQcEIEVSLyx1LHYsZix3LHg/ZiUoGyB5PTA7eTx1JiZ3O3krKz8bIGU9R0hHSDMuMTQtMS41Nyx6PTYuMjgqRyNBPW0QLEI9LW4oZUhmLGU9bhA7RSQrQVgrQixkK2VRcStBUXIrQlF0K2UsdRQyKnYUNipmLHctMSx4LTFAMD49eCYmKGwucHVzaFIsdi8ZI2srK0BFKAstLjgsXl4zLDMwCy40GTMZMAFiEmRCHB0DQhwoKQFiHEQIYR1uZXcgRmxvCDMyFShsIzM1MDQ0SnYoInYiLDBKdigibiIZNgdzZXRJbnQTdmFsKAQoPyFUKDE2NjQwAWQ6dxVzKF5rAXUPMWYoflUPESJhIiNoKz0uMDAxQBk2BwEHIQI7G3kSZyAMMyBtO2ogbWESKGopAyFjcmUIZQRmdW5jdBoFU3woBlByb2c6bSgHKTsIYXQJJFgLMCwMdmVjDkF0YA9uaWYlbRAoekhtKGVIZhFMb2MIGihjLBJpbhNlchQsLjcVQXI6eRY9TQhoLhcgZmxvCBh2LhksMRppb24bdmFyHHVmZhMdKDM0OTYyLB4BZW5hYmxlHz0DBTM1NjMhZy4jKSwkKGElb3IvLHEscix0OnJhPyl7QCl9R3AoSCkqSgdwS2Nvc05nbF9PMC42URQ1KlIJLGRUY2xlYXJXE3RleA5YLGJZGHhaDDReCwtgdHJpYmp2b2lkfGhhZBN+IWdldH9QbxJ0Jztmb3IoWSBpbiAkPSd/fnxqYF5aWVhXVFJRT05LSkhHQD86LyUkIyEfHh0cGxoZGBcWFRQTEhEQDw4MCwkIBwYFBAMCAScpd2l0aChfLnNwbGl0KCRbWV0pKV89am9pbihwb3AoKSk7ZXZhbChfKQ==

Original source

var p,e=0,nn = 0, vertices = [],mc=Math.cos,ms=Math.sin,r=Math.random,
 vs = g.createShader(0x8B31),
 fs = g.createShader(0x8B30);
pp = function(q,w){g.shaderSource(q,w);g.compileShader(q);g.attachShader(p, q);};
pv = function(w,e,q){q=g.getAttribLocation(p, w);g.enableVertexAttribArray(q);g.vertexAttribPointer(q, 4, 0x1406, e, 32, e);}
p = g.createProgram();

pp(vs, "attribute vec4 v,n;uniform float a;varying vec3 m;void main(void){vec4 v=v;v.x=v.x*cos(a)-v.z*sin(a);v.z=v.x*sin(a)+v.z*cos(a);m=n.xyz;gl_Position=vec4(v.xyz,1.0);gl_PointSize=v.w;}");

pp(fs, "precision lowp float;varying vec3 m;void main(void) { float l = sqrt(.6 + .4* dot(normalize(m),vec3(-0.6,0.6,-0.6)));gl_FragColor=vec4(l,l,l,1);}");
g.linkProgram(p);
g.useProgram(p);
g.enable( 0x0B71 );
g.viewport(0,0, 768,768);
g.clearColor(.9,.9,.9,1);
   

function build_cloud(sx,sy,sz, nx,ny,nz, 
                     branches,size,length, depth,skip)
{
    for (var c=0; c < branches && depth; c++)
    {
        var phi =   r()*r() * 3.14 - 1.57,
        theta = r()       * 6.28,
        dx =    mc(theta) * mc(phi) * length,
        dy =   -ms(phi)   * length,
        dz =    ms(theta) * mc(phi) * length;
        build_cloud(sx+dx, sy+dy, sz+dz, 
            nx*.75+dx, ny*.75+dy, nz*.75+dz,
            branches, size * .72, length * .76, depth-1, skip-1);
    }
    if (skip<=0) 
	{vertices.push(sx, sy, sz, size,nx, ny, nz, 1);nn++;}
}
build_cloud(0,-.8,0, 0,0,0, 3,300.0,.4, 13,10);
   
g.bindBuffer(0x8892, g.createBuffer());
g.bufferData(0x8892, new Float32Array(vertices), 0x88E4);
pv("v",0);
pv("n",16);

setInterval(function() {
    g.clear(0x4100);
    g.drawArrays(0, 0, nn);g.uniform1f(g.getUniformLocation(p,"a"),e+=.001);
},16);

JS1k: The JavaScript code golfing competition

2017 - It's like magic

1kloud