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

HeyJD

function u(t) {

c.width^=0;r=480;for(θ=44/7;θ>0;θ-=.7/(C(t)+1))for(φ=p=11/7;φ>-p;φ-=1/r)x.lineTo((C(t)*S(φ)-S(t)*C(φ)*S(θ))*r+r*2,C(φ)*C(θ)*r+r);x.stroke()

Feb 26 2017 5:46 PM UTC

}// 140/140

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

You can change the ".7" number to be a lower number like .2 to increase the number of segments in the sphere.

u/donbright

brilliant

show FPS hide FPS share fullscreen

bager

function u(t) {

c.width=1920;
for(i=0;i<9;i++)
{x.fillRect(960+S(i*t)*920, 400-t*t, t*t%25, 200+t*t*2)

}

Mar 2 2017 4:17 PM UTC

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

hamptonio

function u(t) {

t?i++:i=0;for(j=1e3;j--;){a=i/1e3-2;b=j/2e3-.25;for(k=12;k--;){q=a*a+b*b;q*=q;c=2*a+(a*a-b*b)/q;b*=2*(1-a/q)/3;a=c/3}x.fillRect(i,j,1,S(a))}

Mar 1 2017 7:53 AM UTC

}// 140/140

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

Newton's method on z^3-1.

u/iverjo

Would this draw faster if we draw from top to bottom rather than from left to right?
u/hamptonio

Nice - you are right, that is faster.

show FPS hide FPS share fullscreen

mrg

function u(t) {

c.width=1920; /* clear the canvas */
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300, 400+i%2*S(t)*300, 50, 200) /* draw 50x200 rects */

Mar 3 2017 3:34 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 1 remix fullscreen

magna

function u(t) {

n=64;W=1920/n;H=1080/n;p=t*t;for(j=n*n;j--;x.fillStyle=R(S(t/p*j)*S(t/p*j)*255,S(t/p++*j)*255,0,.05),x.fillRect((j&63)*W,(j>>6)*H,W,H));

Feb 28 2017 8:09 PM UTC

}// 136/140

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

u/sfz

Mars landing

show FPS hide FPS share fullscreen

bligglenuber

function u(t) {

w=30;h=w/1.8;c.width=w*2
a=(1+C(t*12))/2.4;x.arc(w,h,w/3,a,-a);x.lineTo(w,h);x.fill()
for(i=0;i>-5;i--)x.fillText('●',5*h+(i*h-t*2)%2*w,h+2)

Feb 27 2017 3:02 PM UTC

}// 140/140

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

For those who are wondering h is meant to just represent half the height of the screen. I just wound up using it in inappropriate places because it was roughly the right number for what I needed

Show more comments…
u/iverjo

Related dweets: https://www.dwitter.net/d/312 and https://www.dwitter.net/d/391
u/vonzo

haha _haha_ __haha__ haha
u/bligglenuber

Bah, and there I was thinking I'd got there first. I get crazy lag when trying to look back due to the infinite loading, so I've been unable to see what people have done already
u/donbright

lol
u/iverjo

Yeah, good point ^^
u/iverjo

#pacman

show FPS hide FPS share 1 remix fullscreen

Bombo

function u(t) {

l=300;w=c.width=1920;g=(a,b,y,z)=>x.fillRect(w/2+a,w/4+b,y,z);for(i=180;i--;)g(i+l*C(t+i*2),l*S(t*5+i),9,9),g(l*C(t+i*2),l*S(t*5+i),9,9)

Feb 28 2017 7:36 PM UTC

}// 136/140

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

u/5Mixer

Woah this is really cool. Sometimes it appears to be going in the reverse direction, because your eyes have no way of knowing, dope!

show FPS hide FPS share fullscreen

Jenky

function u(t) {

c.width=320;d=new Date/1e3;r=9
a=v=>{x.beginPath();x.lineWidth++;x.arc(160,90,9*r--,0,v*.1047);x.stroke()}
a(d%60);a(d/60%60);a(d/3600%12*5)

Feb 28 2017 7:10 AM UTC

}// 140/140

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

OS-time Arc Clock

u/donbright

love it!

show FPS hide FPS share fullscreen

spbyrne

function u(t) {

w=c.width=1e3;f=50;for(s=1;s<f;s++){n=t/4%1*f*s;for(i=0;i<f*2;i++)x.quadraticCurveTo(i*f-25-n,s*f*1.1,i*f-n,s*f);x.stroke();x.beginPath()}

Feb 27 2017 9:13 PM UTC

}// 138/140

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

u/katkip

#waves

show FPS hide FPS share 1 remix fullscreen

recursive

function u(t) {

for(X=0;X<1920;X+=16)for(Y=0;Y<1080;Y+=16)x.fillStyle=R(p=(Math.atan2(Y-540,X-960)+t+4)*400%256,p,p),x.fillRect(X,Y,16,16)

Mar 1 2017 6:16 AM UTC

}// 122/140

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