Dweets awesomed by u/ninerdelta

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

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

HeyJD

function u(t) {

c.width^=0;r=480;for(θ=44/7;θ>0;θ-=.7/(C(t)+1))for(φ=p=11/7;φ>-p;φ-=1/r)x.lineTo((C(t)*S(φ)-S(t)*C(φ)*S(θ))*r+r*2,C(φ)*C(θ)*r+r);x.stroke()

Feb 26 2017 5:46 PM UTC

}// 140/140

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

You can change the ".7" number to be a lower number like .2 to increase the number of segments in the sphere.

u/donbright

brilliant

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

iverjo

remix of d/379 by u/iverjo

function u(t) {

c.width=960;for(i=2e3;i--;)x.fillRect(480+460*S(d=i/42)*S(b=2.79*i+t),270+160*(C(d)+T(t/9+d)),s=7/(S(d)*C(b)+2),s)

Feb 24 2017 6:41 PM UTC

}// 114/140

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

u/donbright

great 3d effect
u/iverjo

Thanks :)
u/hamptonio

really nice
u/5Mixer

Epic!

show FPS hide FPS share 4 remixes fullscreen

paberr

remix of d/1053 by u/paberr

function u(t) {

w=1920;h=1080;k=window;m=10;l=Math.random;x.fillRect(k.b=(((k.b||(w/2))+(l()>.5?m:-m))%w+w)%w,k.g=(((k.g||(h/2))+(l()>.5?m:-m))%h+h)%h,m,m)

Feb 23 2017 7:00 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/Kalanchoe

wow! here's a 103 byte version if you want to add color or something: w=1920;h=1080;f=()=>Math.random()>.5?10:-10;t?x.fillRect((b+=f()+w)%w,(g+=f()+h)%h,10,10):(b=w/2,g=h/2)
u/iverjo

Looks like this dweet is getting "awesomed" a lot due to an exploit in another dweet
u/lionleaf

#random #walk #random_walk
u/taupelink

#randomwalk

show FPS hide FPS share fullscreen

iverjo

remix of d/464 by u/iverjo

function u(t) {

for(j=1080;j--;){a=b=0;for(k=35;k--&&a*a+b*b<4;a=c)c=a*a-b*b+t*6e-10-1,b=Math.abs(2*a*b)+j/1e11-1;x.fillRect(t*60,j,1,S(k/9))}

Feb 23 2017 5:10 PM UTC

}// 126/140

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

Burning ship fractal. Feel free to play with the parameters to find other interesting locations in the fractal

show FPS hide FPS share fullscreen

ninerdelta

remix of d/941 by u/ninerdelta

function u(t) {

c.width=1920; /* clear the canvas */
x.fillRect(960+C(t)*300,400+S(t)*300,50*S(t)+50*C(t),50*S(t)+50*C(t))

Feb 23 2017 4:37 AM UTC

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

ninerdelta

function u(t) {

c.width=1920; /* clear the canvas */
for(i=0;i<1;i++)
x.fillRect(960+C(t)*300,400+S(t)*300,50*S(t)+50*C(t),50*S(t)+50*C(t))

Feb 23 2017 1:09 AM UTC

}// 123/140

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

dwitter.net | ninerdelta (1566)