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

yonatan

remix of d/10764 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(j=56;j--;x.fillRect(i,j,(S(j*j+i/j-t*7)+C(j**5-i/j*6+t)**3)*j/99,1));

Oct 29 2018 8:54 PM UTC

}// 95/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/pavel

Save a char by moving the fillRect call into the loop body to avoid ;
u/yonatan

you're right!
u/keithclark

I love this!
u/yonatan

it's also better to use rect height for the "alpha", avoids the jagged edges on the right. for(i=c.width=99;i--;)for(j=56;j--;)x.fillRect(i,j,1,(S(j*j+i/j-t*7)+C(j**5-i/j*6+t)**3)*j/99)
u/iverjo

Wow! Great #water
u/katkip

#d3 #waves

show FPS hide FPS share 1 remix fullscreen

keithclark

remix of d/8799 by u/keithclark

function u(t) {

for(c.width=240,Z=5;Z>0;Z-=.1)for(Y=X=-60;X<60;x.fillRect(120+X++/Z*9,45-Y/Z,1/Z*24-Z,99))x.fillStyle=R(Y-=7*C(X*.4^Z+t*6),Z*50-Y,-Y/87<<8)

Jul 3 2018 11:50 PM UTC

}// 139/140

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

This one has water - not flat unfortunately. Had to trade off the pseudo-shading to fit the colour change int

u/zanella

OH MY GOD! I stayed out of Dwitter for a couple of days, and suddenly it has become Shader Toy! :)
u/hollo47

This is so good! #landscape
u/sigveseb

with water! #water
u/Cloud

WOOOOOOOOOOOOOOOOOOOOOOOW!!!!
u/rep_movsd

Underrated AF

show FPS hide FPS share fullscreen

New_Core

function u(t) {

a=c.width|=0;for(b=i=550;i--;)x.fillStyle=R(t%9>8.8?a:0,a,a=80*S(i%50*S(t-i*.1)*.01)+60,1/a*9),x.fillRect(i%50*40,0,40,b+i+a+20*S(t+i*.15))

Mar 10 2017 9:17 AM UTC

}// 139/140

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

Heavy rain at sea with lightning.

Show more comments…
u/donbright

:o
u/recursive

Nice
u/iverjo

Wow
u/jsizzle

Wow!
u/sfz

moody!
u/magna

https://www.youtube.com/watch?v=oKKDfynx4ZY
u/New_Core

#water
u/New_Core

#sea #ocean
u/joeytwiddle

My favourite
u/joeytwiddle

#hiddengem #waves #rain

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/10737 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(j=58;j--;x.fillRect(i,j,1,1))k=(50-i)/(z=j-27),x.fillStyle=R(q=z>0?S(j*j+k-t*7)*C(j**3-k*3+t)*z/2+60-j:j+9,q*=4,q)

Oct 29 2018 1:55 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/lionleaf

Wow! #sea #water #waves #landscape
u/jylikangas

One of my favorites!
u/robbyg

Fantastic mood. Well done!
u/aleamb

Amazing! Reminds me of the Solaris ocean

show FPS hide FPS share fullscreen

jylikangas

remix of d/7171 by u/jylikangas

function u(t) {

for(i=110;i--;)for(j=64;j--;x.fillStyle=R(L*=1+j*i&79?(2+t%6)*j:200,x.fillRect(i*T,j*T,T=18,T),L*2))L=!(j/8<6+C(i-j-t)&(j/9>3+S(i|3)|j%7<1))

Apr 23 2018 9:32 AM UTC

}// 140/140

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

Neon city wakes up

Show more comments…
u/sigveseb

even better than before!
u/sigveseb

#city
u/BalintCsala

Sorry for the language, but what the fuck
u/iverjo

Nice! Better colors than your previous version https://www.dwitter.net/d/7171 #cityscape #pixel
u/hollo47

I love that there is so much going on in its 8bit aesthetic! Wouldn't mind this becoming a new trend!
u/zanella

