Top #water dweets

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

veubeke

function u(t) {

c.width^=0
x.font='200px"',
x.fillText('Mirrored',590,540)
for(i=27;i--;)x.drawImage(c,500,405+i*5,800,5,500+C(i/2+t*8)*8,700-i*5,800,5)

Nov 4 2018 6:48 PM UTC

}// 136/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

yonatan

remix of d/7241 by u/yonatan

function u(t) {

for(i=j=c.width=99;i--;)for(X=i-50,Y=0;Y++<j;)h=S(X/Y)*S(Y-t*4),x.fillStyle=Y<40?'#f944':R(n=16-h*9,n*6,n*7),x.fillRect(i,Y+h*9*Y/j,Y/j,99)

Mar 9 2018 6:24 AM UTC

}// 139/140

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

u/magna

Awesome :)
u/lionleaf

Beautiful! Would do well as a framed gif on the wall :)
u/iverjo

Beautiful!
u/yonatan

#water #sea
u/joeytwiddle

#ocean #sunset #landscape #lighting
u/katkip

Wow

show FPS hide FPS share 1 remix fullscreen

recursive

function u(t) {

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

Mar 8 2017 11:51 PM UTC

}// 140/140

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

Ocean waves

u/donbright

speechless
u/dbonemcshumonster

so dope
u/joeytwiddle

#sea #ocean #water #waves #liquid #wet #salty

show FPS hide FPS share fullscreen

keithclark

remix of d/8799 by u/keithclark

function u(t) {

for(L=54,c.width=L*4,Z=5;Z>0;Z-=.1)for(Y=X=L;X>-L;x.fillRect(L*2+X--/Z*9,L+Y/Z,9,L))I=C((X/2^Z+t*6)+t*7),Y+=3*I,x.fillStyle=R(0,Z*Y-I*9,255)

Jul 4 2018 12:27 PM UTC

}// 140/140

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

A choppy sea!

u/sigveseb

#ocean #water
u/katkip

#waves

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/24073 by u/pavel

function u(t) {

u=h=511;for(c.width|=k=0;k<2;k+=.02)for(i=u=u*5&h;w=i--/4;)x.fillRect(((k||S(i))+t/4)%1*h*5-h-u*T%w,T=h+(i&5?i-u:u-i),k?w:u,2+S(T>h&&w+t*9))

Oct 11 2021 8:36 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/KilledByAPixel

nice!
u/yonatan

Thanks. A little too fast, should have been t/8 instead of t/4...
u/aemkei

Thought the same. t/8 is really a calm beauty!
u/yonatan

Yeah, my screen does 30Hz so I only notice it when exporting to a gif.
u/Joachim

I like the animated #water
u/magna

t/h/9*u for parallax
u/magna

Here we go: d/24088

show FPS hide FPS share fullscreen

yokljo

function u(t) {

w=c.width|=0
j=w/2
h=700
x.font="90px A"
x.fillText("💧",j-50,(t%1-.55)*w)
for(i=-j;i<j;i++)x.fillRect(i+j,h-S(S(i/j*9/(t%1))/i/j*w)*90,2,h)

Jan 2 2018 1:41 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/magna

Awesome!
u/Pjaerr

You should really make the rectangle blue or something.
u/Lazy1337

the "rectangle" is actually an emoji, I know its a water drop because I can see it on my newer PC
u/Lazy1337

well not really the strict definition of "emoji" but you got it.
u/joeytwiddle

#water #drop

show FPS hide FPS share fullscreen

sigveseb

function u(t) {

for(i=4e3;i--;x.fillRect(m+m*s*C(i),960+m*s*S(i)*v,9*s,9*s))v=S(i)<0,x.fillStyle=R(v*(99+(c=155+99*S(t+S(9*i)))),c,!v*c),s=(t+i/(m=250))%9+1

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

u/S.T.L.K.R.

This is underrated
u/iverjo

#sun #water
u/joeytwiddle

#sea #ocean #sunset #landscape
u/katkip

I actually was gonna make a similar one before seeing this one

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`挮睩摴株㴱㭤㴨焬攬温㴾砮晩汬剥捴⡱⭮⨱〰⭓⡴⤪㌰〬攬㔰ⰲ〰⤻景爨椽〻椫⬼㤻⥤⠴〰ⰲ〰Ⱪ⤬搨㐰〫匨椪匨琩⭴⨲⤪㄰ⰷ〰⭃⠭椪䌨琯㤩⭴⨳⤪㄰Ⱪ⤻砮晩汬却祬攽✣〰晤✬砮晩汬剥捴⠰ⰵ㐰ⰲ攳ⰲ攳⤻`.replace(/u(..)/g,"$1%")))

Sep 23 2018 2:19 PM UTC

}// 140/140

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

The most #realistic #water reflection Dweet ever!

u/joeytwiddle

Very nice! #default
u/sigveseb

Rocks hard

show FPS hide FPS share fullscreen

anthonylewis

function u(t) {

c.width^=0;x.fillStyle=R(0,0,255,0.5)
for(i=38;i--;)for(j=5;j--;)
x.fillRect(i*50,1080,45,(S((i+j)*t)-j)*(t**2%360))

May 2 2018 1:21 AM UTC

}// 116/140

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

Tsunami?

u/iverjo

#water
u/BuRRak

t**2 can be replaced with t*t
u/katkip

#waves

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/26971 by u/joeytwiddle

function u(t) {

x.fillRect(0,0,2e3,1080)
for(j=9;j--;)for(i=99;i--;)W=50-i/2,x.clearRect(550+j*99+S(t)*300+i/4*S((5+j)*i*i-t*3)-W/2,i?610+2*i:400,W,i?1:200)

Jan 29 2023 1:44 PM UTC

}// 140/140

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

#default reflected in rippling #water (night, redux)

u/joeytwiddle

This is more efficient than fillRect() but it's too long! c.width|=c.style.filter='invert(100%)' (This way, we also need to change clearRect into fillRect)
u/magna

c.style.filter='invert(' suffices since browsers are notoriously forgiving

dwitter.net | #water