Top 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: #Opposites

show FPS hide FPS share fullscreen

magna

remix of d/2678 by u/jczimm

function u(t) {

for(c.width=X=256;X-=2;)for(Y=148;Y-=2;x.fillStyle=`hsl(${A=X*Y*Math.max(C(t/2),S(t/3))/11},${A=A%50+25}%,${A}%`)x.fillRect(X,Y,2,2)

May 6 2017 5:12 AM UTC

}// 132/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/2611 by u/magna

function u(t) {

for(i=c.width=w=192;i--;)for(j=w;j--;b=i%8^(X+Y&1^f)*7,'ưưƠƀÃÇÏÏ'.charCodeAt(j&7)-w&1<<b^f<<b&&x.fillRect(i,j,1,1))X=i>>3,Y=j>>3,f=t*X/Y&1

Apr 27 2017 4:38 PM UTC

}// 138/140

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

Refactoring to make code more readable (!)

u/magna

#truchet

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2597 by u/magna

function u(t) {

w=c.width=192;for(i=w;i--;)for(j=w;j--;!!('ưưƠƀÃÇÏÏ'.charCodeAt(j&7^f*7)-w&1<<(i%8^(X+Y&1)*7))^f&&x.fillRect(i,j,1,1))X=i>>3,Y=j>>3,f=X/Y&1

Apr 26 2017 6:57 PM UTC

}// 139/140

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

Filled Truchet tiles

Show more comments…
u/magna

Change the f assignment at the end to f=t*X/Y&1 to animate. I couldn't shave another byte to fit that.
u/donbright

for(i=c.width=w=192;i--;)for(j=w;j--;!!('ưưƠƀÃÇÏÏ'.charCodeAt(j&7^f*7)-w&1<<(i%8^(X+Y&1)*7))^f&&x.fillRect(i,j,1,1))X=i>>3,Y=j>>3,f=t*X/Y&1
u/donbright

awesome job, love it
u/magna

@donbright Damn! How didn't I see that? :) Thanks, and thanks!
u/magna

https://www.dwitter.net/d/2604
u/magna

* https://www.dwitter.net/d/2611
u/magna

#truchet

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2533 by u/Jenky

function u(t) {

t||(n=c.cloneNode(),g=n.getContext("webgl"))
g.clearColor(.7+.3*S(t*4),0,0,1)
g.clear(16384)
x.drawImage(n,0,0)

Apr 19 2017 11:57 AM UTC

}// 111/140

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

Shorter, but inefficient WebGL setup

u/tomxor

OooOh, stop tempting me!

show FPS hide FPS share fullscreen

magna

remix of d/2462 by u/magna

function u(t) {

c.width=w=255
t?x.drawImage(k=b[n++&7],0,0)+k.getContext('2d').fillText('🌍',n%w-9,n/5+S(t)*99&w):b=Array(8).fill(n=0).map(_=>c.cloneNode())

Apr 10 2017 4:39 AM UTC

}// 139/140

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

Infinite Worlds

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

c.width=w=511
t?0:b=Array(8).fill(n=0).map(_=>c.cloneNode())
x.drawImage(k=b[n++&7],0,0)
k.getContext('2d').fillText('🎱',n&w,n+S(t)*120&w)

Apr 10 2017 3:20 AM UTC

}// 139/140

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

Octobuffering Infinite Balls

Show more comments…
u/magna

Got the plumbing done, but spent only a little time to try to find a nice pattern. Please remix!
u/magna

https://www.dwitter.net/d/2464
u/donbright

lol unfortunately this went way over my head... could you explain what it is?
u/magna

Rendering subsequent frames to a circular list of 8 off-screen buffers and pasting the buffers to the main canvas. Creates an "infinite sprites" effect.
u/New_Core

the effect can be visualy seen how it works at https://www.dwitter.net/d/401 ;)
u/magna

@New_Core Amazeballs!

show FPS hide FPS share fullscreen

magna

remix of d/2385 by u/magna

function u(t) {

c.width|=0;for(j=9;j--;)for(i=100;i--;X=i%5+j*10,Y=i/5|0,X+=S(t+(X+Y&1))*30,x.fillRect(400+X*10,400+Y*10,10,10));

Apr 2 2017 3:56 AM UTC

}// 113/140

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

u/donbright

lol never stop remixing the default. awesome
u/sigveseb

I love these default remixes ^^
u/magna

#default
u/Lazy1337

#moiré

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

remix of d/32712 by u/rodrigo.siqueira

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪍼󟝤󟝔󦽵󟝴󚬶󜌦󜼱󧝼󯌨󥍛󭝝󟝣󛭣󫍯󫭥󣭯󩍥󚌩󚜻󩭯󬬨󨜽󨬽󭌬󪜽󞝥󝌻󪜭󛜻󨜫󟜨󭌪󪜯󨬦󜜩󚬳󛝢󚭓󚍡󚬴󚽓󚍵󛼱󜌩󛼹󚜯󝌭󨜪󨜯󝌬󨬽󨬯󜬭󠼨󨜪󜼩󚝤󛭧󩝴󠽯󫭴󩝸󭍠󜭤󨌮󩭩󫍬󤭥󨽴󚌴󩜳󛝡󚬷󩜳󛝡󚬪󞜬󨬪󛜲󩜳󛌮󜜬󜜩󞽸󛭤󬭡󭽉󫝡󩽥󚍤󛌰󛌰󚜻`.replace(/u../g,'')))

Nov 8 2024 6:22 PM UTC

}// 140/140

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

Heart tissue

Show more comments…
u/magna

#waitforit
u/cantelope

...still waiting
u/KilledByAPixel

there is nothing to see! maybe you meant to not clear the canvas? try removing c.width|=
u/SockTaters

It's a little faint, but I can see it breathing
u/magna

What browser y'all using? I see it with chrome both on mac and win.
u/tomxor

I can see it on Linux using Firefox@30 FPS and Chrome@15 FPS. I suspect on a phone it's going to be single digits with Chrome so it's going to take a whlie to appear.
u/joeytwiddle

I'm using Firepants on a BlackberryPi in 2076, looks fine here

show FPS hide FPS share 2 remixes fullscreen

magna

remix of d/32609 by u/skeletonNatte

function u(t) {

for(i=c.width=256;i<4e4;)x.fillRect(i&255,i++>>8,Math.random(),1)

Oct 21 2024 5:24 PM UTC

}// 65/140

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

smoller TV static

u/magna

anyone care to throw in a PRNG to replace Math.random()?
u/lewdev

Nice, you had me beat by 1b with i++>>8!

dwitter.net | magna (3923)