Dweets by u/magna

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Food

show FPS hide FPS share fullscreen

magna

function u(t) {

x.fillRect(960,0,1,1,x.fillStyle='red');(i=new Image).src=c.toDataURL('image/jpeg');x.drawImage(i,5,0,1910,1088);x.filter='sepia('+S(t)*C(t)

Mar 1 2017 6:39 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Requires Chrome

u/iverjo

Interesting technique
u/magna

Seems to be broken on latest version on Chrome.

show FPS hide FPS share fullscreen

magna

remix of d/1655 by u/magna

function u(t) {

e=1e3;(i=new Image).src=c.toDataURL('image/jpeg').replace(eval(`/(.{${t%e+e}})./`),'$1');x.filter='sepia(.02';x.drawImage(i,-4,0,1928,1100);

Mar 1 2017 4:38 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Requires Chrome

u/magna

Seems to be broken on latest version on Chrome.

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/1654 by u/magna

function u(t) {

e=1e3;(i=new Image).src=c.toDataURL('image/jpeg').replace(eval(`/(.{${t%e+e}})./`),'$1');x.filter='sepia(.01';x.drawImage(i,-4,0,1928,1100);

Mar 1 2017 4:37 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Requires Chrome

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/1323 by u/magna

function u(t) {

e=1e3;(i=new Image).src=c.toDataURL('image/jpeg').replace(eval(`/(.{${t%e+e}})./`),'$1');x.filter='sepia(.02)';x.drawImage(i,0,0,1920,1100);

Mar 1 2017 4:00 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Candy Falls - Requires Chrome

u/magna

Starting off with a blank canvas, I introduce some artifacts by damaging the JPEG export. And then the rest comes through an interesting interplay of JPEG artifacts and sepia filter artifacts, and stretching the image while pasting it back.
u/magna

Seems to be broken on latest version on Chrome.

show FPS hide FPS share fullscreen

magna

function u(t) {

c.width=w=3;t?x.putImageData(new ImageData(new Uint8ClampedArray(a),w,1),0,0):a=c.toDataURL().split('').map(k=>k.charCodeAt(0)).slice(0,w*4)

Mar 1 2017 3:35 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Gradient from nothing

u/sigveseb

Can't explain that!
u/magna

PNG header FTW
u/iverjo

Wait what? This needs an explanation :D
u/magna

@iverjo I export the empty canvas as a PNG image. The PNG file has non-zero bytes (because it needs to have a header and a bare minimum content to encode the empty content) that I directly use as RGBA values for the canvas image data (the pixel array).
u/magna

#glitch

show FPS hide FPS share fullscreen

magna

function u(t) {

n=64;for(j=n;j--;)for(i=n;i--;c=j<6&i<16?'@疄㖄ᖄ犜'.charCodeAt(j)-n&2<<i:S(t+=t*t|5),x.fillStyle=R(c*=255,c,c),x.fillRect(i*30,j*16,n,n));

Feb 28 2017 10:38 PM UTC

}// 135/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Live feed from Amazon Data Center - Feb 28, 2017

show FPS hide FPS share fullscreen

magna

remix of d/1618 by u/magna

function u(t) {

n=64;W=1920/n;H=1080/n;p=C(t/10)*1e3+1e2;for(j=n*n;j--;X=j&63,Y=j>>6,c=T(t/(p+X-Y)*j)*255,x.fillStyle=R(c,c,c,.1),x.fillRect(X*W,Y*H,W,H));

Feb 28 2017 8:28 PM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/1617 by u/magna

function u(t) {

n=64;W=1920/n;H=1080/n;p=t*t;for(j=n*n;j--;c=T(t/p*j)*255,x.fillStyle=R(c,c,c,.2),x.fillRect((j&63)*W,(j>>6)*H,W,H));

Feb 28 2017 8:15 PM UTC

}// 117/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/iverjo

Nice. Kinda reminds me of https://www.dwitter.net/d/93
u/iverjo

#noise

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

n=64;W=1920/n;H=1080/n;p=t*t;for(j=n*n;j--;x.fillStyle=R(S(t/p*j)*S(t/p*j)*255,S(t/p++*j)*255,0,.05),x.fillRect((j&63)*W,(j>>6)*H,W,H));

Feb 28 2017 8:09 PM UTC

}// 136/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/sfz

Mars landing

show FPS hide FPS share fullscreen

magna

function u(t) {

c.width=w=64;h=36;c=32;s=j=>j*j/w;r=Math.random;
for(i=w*h;i--;)x.fillStyle=R((s(h-i/w)+s(c-i%w)<12)*255*r(),r()*c),x.fillRect(i%w,i>>6,1,1)

Feb 28 2017 3:46 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

dwitter.net | magna (4021)