Dweets awesomed by u/and3k5

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 fullscreen

and3k5

function u(t) {

c.width^=0
x.beginPath()
x.lineWidth=10;
for(i=0;i<500;i+=1)
x.lineTo(960+i*3*S(23*S(t/100)*i+t),540+i*3*C(23*S(t/100)*i+t))
x.stroke()

Sep 26 2018 6:01 PM UTC

}// 135/140

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

lines

u/joeytwiddle

related: d/739

show FPS hide FPS share fullscreen

and3k5

function u(t) {

x.fillStyle=R(126+S(t)*126,126+S(t*2)*126,126+S(t*3)*126)
x.fillRect(760+S(t*5)*400,240+C(t*5)*200,400,400) // draw 50x200 rects

Sep 26 2018 4:55 AM UTC

}// 128/140

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

colors

show FPS hide FPS share 2 remixes fullscreen

ETHproductions

function u(t) {

for(i=8192,c.width=128,r=R,R=n=>~-r[i+n]-~r[i-n];i--;(R[i]=p+new Date%9/t/9>=3-r[i]&p<4)&&x.fillRect(i>>6,i%64,1,1))p=R(1)+R(63)+R(64)+R(65)

Sep 25 2018 6:06 PM UTC

}// 140/140

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

Conway's Game of Life in 140b

Show more comments…
u/ETHproductions

Takes a second to get going due to the limitations on how I could kick it off. The 184b version looks much better; I may post it when I'm satisfied with it.
u/aemkei

Nice! #gameoflife
u/and3k5

How do you twist your brain to do this thinking? It's amazing!
u/katkip

That's a huge GOL
u/zanella

My new favourite dweet. :)
u/hells-fargo

i was waiting to find this somewhere on here! :D

show FPS hide FPS share fullscreen

and3k5

function u(t) {

c.width^=0
x.lineWidth=15;
for(i=0;i<1920;i++)
x.lineTo(i,400+S(t+i/127)*200)
x.stroke()

Sep 24 2018 4:49 AM UTC

}// 88/140

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

sine wave

show FPS hide FPS share 2 remixes fullscreen

prplz

remix of d/7871 by u/prplz

function u(t) {

let X,Y,r,q=33
for(Y=q;Y--;)for(X=59;X--;x.fillRect(X*q,Y*q,q,q))x.fillStyle=R(r=(X*C(t)-Y*S(t)^X*S(t)+Y*C(t))<<3&255,r/4,r)

Sep 24 2018 12:37 AM UTC

}// 124/140

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

#purple

show FPS hide FPS share fullscreen

and3k5

function u(t) {

for(i=0;i<60;i++)
for(j=0;j<60;j++)
(x.fillStyle=R((((t+i)*(j^i))^j)%255,0,0,1),x.fillRect(32*i,18*(60-j),32,18));

Sep 24 2018 12:12 AM UTC

}// 114/140

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

fire?

u/katkip

no. hell

show FPS hide FPS share fullscreen

and3k5

function u(t) {

c.width=1920
for(j=0;j<10;j++)
for(i=0;i<((5+S(t+j*8)*4)%11);i++)
x.fillRect(192*j,1030-i*100,180,50)

Sep 23 2018 10:54 PM UTC

}// 102/140

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

fake audio visualiser

u/katkip

haha nice

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

You've reached the end.

dwitter.net | and3k5 (821)