Dweets awesomed by u/skeletonNatte

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 4 remixes fullscreen

mxfh

function u(t) {

d=x.getImageData(0,0,w=c.width=256,h=144);for(i=0;i<h;i++)for(j=0;j<w;j++)d.data[(i*w+j)*4+3]=(i-j&j+i)*t%w;x.putImageData(d,0,0)

Feb 20 2017 3:43 AM UTC

}// 129/140

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

Show more comments…
u/jim

This is my favorite demo on Dwitter so far
u/mxfh

first draft on documenting the more obvious parts: https://news.ycombinator.com/item?id=13712558
u/hamptonio

pretty sick
u/mxfh

drone audiosoundtrack paste this:
u/mxfh

;new Audio("data:audio/wav;base64,"+window.btoa('RIFF$WAVEfmt data'+x.getImageData(0,128,c.width,32).data.reduce((data,byte)=>data+String.fromCharCode(byte),''))).play()
u/mxfh

//safer encoding: ;new Audio("data:audio/wav;base64,UklGRiQAAgBXQVZFZm10IBAAAAABAAIAAIAAAAAAAgAEABAAZGF0YQAA"+window.btoa(x.getImageData(0,128,c.width,32).data.reduce((data,byte)=>data+String.fromCharCode(byte),''))).play()
u/Xaviaro

Breathtaking!
u/lionleaf

#fractal #recursive
u/Galaxtone

Of you let it run long enough it returns to the original image but sort of pixelated and a little more and it'll return to the original image

show FPS hide FPS share 2 remixes fullscreen

iverjo

function u(t) {

i=W=c.width=960;X=250*t%W;G=(1-S(X/29))*.3;x.lineWidth=80;x.arc(X,200,40,G,6.29-G);x.stroke();while(i>X)x.fillRect(i,190,20,20),i-=190

Jul 22 2016 12:34 AM UTC

}// 134/140

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

Pacman, inspired by tamberlo

Show more comments…
u/tamberlo

thank you for cleaning up my idea ;) your solution is very neat
u/iverjo

Thanks :) It lacks the yellow color, though. I'm not sure I could hack that in without removing the rectangles
u/iverjo

Golfed a bit (128 characters): i=W=c.width=960;x.lineWidth=80;x.arc(X=250*t%W,200,40,G=.3-.3*S(X/29),6.29-G);x.stroke();for(;i>X;i-=190)x.fillRect(i,190,20,20)
u/donbright

lol
u/iverjo

#pacman
u/rodrigo.siqueira

#atari

show FPS hide FPS share fullscreen

sigveseb

remix of d/297 by u/sigveseb

function u(t) {

L=c.width=255;for(i=9<<12;a=i&L,b=i>>8,n=b-45,m=a-99,i--;x.fillRect(a,b,A=1/(((t+a/n)%2)^b/n),A))n*=(B=(L*S(t*29+n/5)+m*m+n*n)/5e3)<1?C(B):1

Jul 21 2016 5:43 PM UTC

}// 140/140

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

with wobbles!

u/iverjo

Insane!
u/joeytwiddle

amazing :)

show FPS hide FPS share fullscreen

greentec

function u(t) {

a=255;for(i=0;i<1920;i+=5)for(j=0;j<1080;j+=5)r=(a*C(.0174*i))%255,g=(a*S(.0174*j))%255,b=(r*g)%255,x.fillStyle=R(r,g,b),x.fillRect(i,j,5,5)

Jul 20 2016 11:49 AM UTC

}// 140/140

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

u/iverjo

Here's a version that draws only once: if(!t){a=255;for(i=0;i<1920;i+=5)for(j=0;j<1080;j+=5)x.fillStyle=R(r=(a*C(.0174*i))%a,g=(a*S(.0174*j))%a,r*g%a),x.fillRect(i,j,5,5)}
u/greentec

Oh, Thanks! It was very helpful.

show FPS hide FPS share 1 remix fullscreen

3bl3gamer

function u(t) {

c.width=192;f=a=>{x.translate(69,40);x.beginPath();for(i=0;i<7;i+=.01)r=(S(i*9+t*a)*3+20)<<1,x.lineTo(r*C(i),r*S(i));x.stroke()};f(-2);f(2)

Jul 19 2016 9:46 PM UTC

}// 139/140

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

