Dweets awesomed by u/RomanW

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 fullscreen

magna

remix of d/2648 by u/New_Core

function u(t) {

for(x.fillRect(x.globalAlpha=0.05,0,i=w=2e3,w);i-=4;)s=99/((i+t*99)%w-w),x.clearRect(w*S(i*99)*s+1e3,w*C(i)*s+500,s*9,s*9)

May 2 2017 3:57 AM UTC

}// 122/140

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

u/MrM@_S

you missed the 0.05, it can be a .05
u/magna

Gah! I was playing around with numbers and left it there I guess :)
u/iverjo

#stars #starfield

show FPS hide FPS share fullscreen

saschavoid

remix of d/1231 by u/iverjo

function u(t) {

c.width^=0;for(i=9;i<2e3;i+=2)s=3/(9.1-(t+i/99)%9),x.beginPath(),j=i*64+S(i/1e4+t),x.lineWidth=s*s,x.arc(960,540,s*49,j,j+.6),x.stroke()

Apr 28 2017 9:22 PM UTC

}// 136/140

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

Do not dwell on it if drunk.

u/iverjo

#tunnel

show FPS hide FPS share fullscreen

aemkei

remix of d/2554 by u/cantelope

function u(t) {

for(c.width|=i=99;i--;)for(j=40;j--;x.fillRect(i*J-C(t),J*9-C(i/4-t)*J,9,9))J=800/j

Apr 24 2017 8:31 PM UTC

}// 83/140

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

Just a super reduced of @cantelope's awesome wave animation.

u/aemkei

"reduced version" ;)
u/cantelope

:O
u/aemkei

@p01 made it even shorter: https://www.dwitter.net/d/2571 (66 bytes!)

show FPS hide FPS share 3 remixes fullscreen

cantelope

function u(t) {

cx=(c.width|=0)/2,cy=340
for(i=99;i--;)for(j=59;j--;)X=i/2-25-C(t)*2,Y=3+S(i/5)*S(j/5+t*3),x.fillRect(cx+1/j*X*cx,cy+Y/j*cx,s=99/j,s)

Apr 22 2017 6:28 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/innovati

🌊🏄
u/joeytwiddle

Beautiful
u/cantelope

innovati, i can't tell what those emojis are. lel.
u/Renaud___

great

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2420 by u/magna

function u(t) {

c.width|=0;for(j=9;j--;)for(i=100;i--;s=S(t),X=i%5+j*10+s*30,Y=i/5|0,S(Y+t*7)/4<Math.random()&&x.fillRect(400+X*10,400+Y*10,10,10));

Apr 18 2017 4:06 AM UTC

}// 132/140

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

#default #noise

u/iverjo

#random

show FPS hide FPS share fullscreen

donbright

remix of d/2025 by u/@literallylara

function u(t) {

c.width^=0
onmousemove=e=>T=e.pageX/42
R=_=>S(s)+(S(s++)>0?0:2)-1
for(s=i=H=540;i--;)x.lineTo(1e3+(R()*C(T)-R()*S(T))*H,H+R()*H)
x.stroke()

Apr 10 2017 11:40 PM UTC

}// 139/140

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

homage to @literallylara 's 2025 with mouse.. (please try moving your mouse over screen)

u/donbright

thanks 2 @cantelope / @manga for T trick, @Jenky for mouse inspiration
u/joeytwiddle

I like the interactivity, and Firefox support. And one of the tricks is really going to save me some characters!
u/gabrielsroka

#interactive

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/2394 by u/Jenky

function u(t) {

t||(w=c.width=568)
with(x)onmousemove=e=>lineTo(X=e.pageX,Y=e.pageY),fillStyle=R(Y,X,Y,.2),fillRect(0,0,w,w),beginPath(stroke()),moveTo(X,Y)

Apr 6 2017 2:13 AM UTC

}// 140/140

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

If you set canvas.width to client.width, you can remove the bit that fixes the mouse position. This one only works at the default width (not fullscreen) because I had to hard-code the canvas width to make room for the fade effect. Nesting stroke inside beginPath saved 1 crucial byte. :)

u/cantelope

canvas.clientWidth rather
u/cantelope

i will give 3 gold stars to anyone who can fix the initial "Y is not defined" error :D
u/magna

Since your dweet doesn't use trig, we can hijack C and S as declared variables: https://www.dwitter.net/d/2429
u/magna

Can save another 2 bytes by: R(Y,X,fillRect(0,0,w,w),.2,beginPath(stroke()),moveTo(X,Y))

show FPS hide FPS share fullscreen

aemkei

function u(t) {

c.width^=0;for(Y=12;Y--;)for(X=12;X--;)(1<<X)&[,396,82,66,76,80,76][Y]||x.fillRect(1190-X*50+S(t+X/10)*30,700-Y*50+C(t*3+X/4)*30,36,36)

Mar 10 2017 7:55 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/donbright

lol i salute this flag
u/joeytwiddle

#flag
u/atgz

#logo

show FPS hide FPS share 1 remix fullscreen

netgrind

function u(t) {

function W(p){return S(p+t*9)*99+157}
for(i=0;i<1920;i+=8){for(j=0;j<1080;j+=8){p=i*j
x.fillStyle=R(W(p*.2),W(p*.1))
x.fillRect(i,j,8,8);}}

Mar 9 2017 10:33 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/donbright

very smooth
u/sigveseb

Dweet number 2000 \o/

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

dwitter.net | RomanW (4169)