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

lynn

function u(t) {

W=c.width=99
m=Math.min
for(i=0;i<W;i++)for(y=0;y<W;y++)z=m(y,57-y),x.fillStyle=R(W,9,999*S(m(i,W-i)+z+5*S(z/5+t*4))),x.fillRect(i,y,1,1)

Feb 24 2017 5:03 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/sfz

sexy
u/donbright

very cool rhythym

show FPS hide FPS share 1 remix fullscreen

ursonate

remix of d/855 by u/mxfh

function u(t) {

r=480;c.width=r*4;λ=0;for(φ=a=Math.PI/2;φ>-a;φ-=5/r){λ+=a;x.lineTo(C(φ)*S(λ-t)*r+2*r,(C(t=t+3/r)*S(φ)+S(t)*C(φ)*C(λ-t))*r+r)}x.stroke()

Feb 24 2017 5:13 AM 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

5Mixer

function u(t) {

y=(h=999)/2;i=w=c.width=h*2;
while(i--){x.fillStyle=R(i/7,(w-i)/7,i)
o=(h-i)%y
l=C(o*4)*(o%(w/(S(t)*9)))
x.fillRect(i,y+S(i/w*9+t)*99,1,l)}

Feb 24 2017 10:28 AM UTC

}// 140/140

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

Some interesting tricks - I use a backwards while loop, not sure if this is shorter. To go from screen width to 256 for colours, I divide by 7. Alot of variable reuse. First one, enjoy heh :)

show FPS hide FPS share fullscreen

gabrielsroka

remix of d/1364 by u/gabrielsroka

function u(t) {

with(x){lineWidth=9;e=Math.random
if(t%1<.01)for(i=2e3;i--;)strokeStyle=R(r=e()*i,r,r,.5),beginPath(),moveTo(i,0),lineTo(e()*i,i),stroke()}

Feb 26 2017 12:16 AM UTC

}// 139/140

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

Based on code written by Casey Reas and Ben Fry. see http://processingjs.org/learning/basic/rando…

u/iverjo

Interesting that you used the "with" operator
u/sfz

with(Math) could be pretty useful
u/gabrielsroka

@iverjo, yeah, not recommended, and may not be supported in future versions of JS, but i needed a few extra bytes

show FPS hide FPS share fullscreen

Niklas

function u(t) {

r=Math.random,!t&&(p={x:960,y:540,c:0,d:0}),p.c+=2*r()-1,p.d+=2*r()-1,p.c*=.9,p.d*=.9,p.x+=p.c,p.y+=p.d,x.fillRect(p.x,p.y,3,3);

Feb 24 2017 4:23 PM UTC

}// 128/140

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

Brownian molecular motion

u/danni

This resembles my signature when the UPS guy visits.

show FPS hide FPS share 1 remix fullscreen

SingingGoat

remix of d/1023 by u/SingingGoat

function u(t) {

x.fillStyle=R(300*C(t),300*S(t),200+S(t));x.fillRect(935+400*S(2*t),540+225*C(t),20,200);x.shadowBlur=20;x.shadowColor="#000";σγ

Feb 23 2017 4:22 PM UTC

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

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