u/iverjo

Wow O.O

show FPS hide FPS share 1 remix fullscreen

chunnoo

function u(t) {

c.width=1920;for(i=-2;i<2;i+=.05)for(j=-4;j<4;j+=.05)1/(j*j+i*i)+1/((j-t%12+6)*(j-t%12+6)+i*i)>1?x.fillRect(j*240+960,i*240+540,12,12):0;

Apr 28 2016 1:35 PM UTC

}// 137/140

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

u/Froff

This is probably my favorite of all the dweets on here
u/hamptonio

Very original, nice job.
u/FireFly

Sweet, metaballs!
u/iverjo

#metaballs
u/katkip

#cell
u/katkip

#physics

show FPS hide FPS share 1 remix fullscreen

icecuber

function u(t) {

c.width=192;A=Math.abs;Y=A(t*99%176-88);X=A(t*139%376-188);x.F=x.fillRect;x.F(X,Y+7,3,3);x.F(187,Y+C(X/39)*29,5,20);x.F(0,Y-S(X/29)*22,5,20)

Apr 24 2016 12:39 PM UTC

}// 140/140

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

Show more comments…
u/lionleaf

I'd love a blog post explaining how you approached creating this one!
u/iverjo

+1
u/SpecialAgent

+1
u/FireFly

I love this one—the movement doesn't really feel all that artificial despite being so. Hats off for figuring out how to get the pads to that :)
u/dh7

+1 very well done !!!
u/joeytwiddle

Amazing. Looks so real. Some handy techniques in here too :)
u/donbright

genius
u/TheGreatRambler

How do you do that under 140 chars?
u/lionleaf

#pong
u/lionleaf

#game
u/joeytwiddle

#tribute
u/Lazy1337

#witchcraft
u/vain

incredible - great work

show FPS hide FPS share 4 remixes fullscreen

icecuber

function u(t) {

c.width=1920;for(i=24;i--;)for(j=24;j--;)t+=1.7,s=S(t)*((j+i&1)*2-1),x.setTransform(C(t),s,-s,C(t),i*99,j%12*99),x.fillRect(-9,-49,19,99)

Apr 20 2016 4:54 PM UTC

}// 137/140

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

u/lionleaf

Try following the "wave" with your eyes!
u/innovati

This is amazing!
u/vain

amazing and beautiful effect. Nice tricky illusion

show FPS hide FPS share fullscreen

iverjo

function u(t) {

c.width=198;X=Y=99,a=0,d=9;for(i=0;i++<30;)x.beginPath(),x.moveTo(X,Y),x.lineTo(X-=d*S(a),Y-=d*C(a)),d*=.9,x.stroke(),a+=S(2*t-i/12)/3

Jan 8 2016 1:22 AM UTC

}// 134/140

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

u/stiaje

Nice blurring!
u/iverjo

The blur wasn't meant as a part of the effect. I believe it was done as a compromise to save a few bytes at a point during the process of creating the dweet
u/katkip

#plant

show FPS hide FPS share 1 remix fullscreen

sigveseb

function u(t) {

c.width=2e3;x.translate(960,540);x.rotate(t/2);for(i=s=99;a=s*s/(s-i-t%s),i--;x.rotate(S(t)/s),x.fillStyle=R(a/9),x.fillRect(b=-a/2,b,a,a));

Jan 8 2016 12: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).

u/gabrielsroka

c.width=1920;x.translate(960,540);x.rotate(t/2);for(i=s=99;a=s*s/(s-i-t%s),i--;)x.rotate(S(t)/s),x.fillStyle=R(a/9),x.fillRect(b=-a/2,b,a,a)
u/gabrielsroka

c.width=1920; looks better in fullscreen
u/AnnanFay

Congratulations! You've reached the end.
u/dwitter

this is the oldest dweet I could find, gg.
u/13thptr

#tunnel #firstdweet
u/sigveseb

Fits in this month's theme! #cavern

You've reached the end.

dwitter.net | skeletonNatte (20132)