The reflection doesn't match the buildings. Lame.
u/zanella

JUST KIDDING! It's freaking awesome!
u/jylikangas

Darn I knew there was a bug in there somewhere. :D
u/jylikangas

http://jsriffs.blogspot.fi/2018/04/making-of…
u/zanella

Thanks for the making of post, wish every cool dweet had one of those!
u/joeytwiddle

#landscape #scene #water
u/iverjo

#makingof

show FPS hide FPS share 4 remixes fullscreen

KilledByAPixel

function u(t) {

for(w=c.width&=i=10368;i--;S[i]=S[i]+C[i]/4||0)x.fillRect(i%w,i/w,1,C[i]=T(i*i*t)>1e5?9:C[i]*.9-(4*S[i]-S[i-1]-S[i+1]-S[i-w]-S[i+w])/5||0)

May 30 2021 9:39 PM UTC

}// 138/140

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

Water Ripples 💧

u/aleamb

#water
u/KilledByAPixel

more golfed... for(w=c.width&=i=10368,R=R-1?1:w;i--;S[i]=S[i]+C[i]/4||0)x.fillRect(i%w,i/w,1,C[i]=T(i*t)>5e4?9:C[i]*.9-(2*S[i]-S[i-R]-S[i+R])/3||0)
u/tomxor

#automata (von-neuman outer-totalistic r=1)
u/KilledByAPixel

another byte saved... for(w=c.width&=i=10368,R=R-1?1:w;i--;S[i]=S[i]+v/4||0)x.fillRect(i%w,i/w,1,v=C[i]=T(i*t)>5e4?9:C[i]*.9-(2*S[i]-S[i-R]-S[i+R])/3||0)
u/vain

cool 2d water drop fx

show FPS hide FPS share fullscreen

nystrand

function u(t) {

for(i=a=c.width=2e3;i--;x.fillRect(a,0,i/3,a))x.transform(1,-i/5e5,n=1+C(t+i)*4,1,n/i-199,0),x.fillStyle=R(i-a/2,b=i/9+99*C(t),b,.04)

Jul 29 2019 12:02 PM UTC

}// 133/140

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

u/katkip

#realistic #waves
u/katkip

awesome
u/taupelink

fantastic
u/13thptr

great
u/KilledByAPixel

🌊
u/joeytwiddle

Beautiful! #sea #ocean #water #sunset See d/10782 (yonatan)

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

c.width|=0;a=50;x.fillRect(950,1e3*T(t+10),a,a);for(i=0;i<a;i++)x.fillRect(i*a,1100,a,-200+.1*S(t)*(i*(39-i)*S(a*Math.abs(i-19)+10*t)))

Dec 28 2017 4:25 PM UTC

}// 135/140

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

u/Xen

cool idea
u/joeytwiddle

#water #drop #waves

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

c.width=-1
for(q=j=8;j++<21;T=65+~(t/6)%5*9)for(i=300;i-=2;x.clearRect(i,Y,1,1))x.fillRect(i,Y=j*5+(h=C(i/T)*35+(q+=S(i/j))),j/7,S(t)+T/2-h)

Apr 29 2018 10:22 AM UTC

}// 140/140

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

Remote Islands

u/iverjo

Cool! After a while it shows multiple groups of islands
u/iverjo

#water #islands #landscape
u/BuRRak

Making of coming soon i hope
u/donbright

#art

show FPS hide FPS share fullscreen

yonatan

remix of d/6408 by u/yonatan

function u(t) {

t?x.d=x.drawImage:c.width=w=256
x.d(c,-2,1,260,2e3)
for(i=0;i++<w;x.fillRect(i,0,1,1))x.fillStyle=R(r=150+t*i**4%w,r,w)
x.d(c,-9,31,374,700)

Jan 25 2018 2:08 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/magna

Nice!
u/joeytwiddle

JSConf Asia approves!
u/yonatan

#water #waterfall
u/sigveseb

Pretty sweet

dwitter.net | #water