Dweets awesomed by u/jick

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 1 remix fullscreen

jick

function u(t) {

for(i=0;i<2e3;i++) { x.fillStyle=R(0,C(t*i)*255,0); x.fillRect(i,1070,10,4); }
x.drawImage(c,0,-5,1920,1080)

Mar 21 2017 3:07 AM UTC

}// 109/140

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

u/donbright

interesting technique
u/Xen

your turn ;-) remix: #2920, i hope you like!
u/Xen

your turn ;-) remix: #2920, i hope you like!

show FPS hide FPS share fullscreen

jick

function u(t) {

x.fillStyle=R(S(t*1)*255,Math.random()*255,0);
x.fillRect(t*12345%2000,1060,30+Math.random()*300,40)
x.drawImage(c,0,-20,1920,1080)

Mar 21 2017 3:01 AM UTC

}// 131/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 3 remixes fullscreen

recursive

remix of d/1976 by u/recursive

function u(t) {

for(d=256;--d;)for(X=-32;++X<32;x.fillRect(960+X*8e3/d,100+7e4/d-h,120,9))x.fillStyle=R(h=(C(a=d/9+t*6)+C(X/9+a/3))*35,g=h+C(X^d)*6+90,g/.8)

Mar 9 2017 12:33 AM UTC

}// 140/140

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

Bluer waves

Show more comments…
u/sfz

Incredible
u/sigveseb

Epic
u/FireFly

This is crazy, great stuff :D
u/iverjo

Best water on dwitter thus far!
u/iverjo

I also tried to achieve this some time ago, but yours is much more convincing
u/iverjo

https://www.dwitter.net/d/65 and https://www.dwitter.net/d/254 and https://www.dwitter.net/d/295 and https://www.dwitter.net/d/366
u/recursive

Your idea gives really great color to the surface. I wonder if it's possible to animate the colors using your idea, and the wave geometry and lighting using mine.
u/magna

(ノಠ益ಠ)ノ彡┻━┻
u/Renaud___

very very nice
u/jsizzle

Seriously amazing. Wow
u/SpecialAgent

Bravo
u/ideokan

i am a web developre, feeling like a dumb monkey in here
u/PiggyClone205

Welcome to the club, ideokan.
u/Godcranberry

This sis amazing, totally my favorite
u/Godcranberry

is* mb fam
u/iverjo

#water
u/hollo47

#ocean
u/katkip

#waves
u/vain

Very nice and lovely wave

show FPS hide FPS share fullscreen

jick

function u(t) {

w=c.width=2e3
i=0
while(i++<22){
x.fillStyle=R(S(i)*255,C(i)*255,C(i+2)*255)
x.fillRect(700+S(t+i)*200,500+C(t+i)*300,400,5)
}

Feb 26 2017 1:25 AM UTC

}// 126/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/1289 by u/magna

function u(t) {

e=1e4;(i=new Image).src=c.toDataURL('image/jpeg',q=.8).replace(eval(`/(.{${t%e+e}})./`),'$1a');x.globalAlpha=q;x.drawImage(i,0,3,1920,1070);

Feb 25 2017 2:58 PM UTC

}// 140/140

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

Island at Night (wait until it stabilizes - works only on Chrome)

u/sigveseb

this is an excellent idea!

show FPS hide FPS share fullscreen

Pyrofoux

function u(t) {

x[f="font"]=g="140px A",n=Array(9).join(0/0);7-(t=~~t%8+1)?x[h="fillText"](n,0,t<<8)+(5-t||x[h]("🦇",874,560,c.width^=0,x[f]=g)):c.width^=0

Feb 25 2017 2:41 PM UTC

}// 138/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/iverjo

Haha, I believe this is a reference to "wat" ^^
u/andres

Is this broken because of the emoji?
u/kaicarver

NaNNaN NaNNaN NaNNaN NaNNaN BATMAN!! :-) https://youtu.be/EtoMN_xi-AM
u/iverjo

3:31 in this video: https://www.destroyallsoftware.com/talks/wat
u/sigveseb

:D
u/Kalanchoe

Haha, nice reference! For those who see boxes, it's supposed to be a bat emoji (U+1F987)
u/d0n.key

I actually wanted to type "BATMAAAAN!!!" in the comments, but jokes on me...

show FPS hide FPS share 4 remixes fullscreen

p01

function u(t) {

for(d=2e3;d--;x.fillRect(960+d*C(a),540+d*S(a),24,24))a=Math.random()*6.3,x.fillStyle=R(e=255*C(t-1e3/d*S(t-a-C(a*99/d))),99*S(a-e/d),6e4/d)

Feb 22 2017 11:45 PM UTC

}// 140/140

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

u/sigveseb

Nice!
u/ninerdelta

wow!
u/p01

Thanks :)
u/ArtsyBiker1

Awesome!
u/TheGreatRambler

Messing with my brain!
u/lionleaf

#tunnel

show FPS hide FPS share 17 remixes fullscreen

jczimm

function u(t) {

c.width=1920;
for(i=0;i<300;i++)for(j=0;j<6;j++){x.fillRect(960+200*C(i)*S(T(t/1.1)+j/i),540+200*S(i),10,10)}

Feb 22 2017 5:23 PM UTC

}// 109/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/sigveseb

Very stylish!
u/ninerdelta

nice!
u/Kalanchoe

truly a compact loading spinner!
u/jczimm

Thanks!
u/serko

Any way to view this fullscreen on an iPhone?
u/tischler

Awesome. Negating t makes it more aerodynamic. =)
u/Valscor

This is so cool!
u/over

This would be an amazing loading animation !
u/katkip

This is so easy to make and it has 297 likes
u/Leodude123

ねあt
u/Leodude123

Neat!
u/Scaledish

Could I use this as a animation for my site?
u/jczimm

Yes! Consider it CC0-licensed

show FPS hide FPS share 8 remixes fullscreen

sigveseb

remix of d/302 by u/sigveseb

function u(t) {

(F=Z=>{for(x.fillStyle=R(W=1/Z*4e3,W/2,W/4),i=Z*Z*2;n=i%Z,m=i/Z|0,i--;n%2^m%2&&x.fillRect((n-t%2-1)*W,(S(t)+m-1)*W,W,W));Z&&F(Z-6)})(36)//rm

Feb 21 2017 11:18 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/dx4100

absolute insanity in two lines of code -- so awesome!
u/Daboo

I love it
u/lionleaf

All credit to u/sigveseb! dwitter.net/d/302
u/surasshu

fabulous!
u/alpha

Nice
u/soxface

incredible...
u/suresh

Awesome!
u/arowberry

really really cool!
u/highfestiva

This is far from your best work, why is it so liked?
u/iverjo

Because it got much exposure during a traffic peak on dwitter last year
u/iverjo

Besides, it's an awesome dweet :D
u/iverjo

https://www.youtube.com/watch?v=vFdDOcDLXt4
u/iverjo

#recursive
u/vain

Very cool checkerboard parallax fx
u/fentbiggesthater

decent

show FPS hide FPS share fullscreen

mxfh

function u(t) {

l=256;d=x.getImageData(0,0,l,l);for(i=0;i<l*l;i++)d.data.set([i/l,t%1*l,i%l,l],i*4);x.putImageData(d,~~(t*l)%8*l,~~(t*l/5)%4*l)

Feb 19 2017 10:26 AM UTC

}// 127/140

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

You've reached the end.

dwitter.net | jick (3889)