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

sfz

function u(t) {

c.width|=0
if(!t)r=new XMLHttpRequest(),r.open('GET','//cors-test.appspot.com/test',1),r.send()
x.font=t+'em a'
x.fillText(r.response,0,500)

Feb 26 2017 12:03 AM UTC

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

Kalanchoe

function u(t) {

g=(j)=>(1-(D&2))*(j^D&1);t?(i=x.getImageData(X+=g(0),Y+=g(1),1,1),D+=(i.data[3]^=255)?1:3,x.putImageData(i,X,Y)):(c.width=198,X=99,Y=56,D=0)

Feb 24 2017 4:41 AM UTC

}// 140/140

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

Langton's ant! Initial settings (c.width=198,X=99,Y=56,D=0) can be changed. D%4 = direction where 0,1,2,3 correspond to down,right,up,left.

u/Kalanchoe

Faster version: speed=40;g=(j)=>(1-(D&2))*(j^D&1);while(speed-->0)t?(i=x.getImageData(X+=g(0),Y+=g(1),1,1),D+=(i.data[3]^=255)?1:3,x.putImageData(i,X,Y)):(c.width=198,X=99,Y=56,D=0)
u/donbright

brilliant!

show FPS hide FPS share fullscreen

RobinLinus

function u(t) {

c.width=w=1920;h=1080;d=60;for(q=0;q<w;q+=d*2){for(e=0;e<h;e+=d*2){x.fillStyle=R(0,99,0,C(t+q+e));o=(d*C(t+q));x.fillRect(q+o,e-o,d+o,d+o)}}

Feb 23 2017 7:22 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 FPS hide FPS share fullscreen

jasonbdly

function u(t) {

d=x.createImageData(w=c.width=256,144)
d.data.map((v,i,a)=>{a[i]=(i/.01%w-128)**2*C(t)**2-(i/2/w+32)**1.5*S(t)*S(i)});x.putImageData(d,0,0);

Feb 23 2017 6:31 AM UTC

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

gormisdomai

remix of d/1194 by u/gormisdomai

function u(t) {

c.width=1920;
for(i=0;i<50;i++)
x.fillRect(950+T(t+i)*900, 0, 20, 2000)
for(i=0;i<50;i++)
x.fillRect(0, 350+T(t+i)*900, 2000, 20)

Feb 24 2017 3:32 PM UTC

}// 129/140

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

"Dislocation #4"

show FPS hide FPS share fullscreen

Flexi23

function u(t) {

n=24;for(i=0;i<3600;i++){X=i%80;Y=i/80;x.fillStyle=R(S(Math.atan2(U=X-40,V=Y-20)*2+16*t-Math.sqrt(U*U+V*V))*256);x.fillRect(X*n,Y*n,n,n);}

Feb 23 2017 12:09 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 FPS hide FPS share fullscreen

gabrielsroka

remix of d/1364 by u/gabrielsroka

function u(t) {

x.lineWidth=10;e=Math.random
if(t%1<.01)for(i=2e3;i--;)x.strokeStyle=R(e()*255),x.beginPath(),x.moveTo(i,0),x.lineTo(e()*2e3,1e3),x.stroke()

Feb 25 2017 10:58 PM UTC

}// 140/140

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

Written by Casey Reas and Ben Fry. see http://processingjs.org/learning/basic/rando…

u/Purpzie

Cut down by 7 characters: if(t%1<.01)with(x)for(lineWidth=10,e=Math.random,i=2e3;i--;beginPath(moveTo(i,0),lineTo(e()*2e3,1e3),stroke()))strokeStyle=R(e()*255)

show FPS hide FPS share 1 remix fullscreen

bligglenuber

function u(t) {

t*=600
x.globalCompositeOperation='difference'
x.fillStyle=R(255,255,255)
x.fillRect(t%1920,t%1080,100,100)

Feb 24 2017 3:13 PM UTC

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

nilstastic

function u(t) {

c.width=1920;for(i=0;i<200;i++){var y=i*8-100;var xx=900+C(t*5)*200 + C(i+t*2)*400;x.fillRect(xx,y+C(t*5)*100,20,20);}

Feb 22 2017 9:36 AM UTC

}// 118/140

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

u/J2D28U

Woah! It can go both ways depending on which way you concentrate!

show FPS hide FPS share fullscreen

323454

function u(t) {

t=t*10
x.lineTo(Math.abs(S(t))*t*10, Math.abs(C(t))*t*10)
x.stroke()

Feb 24 2017 7:24 AM UTC

}// 68/140

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

u/fson

Like a spider weaving a web.