Dweets awesomed by u/saschavoid

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

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 fullscreen

tomkh

function u(t) {

for(c.width=i=1920;i--;){for(h=63&i,v=i>>6,e=k=g=30;k--;)r=S(k-t)+1-h/g,d=C(3*k+t)+1-v/g,d=d*d+r*r,e=e>d?(s=k,d):e;x.fillRect(h*g,v*g,s,s)}

Mar 5 2017 7:47 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/sfz

What alchemy is this?
u/tomkh

just a brute-force Voronoi Diagram
u/donbright

WOWWWWW
u/magna

How in the ...
u/Xen

131bytes: for(c.width=i=1920;i--;x.fillRect(h*g,v*g,s,s))for(h=63&i,v=i>>6,k=e=g=30;k--;e=e>d?(s=k,d):e)d=C(3*k+t)+v/g,d=d*d+r*(r=S(k-t)+h/g)
u/Xen

131bytes: for(c.width=i=1920;i--;x.fillRect(h*g,v*g,s,s))for(h=63&i,v=i>>6,k=e=g=30;k--;e=e>d?(s=k,d):e)d=C(3*k+t)+v/g,d=d*d+r*(r=S(k-t)+h/g)

show FPS hide FPS share 1 remix fullscreen

tomkh

function u(t) {

for(c.width=i=1920;i--;){for(g=30,h=63&i,v=i>>6,e=g,k=20;k--;)r=S(k-t)+1-h/g,d=C(3*k+t)+1-v/g,e-=1/(d*d+r*r+.02);x.fillRect(h*g,v*g+99,e,e)}

Mar 5 2017 7:34 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/FireFly

Sweet! I need to read up on how to metaballs
u/SpecialAgent

Nice!
u/donbright

great!!!
u/iverjo

Impressive!
u/iverjo

#metaballs
u/vain

This looks so fucking cool! Unbelievable this is produced by only 140 chars of code

show FPS hide FPS share fullscreen

FireFly

function u(t) {

if (!t) x.translate(X=960, 540)
x.fillStyle = 'hsl('+t*20+',90%,50%)'
x.fillRect(0, 0, X/t, X/t)
x.strokeRect(0, 0, X/t, X/t)
x.rotate(16/t)

Feb 28 2017 5:40 PM UTC

}// 140/140

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

Rainbow flower

u/SpecialAgent

so pretty. good use of translation.

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

tbroadley

function u(t) {

c.width^=0;for(i=3;i++<11;)a=i*S(t)/4,x.beginPath(),x.arc(960,540,40*i,Math.min(t+a,t+3*a),Math.max(t+a,t+3*a)),x.lineWidth=i*i/5,x.stroke()

Feb 26 2017 5:40 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/sfz

sweet loader
u/Kalanchoe

mesmerizing!
u/Tosmatobeef

This is my favorite kind of loading animation
u/iverjo

#loading

show FPS hide FPS share fullscreen

Pyrofoux

function u(t) {

x[f="font"]=g="140px A",n=Array(9).join(0/0);7-(t=~~t%8+1)?x[h="fillText"](n,0,t<<8)+(5-t||x[h]("🦇",874,560,c.width^=0,x[f]=g)):c.width^=0

Feb 25 2017 2:41 PM UTC

}// 138/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/iverjo

Haha, I believe this is a reference to "wat" ^^
u/andres

Is this broken because of the emoji?
u/kaicarver

NaNNaN NaNNaN NaNNaN NaNNaN BATMAN!! :-) https://youtu.be/EtoMN_xi-AM
u/iverjo

3:31 in this video: https://www.destroyallsoftware.com/talks/wat
u/sigveseb

:D
u/Kalanchoe

Haha, nice reference! For those who see boxes, it's supposed to be a bat emoji (U+1F987)
u/d0n.key

I actually wanted to type "BATMAAAAN!!!" in the comments, but jokes on me...

show FPS hide FPS share 8 remixes fullscreen

iverjo

remix of d/104 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*7+S(i*4+t+S(t)),x.lineWidth=s*s,x.arc(960,540,s*49,j,j+.6),x.stroke()

Feb 24 2017 6:47 PM UTC

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

my hat goes off to you sir!
u/Kalanchoe

That's unbelievable
u/iverjo

Try this one in fullscreen for a more immersive experience
u/Niklas

impressive!
u/donbright

:)
u/aendrew

This is incredible.
u/vonzo

reminds me to Gescom <3
u/hvge

http://www.pouet.net/prod.php?which=3397 ❤️
u/badthai

How did you come up with this?
u/iverjo

@badthai: First I made a classic tunnel effect (like this: https://www.dwitter.net/d/205). Then I made several remixes of it by tweaking parameters. This was one of the results. See also https://www.dwitter.net/d/106
u/iverjo

#tunnel
u/vain

cool segmented tunnel fly

show FPS hide FPS share 17 remixes fullscreen

jczimm

function u(t) {

c.width=1920;
for(i=0;i<300;i++)for(j=0;j<6;j++){x.fillRect(960+200*C(i)*S(T(t/1.1)+j/i),540+200*S(i),10,10)}

Feb 22 2017 5:23 PM UTC

}// 109/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/sigveseb

Very stylish!
u/ninerdelta

nice!
u/Kalanchoe

truly a compact loading spinner!
u/jczimm

Thanks!
u/serko

Any way to view this fullscreen on an iPhone?
u/tischler

Awesome. Negating t makes it more aerodynamic. =)
u/Valscor

This is so cool!
u/over

This would be an amazing loading animation !
u/katkip

This is so easy to make and it has 297 likes
u/Leodude123

ねあt
u/Leodude123

Neat!
u/Scaledish

Could I use this as a animation for my site?
u/jczimm

Yes! Consider it CC0-licensed

show FPS hide FPS share fullscreen

New_Core

remix of d/630 by u/New_Core

function u(t) {

for(a=i=629;i--;)s=99/(b=-a+(i+t*60)%a),X=a*S(i*99)*s+1e3,Y=a*C(i)*s+500,i<628?b+=a:(X=Y=0,s=a),x.fillStyle=R(b,b,b),x.fillRect(X,Y,s*9,s*9)

Jan 20 2017 9:28 AM UTC

}// 140/140

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

for a smoother start

u/donbright

bravo
u/iverjo

#stars #starfield

dwitter.net | saschavoid (2068)