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 3 remixes fullscreen

fson

function u(t) {

x.strokeStyle = R(5*t, 0, 10*t, 0.01);
x.arc(t*100, (S(t+Math.PI)+1.5)*300, (S(2*t)+1)*100, 0, 2*Math.PI);
x.stroke();

Feb 23 2017 11:35 PM UTC

}// 119/140

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

u/lionleaf

That looks amazing!
u/iverjo

Dope
u/Xen

Remix #2933
u/Xen

Remix #2933

show FPS hide FPS share 2 remixes fullscreen

sfz

function u(t) {

for(w=191,c.width=w,i=0;i<w;i+=6)for(j=0;j<w;j+=9)a=String.fromCharCode(10304+Math.random()*w),x.fillStyle=R(j,w*S(t),i),x.fillText(a,i,j)

Feb 25 2017 1:58 AM UTC

}// 138/140

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

u/donbright

OHHhh man !!! brilliant!

show FPS hide FPS share fullscreen

Renaud___

function u(t) {

c.width=2e3;a=h=f=i=g=600;y=Math.PI/3+t/1e3;while(f++<5*a){for(e=4,z=2;z<a;z*=4)f%z==z/2?e=1:0;i+=e;x.lineTo(g+=C(y*i),h-=S(y*i))}x.fill()

Feb 24 2017 1:20 AM UTC

}// 138/140

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

u/Xen

nice

show FPS hide FPS share fullscreen

5Mixer

function u(t) {

w=c.width=2e3
k=['╚','╔ 	','╝','╗']
x.font="50pt o"
for(n=0;n<800;n++){a=n/20
a-=a%1
x.fillText(k[(a%2*2+n%40+1)%4],(t*99+a*50)%w,n%20*50)}

Feb 25 2017 12:43 PM UTC

}// 139/140

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

Wanted to see if I could use the box ascii characters for something. Drawing text takes up a lot of characters, but it turned out okay :D As a bonus, removing the '+1' on the final line makes the pattern squares!

u/5Mixer

Edit: Nope. Some golfing apparently means that isn't true anymore lol.
u/Xen

w=c.width=2e3,x.font="40pt'";for(n=369;n--;)x.fillText(['╚','╔','╝','╗'][(n/20|0%4*3+n%40)%4],(n*t*t)%w,n%20*50)

show FPS hide FPS share fullscreen

iverjo

remix of d/464 by u/iverjo

function u(t) {

for(j=1080;j--;){a=b=0;for(k=35;k--&&a*a+b*b<4;a=c)c=a*a-b*b+t*6e-10-1,b=Math.abs(2*a*b)+j/1e11-1;x.fillRect(t*60,j,1,S(k/9))}

Feb 23 2017 5:10 PM UTC

}// 126/140

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

Burning ship fractal. Feel free to play with the parameters to find other interesting locations in the fractal

show FPS hide FPS share fullscreen

cucumberOwl

function u(t) {

a=255;f=Math.random;
x.fillRect(960+S(t)*t*20*f(), 540+C(t)*t*20*f(), 5*t, 5*t);x.fillStyle=R(f()*a, f()*a, f()*a)

Feb 26 2017 7:02 PM UTC

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

clawtros

function u(t) {

m=1e3;e=this;X=e.X||0;Y=e.Y||0;for(i=m;i--;){A=S(-.7*Y)-C(2*X),B=S(.5*X)-C(2*Y);x.fillRect(A*m+m,B*m+m,1,1);X=A;Y=B}

Feb 25 2017 7:01 PM UTC

}// 116/140

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

u/donbright

really like the feel of these dot patterns

show FPS hide FPS share 1 remix fullscreen

lionleaf

remix of d/155 by u/lionleaf

function u(t) {

c.width=2e3;m=S(t*7)*250;x.translate(960,540);for(i=1;i<9799;i++){a=(i%340);x.rotate(.017);x.fillRect(a?(i/999|0)*50:0,m,a?5:450,9)}

Feb 25 2017 6:35 PM UTC

}// 132/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 2 remixes fullscreen

gabrielsroka

function u(t) {

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

Feb 25 2017 6:11 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…

show FPS hide FPS share fullscreen

dyb

function u(t) {

c.width=20; /* clear the canvas */ for(i=0;i<125;i++) x.fillRect(-5000+i*66+C(t)*1000, 0, 50, 1000) /* draw 50x200 rects */

Feb 25 2017 5:55 PM UTC

}// 123/140

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

u/5Mixer

Makes me think of a train in a tunnel passing lights, if the train was constantly changing direction :P