Dweets awesomed by u/geb

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

New_Core

function u(t) {

c.width=1920;for(i=16;i--;)x.ellipse(1e3+300*S(t+i*.1),500+50*C(t+i*.1),160*S(-i*.5)+160,50*S(i*.1)+5,1.6+.5*S(t*.5),9.5,0,6.3);x.stroke();

Mar 3 2017 3:31 PM UTC

}// 139/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 creative!
u/sfz

reduced it by about 15 bytes in case you want to try to do something else with the extra room: c.width|=0;for(i=16;i--;)x.ellipse(1e3+300*S(t+i/9),500+50*C(t+i/9),160*S(-i/2)+160,50*S(i/9)+5,1.6+S(t)/2,9,0,7);x.stroke()
u/iverjo

So good!
u/sigveseb

is that a pseudo-3D fish? super nice!
u/donbright

marvellous
u/magna

WAAAAT
u/SpecialAgent

Magnificent depth!
u/joseprio

Really impressive :)
u/Kalanchoe

Amazing!
u/ArtsyBiker1

WHOA
u/gautjac

beautiful
u/21medals

Reduced it ±20 bytes and added beginPath() without changing any values:
u/21medals

for(c.width|=i=16;a=i--/10;x.stroke())x.beginPath(),x.ellipse(1e3+300*S(t+a),500+50*C(t+a),160*S(-i/2)+160,50*S(a)+5,1.6+S(t/2)/2,9.5,0,6.3)
u/New_Core

#fish
u/joeytwiddle

#model
u/Cloud

https://www.dwitter.net/d/17352
u/vain

incredible 3d fish

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

t||x.translate(X=960,540,c.onmousemove=e=>X=e.offsetX);for(i=80;i--;x.rotate(8))x.fillStyle=`hsl(${X},80%,${i}%)`,x.fillRect(i,S(t)*960,i,i)

Feb 28 2017 9:39 PM UTC

}// 140/140

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

Interactive demo! Move your mouse to change colour!

Show more comments…
u/FireFly

Thanks to veubeke and p01 for golfing tips :)
u/lionleaf

Oh wow! That's amazing
u/sigveseb

really nice!
u/iverjo

Sick!
u/profit

really cool!
u/lionleaf

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

ridiculously awesome
u/SpecialAgent

Excellent! And packed full of useful technical tricks, double whammy!
u/Xen

Done Re-mi(X)en
u/jaemiejaemie

borrowed the code used for capturing the mouse x on #4296, thank you
u/iverjo

#interactive
u/lionleaf

#spiral

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

pstefanlarsson

function u(t) {

c.width=1920;
for(i=0;i<100;i++){
a = i % 10;
b = Math.floor(i / 10);
x.fillRect(600+a*80, 140 + b*80, 60*C((a+b+1)*t), 60*S((a-b)*t))
}

Feb 28 2017 7:06 AM 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

Woa trip. I love the patterns it makes.

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

hamptonio

remix of d/123 by u/icecuber

function u(t) {

t?i++:i=0;for(j=1e3;j--;){a=b=0;k=256;for(;k--&&a*a+b*b<4;)c=a*a-b*b+i/1e4,b=2*a*b+j/1e4+.6,a=c;x.fillRect(i,j,1,S(k))}

Feb 26 2017 9:48 PM UTC

}// 119/140

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

u/iverjo

Worth the wait
u/hamptonio

Yeah its pretty damn slow.
u/KHymatim

Mmmmm
u/iverjo

#fractal

show FPS hide FPS share 1 remix fullscreen

kchplr

function u(t) {

for(c.width^=0,i=1296;i--;X=i%48,Y=i/48|0,d=1-((X-24)*(X-24)+(Y-13)*(Y-13))/300,s=(200*S(t*C(d))*d*d)%45,x.fillRect(X*40-s/2,Y*40-s/2,s,s));

Feb 26 2017 3:48 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

I like this!
u/Kalanchoe

Somewhat reminds me of Halite: halite.io
u/iverjo

Nice technique!
u/KHymatim

Mmmmm

show FPS hide FPS share fullscreen

khalkeus

function u(t) {

w=960;h=540;c.width=w*2
for(i=0;i<99;i++){
x.fillRect(C(i)*C(t)*w+w,S(i)*S(t)*h+h,9,9)
x.fillRect(S(i)*S(t)*w+w,C(i)*C(t)*h+h,9,9)}

Feb 24 2017 10:23 PM 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 1 remix fullscreen

SpecialAgent

function u(t) {

a=1103515245,c=12345,m=0x7fffffff,z=t;for(i=111;i--;)z=((a*z+c)%m),g=z&0x3fffffff,z=((a*z+c)%m),h=z&0x3fffffff,x.fillRect(g%1e4,h%1e3,9,9)

Feb 24 2017 8:19 PM UTC

}// 138/140

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

A pseudo-random number generator. The parameters you see is used in glibc, it gives a good visual on distribution. If you changed m=0x80000000 (m as used in IBM's C/C++) you will quickly see a bias in the randomness. Oh the irony! Here are some other popular parameters you can try: Borland C/C++: a=22695477,c=1,m=0x100000000 Turbo Pascal: a=134775813,c=1,m=0x100000000 Visual Basic 6: a=1140671485,c=12820163,m=0x1000000 Java: a=25214903917,c=11,m=0x1000000000000 Many more: https://en.wikipedia.org/wiki/Linear_congrue… 🕶

Show more comments…
u/iverjo

This is the probably the best PRNG dweet thus far
u/sigveseb

cool stuff
u/issafly

fullscreen it and stare into it like one of those stereograms for the extra special good.
u/SpecialAgent

thanks folks! also the speed is crippled for dramatic effect, change the loop to "for(i=1e3;i--;)" for turbo mode.
u/iverjo

Speaking of stereograms, it would be cool if anyone could create a stereogram dweet
u/SpecialAgent

Sorry for the malformed link to wikipedia, here is the corrected URL: https://en.wikipedia.org/wiki/Linear_congrue…

show FPS hide FPS share 3 remixes fullscreen

iverjo

remix of d/89 by u/iverjo

function u(t) {

c.width^=0;for(i=5e3;i--;)p=3*t+S(t/2)*i/3e3+i%4/.637,d=C(p)-S(p),d>0&&x.fillRect(960+199*S(p)+249*S(t/.7+i/6e3),i/4-2,199*d,1/(d+1))

Feb 24 2017 6:50 PM UTC

}// 133/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/SpecialAgent

nicely done!
u/Kalanchoe

Flawless!
u/donbright

oh wow, the shading!
u/sigveseb

Good twister! Can we add color?
u/iverjo

Color would be awesome :) Feel free to try to add it
u/sigveseb

https://www.dwitter.net/d/1267 red
u/iverjo

Here's a purple version. Had to make some compromises. https://www.dwitter.net/d/1278
u/donbright

i attempted a rainbow version https://www.dwitter.net/d/1282
u/iverjo

#twister
u/vain

nice twister

dwitter.net | geb (19014)