Dweets awesomed by u/rhys5584

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: #Food

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 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

recursive

function u(t) {

for(c.width&=Y=-64;++Y<64;)for(X=-64;++X<64;x.fillRect(960+X*(12+Y/10),540+Y*8-q,32,32))x.fillStyle=R(q=C((X**2+Y**2)**.5/4+t*8)*64+128,q,q)

Mar 8 2017 5:53 AM 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/sfz

wow
u/Renaud___

Impressive
u/SpecialAgent

Excellent
u/sigveseb

Now we are talking! Very nice indeed.
u/FireFly

Sweeet :D
u/nick

tight
u/iverjo

Smooth!
u/katur

rocks!

show FPS hide FPS share 1 remix fullscreen

iverjo

remix of d/1791 by u/Run

function u(t) {

t*=4;c.width*=1;for(i=0;i<1550;i++)x.fillRect(X=i+S(t+i)*300,400+200*C(t+i)+200*S(X/300+t),50,50),x.fillStyle=`hsl(${X/7+t*90},80%,50%)`

Mar 2 2017 10:53 PM UTC

}// 136/140

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

u/donbright

the happiest sandworm on dune
u/iverjo

#worm
u/iverjo

#colors #rainbow
u/iverjo

#sine

show FPS hide FPS share 1 remix fullscreen

kchplr

remix of d/1396 by u/kchplr

function u(t) {

for(c.width^=0,i=3e3;i--;e=S(t*.7)/50,z=99+S(i*2+r*e)*600,y=S(C(i+t)),x.fillRect(1e3*(1+y),r*2.5+400+z*y/2,y*8,y*7))r=i/30

Mar 2 2017 12:45 PM UTC

}// 122/140

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

Exactly the same as the original but with 11 less characters. Thanks to u/sigveseb/ for one of the tricks.

show FPS hide FPS share fullscreen

sfz

remix of d/672 by u/aemkei

function u(t) {

for(c.width=874,b=[d=this.b||0],i=5e3;i--;x.fillText(b[i]=d?a==3|d[i]&a==2:i%7%2,i%96*9,i/9))for(a=0,j=5;e=93*(2<j--)+j;)a+=d[i+e]+d[i-e]

Mar 1 2017 7:18 PM UTC

}// 137/140

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

Life in Bits

show FPS hide FPS share 1 remix fullscreen

Bombo

function u(t) {

l=300;w=c.width=1920;g=(a,b,y,z)=>x.fillRect(w/2+a,w/4+b,y,z);for(i=180;i--;)g(i+l*C(t+i*2),l*S(t*5+i),9,9),g(l*C(t+i*2),l*S(t*5+i),9,9)

Feb 28 2017 7:36 PM UTC

}// 136/140

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

u/5Mixer

Woah this is really cool. Sometimes it appears to be going in the reverse direction, because your eyes have no way of knowing, dope!

show FPS hide FPS share fullscreen

Jenky

function u(t) {

c.width=320;d=new Date/1e3;r=9
a=v=>{x.beginPath();x.lineWidth++;x.arc(160,90,9*r--,0,v*.1047);x.stroke()}
a(d%60);a(d/60%60);a(d/3600%12*5)

Feb 28 2017 7:10 AM UTC

}// 140/140

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

OS-time Arc Clock

u/donbright

love it!

show FPS hide FPS share 2 remixes fullscreen

Renaud___

function u(t) {

l=c.width+=i=0;h=400;for(;++i<200;)for(j=a=(t+C(i))%2;j++<50;)x.fillRect(l*C(i*i)+~~a*(w=a*h-h)*C(j),(~~a?h:a*h)*(C(i)*C(i)+2)+w*S(j)/4,3,3)

Feb 27 2017 12:09 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/HeyJD

This looks amazing. Great job.
u/Renaud___

Thanks :)
u/khalkeus

this is super neat
u/iverjo

Wow!
u/lionleaf

Brilliant!
u/tbroadley

Sweet!
u/donbright

OMG OMG OMG OMG
u/ninerdelta

mind blown
u/sfz

(((does we're not worth bow)))
u/Kalanchoe

That's so beautiful!
u/spbyrne

Incredible
u/Renaud___

wow ... thanks again for all the nice reviews :)
u/punkhaa

mice
u/punkhaa

*nice
u/gormisdomai

I joined this site for this kind of thing
u/lionleaf

On mobile you can tap at different locations for different colors
u/lionleaf

Haha, oops, that comment was for another dweet. This still remains one of my favorites!!
u/sigveseb

golfed to 137: for(l=c.width+=i=0,h=400;++i<200;)for(j=a=(t+C(i))%2;j++<50;)x.fillRect(l*C(i*i)+~~a*(w=a*h-h)*C(j),(~~a?h:a*h)*(C(i)**2+2)+w*S(j)/4,3,3)
u/FireFly

Eternal rains will come… I really like this one, very pretty!
u/zhanglongdream

啊啊啊
u/leonarven

It was really nice to solve the secret of this code! Such simple, but such brilliant! Good job!
u/sb

My favorite
u/arowberry

I love it. Reminds me of my Seattle days.
u/21medals

What does ~~ do? Like in (~~a?h:a*h)
u/Renaud___

It work as a math.floor. actually there is a difference but i dont remember how exactly
u/Renaud___

Dunno what changed in Chrome recently, but now this animation is very very slow :(
u/hollo47

#rain
u/noonat

~ is a bitwise not. It flips all the bits in the number to the opposite. Flipping again (~~) puts the bits back to what they were. It works does something similar to floor because it truncates floats to 32-bit integers as part of the operation. (But unlike floor, ~~-2.1 is -2 instead of -3.)
u/rbong

I did a detailed analysis of this effect in a medium post: https://medium.com/@r.l.bongers/visual-effec…
u/vain

cool raindrop fx

show FPS hide FPS share fullscreen

scottglz

function u(t) {

x.transform(1.01,-.001,.001, 1.01,-.5,-.5);b=(S(t*4)*50)+99; x.fillStyle=R(b,b,b);(''+u).split(' ').forEach((v,i)=>x.fillText(v,16,58+i*10))

Feb 24 2017 11:53 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/Lazy1337

#quine

dwitter.net | rhys5584 (4897)