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

tsuhre

remix of d/676 by u/mxfh

function u(t) {

d=x.getImageData(0,0,w=c.width=256,h=144);for(i=0;i<h;i++)for(j=0;j<w;j++)d.data[(i*w+j)*4+3]=(S(t+i*j/8)+S(t/2))*120;x.putImageData(d,0,0)

Dec 4 2017 9:33 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/donbright

woah

show FPS hide FPS share fullscreen

Xen

remix of d/3605 by u/donbright

function u(t) {

X=c.width=1e3;半=666,帧=frame%半;for(i=-帧;i<=帧;i+=7)for(j=-帧;j<=帧;j+=7)蓝=i*i+j*j,x.moveTo(半+i,j),x.lineTo(半+半*S(t)*i*j/蓝,半*i*j*帧/蓝);x.stroke()

Dec 6 2017 9:16 PM UTC

}// 139/140

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

Horror of 7

show FPS hide FPS share 1 remix fullscreen

Xen

function u(t) {

x.fillRect(640,360,640,360),x.drawImage(c,0,0,1920,1080,640*(t%3|0),360*(t%4%3|0),640,360),x.fillStyle=`hsl(${t*99},90%,50%)`

Dec 3 2017 9:23 PM UTC

}// 125/140

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

few seconds sorry :P

u/joeytwiddle

Excellent
u/Xen

Thanks, had to do one lol
u/joeytwiddle

#sierpinski carpet #ifs rendered by image copying (not by dots)

show FPS hide FPS share 1 remix fullscreen

DonKarlssonSan

function u(t) {

k=(p,l,a,b)=>{if(l!=0){var s=p/3;l--;x.fillRect(s+a,s+b,s,s);for(var X=0;X<3;X++)for(var y=0;y<3;y++)k(s,l,a+X*s,b+y*s)}};k(1e3,5,0,0)

Dec 2 2017 9:23 PM UTC

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

yokljo

function u(t) {

x.fillRect(0,0,c.width=w=2e3,w)
n=50
for(j=5*S(t);j<n;j+=1)for(i=0;i<120-j;i++)x.clearRect(n+j*60*S(t/n*j/i),540+C(t/50*j+i)*j*7,i/9,i/9)

Dec 2 2017 12:25 PM UTC

}// 137/140

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

u/Xen

nice :-)
u/donbright

glitter effect is really nice

show FPS hide FPS share fullscreen

zoulei

remix of d/3594 by u/DonKarlssonSan

function u(t) {

k=(p,l,a,b)=>
{if(l!=0){var s=p/3;l--;x.fillRect(s+a,s+b,s,s);for(var X=0;X<3;X++)for(var y=0;y<3;y++)k(s,l,a+X*s,b+y*s)}};k(1e3,5,0,0)

Dec 3 2017 2:47 PM UTC

}// 135/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 fullscreen

Xen

remix of d/3589 by u/yokljo

function u(t) {

for(c.width|=j=n=80;j--;)for(i=0;i<120-j;i++)x.fillRect(n+j*60*S(t/n*j/i),540+C(t/50*j+i)*j*7,j/i,i)

Dec 2 2017 6:39 PM UTC

}// 100/140

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

Shoutz to yokljo.

show FPS hide FPS share fullscreen

tsuhre

function u(t) {

c.width=1920;
  for(i=0;i<1000;i++){
  x.fillRect(960+S(t*i/30)*300*i/100, 540 + C(t*i/30)*300*i/100, 10, 10)
}

Dec 1 2017 9:32 PM UTC

}// 111/140

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

u/donbright

really cool how the number of "arms" from central point, differs to the human mind over time.

show FPS hide FPS share fullscreen

Xen

remix of d/3586 by u/tsuhre

function u(t) {

for(i=1e3;i--;x.fillRect(960+S(t)+S(t*i)*i,540+C(t)+C(t*i)*i,t*t%9+9,t*t%9+9))x.fillStyle=R(i*t*t%255,255/C(t*199/i),i%255,.1)

Dec 1 2017 11:36 PM UTC

}// 128/140

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

u/tsuhre

This is Awesome! Great remix
u/Xen

Thank you
u/donbright

its cool how the alpha blending really makes a difference

show FPS hide FPS share fullscreen

DonKarlssonSan

function u(t) {

k=(p,l,x0,y0)=>{if(l!=0){var s=p/3;l--;x.fillRect(s+x0,s+y0,s,s);for(var X=0;X<3;X++)for(var y=0;y<3;y++)k(s,l,x0+X*s,y0+y*s)}};k(1e3,5,0,0)

Dec 2 2017 8:50 PM UTC

}// 140/140

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

Here is my un-golfed original: https://codepen.io/DonKarlssonSan/pen/xVpyQQ