Dweets awesomed 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

@literallylara

function u(t) {

for(t?0:P=[W=960,0],i=99;i--;)Q=[[0,H=1080],[W*2,H],[W,0]][Math.random()*3|0],x.fillRect(P[0]=(P[0]+Q[0])/2,P[1]=(P[1]+Q[1])/2,4,4)

Apr 27 2017 6:23 PM UTC

}// 131/140

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

Inspired by https://www.youtube.com/watch?v=kbKtFN71Lfs

u/veubeke

Uncanny

show FPS hide FPS share fullscreen

MrM@_S

function u(t) {

onkeyup=e=>frame=0
t||(c.width=600)
onmousemove=e=>{E=e.pageX,X=e.pageY}
onmousedown=e=>T=!T
T||x.lineTo(E,X)
x.drawImage(c,200,!x.stroke())

Apr 27 2017 5:21 PM UTC

}// 140/140

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

[drawing tool] Click to turn off draw. Click again to draw a straight line to your mouse. Press any key to clear. It draws in 3 screens

u/iverjo

#interactive

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/2355 by u/cantelope

function u(t) {

x.save(),x.translate(960,540);for(i=95;i--;x.fillStyle=`hsl(${i*6-t*99},99%,60%`,x.fillRect(a=i*i/9,a,-a*2,-a*2),x.rotate(t/3));x.restore()

Apr 27 2017 4:54 PM UTC

}// 139/140

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

Minor remix that shows off the patterns in the spiral, as pointed out by sfz on the original dweet.

u/magna

Wooo!
u/joeytwiddle

Oeps too fast again! t/19 might look smoother for you

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

rileyjshaw

remix of d/2610 by u/rileyjshaw

function u(t) {

c.width|=0
x.globalCompositeOperation=C(t*=2)<0&&'xor'
x.arc(X=960,Y=540,3e2,0,7)
x.fill()
x.beginPath()
x.arc(X-S(t)*Y,Y,1e2,0,7)
x.fill()

Apr 27 2017 2:10 PM UTC

}// 139/140

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

Orbit

show FPS hide FPS share 1 remix fullscreen

rileyjshaw

function u(t) {

c.width|=0;for(X=2e3;X-=40;)for(Y=2e3;Y-=40;s=(1+T(C(X/40+t)*C(Y/3+t)))*20,s=s<34?0:s,x.fillRect(X-s/2,Y-s/2,s,s))x.fillRect(X+19,Y+19,2,2)

Apr 27 2017 6:53 AM 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 fullscreen

rileyjshaw

function u(t) {

if(!t)for(i=1e6;i--;X=i%1e3,Y=i/1e3,x.fillStyle=`hsl(${~~T(X*Y)},40%,40%)`,x.fillRect(460+X,40+Y,1,1));

Apr 27 2017 4:39 AM UTC

}// 103/140

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

Film grain effect (may take a few seconds to render)

u/rileyjshaw

(Looks nicer fullscreen)

show FPS hide FPS share fullscreen

rileyjshaw

remix of d/2603 by u/rileyjshaw

function u(t) {

r=255
t||x.fillRect(0,0,2e3,2e3)
x.strokeStyle=R(r,r,r,.004)
n=Math.random(x.stroke())*7
x.lineTo(960+C(n)*r,540+S(n)*r)
n<.1&&x.beginPath()

Apr 27 2017 4:09 AM UTC

}// 140/140

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

Full moon

u/rileyjshaw

Some browsers might need a higher alpha, eg. x.strokeStyle=R(r,r,r,.006)

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2604 by u/magna

function u(t) {

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

Apr 26 2017 10:17 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, now animated thanks to shaving by @donbright

u/donbright

the thing that strikes me is the black and white balls never move, only their connections.... but it looks like the whole plane is aliv
u/magna

@donbright To achieve that: Starting with a single tile, every other tile is flipped on the X axis. And then to flip a tile, I need to both invert the tile's pixels and also to flip it on the Y axis. Lots of XOR was needed :)
u/sigveseb

Excellent
u/iverjo

#dots
u/magna

#truchet

show FPS hide FPS share 1 remix fullscreen

rileyjshaw

function u(t) {

c.width|=0
x.globalCompositeOperation='xor'
x.arc(S(t)*600+960,540,3e2,0,7)
x.fill()
x.beginPath()
x.arc(S(-t)*600+960,540,1e2,0,7)
x.fill()

Apr 26 2017 9:11 PM 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 (131939)