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

BuRRak

function u(t) {

c.p=t^0?c.p:"";this.onkeypress=(e)=>{v="";if(e.key==" "){v=c.p;c.p="";v=v+"="+eval(v)}else c.p+=e.key};throw v==""?c.p:v;

Jan 21 2018 1:30 AM UTC

}// 121/140

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

Simple useless calculator, press space to calculate and use the keyboard to write your problem

show FPS hide FPS share 1 remix fullscreen

Qwitter

function u(t) {

x.fillStyle=R();c=255;x.fillRect(0,0,w=2e3,w);for(i=99;i--;){r=i*9*t%w;x.fillStyle=R(i*3,c-r/8,c);x.fillRect(w/2+r*S(i),w/4+r*C(i),r/9,r/9)}

Jan 19 2018 2:10 PM UTC

}// 140/140

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

u/lionleaf

It just keeps on giving!

show FPS hide FPS share fullscreen

Xen

remix of d/6281 by u/Punky

function u(t) {

for(Z=i=2e3;i--;x.fillRect(960+((i/60)%1)*S(i*t)*Z,i*C(t),1,o))x.fillStyle=R(o=i*(S(t+i)*i)%256,i^o,t*Z%o,.1);x.drawImage(c,C(t*Z)*Z,T(t*Z))

Jan 21 2018 8:04 PM UTC

}// 140/140

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

Shoutz 2 Punky

u/iverjo

I'm having trouble tuning in on this dweet ;P

show FPS hide FPS share fullscreen

BackendForth

function u(t) {

c.width=1920
w=500
for(i=999;i--;)
x.fillRect(960+T(i/99+t)*w*C(t)+C(i)*w*S(t),540+w*S(i),9,9)

Jan 22 2018 3:37 AM UTC

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

aleamb

function u(t) {

M=Math;a=65025,c.width=w=255;v=w/2;for(;a--;)e=a&w,f=a/w,d=(7650/M.sqrt((s=e-v)*s+(z=f-v)*z)),g=M.atan2(f,e),d+t*99&f&&x.fillRect(e,f,1,1)

Jan 19 2018 1:33 PM UTC

}// 138/140

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

My first dwitt. Sierpinski triangles on tunnel effect, more or less.

u/joeytwiddle

Reminds me of the black hole in Interstellar >.<
u/aleamb

#sierpinski #tunnel

show FPS hide FPS share 1 remix fullscreen

BirdsTweetCodersDweet

remix of d/3187 by u/alien

function u(t) {

with(x){c.width=500;v=(X,Y,R)=>[20*C(X+t)*R+250,20*S(Y+t)*R+150]
for(i=0;i<200;i++)lineTo(...v(5*i,5*i,S(t)*i*i/290));stroke()
}

Jan 22 2018 4:27 PM UTC

}// 128/140

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

Sine always makes things better :)

u/BirdsTweetCodersDweet

d/6342 for hi-res

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

function u(t) {

x.fillStyle=`hsl(${t*90},50%,50%)`
x.fillRect(940+S(t%3)*300,550+C(t)*290,20,20)
x.fillRect(940+S(-t%3)*300,550+C(t)*290,20,20)

Jan 21 2018 3:50 PM UTC

}// 127/140

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

Bouncing, random-ish arcs from point to point on separate sides. Let it run and enjoy the patterns :D

show FPS hide FPS share fullscreen

Xen

remix of d/6296 by u/BirdsTweetCodersDweet

function u(t) {

x.fillStyle=`hsl(${t*(Z=540)/4},50%,50%)`;x.fillText('Test',Z+61*S(t),Z+S(t*t)*t);x.font='70ex"'

Jan 22 2018 12:12 AM UTC

}// 96/140

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

u/Qwitter

Pass with flying colors
u/BirdsTweetCodersDweet

nice!
u/BirdsTweetCodersDweet

gets kinda shaky after a bit though :P
u/BirdsTweetCodersDweet

x.fillStyle=hsl(${t*(Z=540)/4},50%,50%);x.fillText('Test',Z+61*S(t),Z+S(t));x.font='70ex Helvetica' for purely lateral motion... ;D

show FPS hide FPS share 2 remixes fullscreen

yonatan

function u(t) {

c.width|=0
for(i=0;i<968;i++)Z=S(q=t+i)*C(t+q)+2,P=(Z+9)/Z,X=C(I=q*(t|0))*S(q)*P,Y=C(q)*S(t+I)*P,x.lineTo(U=960+X*99,V=540+Y*66)
x.stroke()

Jan 21 2018 6:26 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

41407

function u(t) {

w=c.width|=0;x.translate(S(t)*99+w/2,C(t)*99+w/3);for(i=128;i--;x.rotate(.05+t/75)){x.fillStyle=R(i*2,255-i*2,255),x.fillRect(0,0,i*11,i*3)}

Jan 22 2018 1: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).