Dwitter - javascript demos in 140 characters

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 fullscreen

Xen

remix of d/10785 by u/alice-mx

function u(t) {

x.beginPath(q=t*91%1e3
);x.fillStyle=`hsl(${t*15%360},50%,50%)`;x.arc(C(q/6.2)*q+960,S(q/6.2)*(q)+560,2+q/25,0,7);x.fill();

Oct 31 2018 7:21 AM UTC

}// 124/140

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

u/alice-mx

love the spacing on this, it's way more pleasing

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/10757 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(j=56;j--;x.fillRect(i,j,1,1))x.fillStyle=R(q=(S(j*j+i/j-t*9)+C(j**3-i/j*6+t)**3)*j+i,q+=i,q)

Oct 29 2018 8:54 PM UTC

}// 118/140

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

u/iverjo

#water
u/jdspugh

Very realistic

show FPS hide FPS share fullscreen

rbong

function u(t) {

for(X=960;X--;x.fillStyle=`hsl(${(t+k)*25},99%,50%)`,x.fillRect(X*2,t%9*120,2,2))for(r=i=0,k=45;--k/r;i=j)j=2*r*i+1-t%9/54,r=r*r-i*i-X/4800

Oct 28 2018 8:38 PM UTC

}// 139/140

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

Scanline Rainbow Mandelbrot Section

Show more comments…
u/rbong

I've spent quite a bit of time now trying to get a faster, more detailed mandelbrot set or other interesting fractal that hasn't been done in fewer characters. This has included exploring obscure fractals like those generated from polynomial roots, using image data as storage or other memoization, and the dweet earlier that used WebAssembly with a new compression technique. I'll keep exploring these ideas, but this experiment bore the quickest result. #fractal #mandelbrot #scanline #rainbow
u/rbong

Oh yeah, I also tried MAndelbrot perturbation. It's pretty expensive for these purposes but I might be able to do something similar.
u/Xen

Love it!
u/tomxor

I'd love to see more fractals, especially more esoteric ones, keep up the good work rbong.
u/katkip

Great job bro!! I love this one!
u/lionleaf

Amazing!
u/iverjo

#slow_render

show FPS hide FPS share fullscreen

veubeke

remix of d/4877 by u/veubeke

function u(t) {

s = (c.width=1920/(t+1)|0)/32
for(i = 576; i--;)
 x.setTransform(s, 0, 0, s, i%32*2*s, (i>>5)*2*s),
 x.fill(new Path2D('M1 0L2 1L1 2L0 1'))

Oct 31 2018 7:39 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 FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10686 by u/f8f82804

function u(t) {

c.width^=i=0;for(y of'0111111210121012')x.lineTo(960+y%2*S(p=t+1.257*'0012340010203040'[i++])*(z=1600/(3+y%2*C(p))),y*z);x.fill('evenodd')

Oct 31 2018 6:32 PM UTC

}// 138/140

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

#d3 #perspective #decahedron -- this is a #pentagonal #bipyramid

u/f8f82804

thanks to u/pavel for the suggestions that made this possible!

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10806 by u/pavel

function u(t) {

c.width=480;for(k=5;k--;)for(n=7;n--;x.lineTo(240+300*r*S(p)/z,240*(n<4?n:6-n)/z))r=n%3>0,z=3+r*C(p=t+(n<4?n:n-4)/1.6+1.26*k);x.stroke()

Nov 1 2018 5:01 PM UTC

}// 136/140

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

#wireframe #d3 #perspective #decahedron #d10

u/f8f82804

#pentagonal #trapezohedron

show FPS hide FPS share fullscreen

pavel

remix of d/10753 by u/alice-mx

function u(t) {

for(a=Math.abs,c.width|=j=440;j--;x.fillRect(((j>>1)%20+s*P)*99,((j/40|0)+s*Q)*99,50,50))s=(j%2-.5)/2/Math.max(a(P=C(t)),a(Q=S(t)))

Oct 29 2018 6:56 PM UTC

}// 131/140

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

u/anotherkitten

dang your version is a lot better than mine, nice
u/katkip

wait what... i dont understand xD. nice

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.width*=1;for(i=9;i--;)x.fillRect(400+i*100+S(t)*300,400,50,200),x.drawImage(c,i*5,-i*Math.abs(S(t))*10)

Oct 31 2018 2:10 PM UTC

}// 105/140

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

Dwitter Popularity right now be like. #d3 chart.

u/katkip

Actually #default

show FPS hide FPS share 1 remix fullscreen

anotherkitten

function u(t) {

for(c.width|=s=i=60;i--;)for(j=20;j--;)i+j&1&&x.fillRect(s*(i-t%1*(j&1)*(p=t*2&2)),s*(j-(t%1*(j+1&1)*2*!p)),s,s)

Oct 29 2018 10:11 PM UTC

}// 112/140

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

weaving checkers

u/anotherkitten

idea from looking at the dweets of u/alice-mx
u/anotherkitten

u/pavel beat me to it rip
u/pavel

Yours makes for a better illusion because any given square eventually walks off-screen. In mine each square follows a small closed path.
u/pavel

I combined best of both into d/10768

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10800 by u/Xen

function u(t) {

c.width|=i=0;for(y of'0111111210121012')x.lineTo(1e3+y%2*S(p=t-2.5*'0012340010203040'[i++])*(z=1600/(3+y%2*C(p))),y*z);x.fill('evenodd')

Oct 31 2018 8:26 PM UTC

}// 136/140

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

#pentagram -- technically a pentagrammic star dipyramid

u/f8f82804

#d3 #perspective