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

Xen

remix of d/3408 by u/magna

function u(t) {

t||(a=Array(w=1920).fill(0),x.fillRect(0,0,w,w));for(i=w;i--;x.fillStyle=R(T,T=S(i+C(t))*i,T),x.fillRect(i,a[i],5,.2))a[Date.now()*i%w]++

Oct 30 2017 8:11 PM UTC

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

corruptio

remix of d/3430 by u/magna

function u(t) {

t?x.drawImage(c,0,0):navigator.getUserMedia({video:1},e=>(c=document.createElement`video`).srcObject=e,S)
x.filter=`hue-rotate(${t}turn`

Oct 31 2017 9:21 AM UTC

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

remix of d/3427 by u/corruptio

function u(t) {

t?x.drawImage(c,0,0,w=1e3,w,0,0,w,w,x.filter='sepia('):navigator.getUserMedia({video:1},e=>(c=document.createElement`video`).srcObject=e,S)

Oct 31 2017 4:47 AM UTC

}// 139/140

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

Note: Just "sepia(" works as a 100% sepia filter. No need for a percentage or to even a closing parenthesis.

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

for(w=(c.width|=i=2e3)/2;i--;x.fillRect(w+(i%1e3-500)/120/(Z=3+C(p))*w,540+S(p)/Z*w,s=250/Z/Z,s))p=i/79.6+C(t/2)*12+(i>1e3?3.1:0);x.stroke()

Oct 28 2017 5:57 AM UTC

}// 140/140

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

doh. left x.stroke() in there by mistake.

u/katkip

#curve

show FPS hide FPS share fullscreen

corruptio

function u(t) {

for(x.setTransform(0,W=99,W,0,W,300);W--;x.fillRect(0,0,1,2))r=C(W**t)*9-6|0,r*=r>=0,x.transform(.8-r*.5,r?.2:-.1,r?.7*r-1:.1,r?.2:.9,0,2-r)

Oct 28 2017 9:33 AM UTC

}// 140/140

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

u/Xen

nice :)
u/iverjo

Nice :) I'd like to see more of this kind of stuff

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/3405 by u/magna

function u(t) {

t||(a=Array(w=1920).fill(0));x.rotate(1e-5);x.translate(S(t),0);for(i=w;i--;x.fillRect(i,a[i],.1,1))a[Math.random()**5*w|0]++

Oct 30 2017 2:19 AM UTC

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

cantelope

remix of d/3392 by u/cantelope

function u(t) {

for(x.fillRect(0,0,i=(w=1e3)*2,i);i--;x.clearRect(w+(i%1e3-w/2)/120/(Z=3+C(p))*w,540+S(p)/Z*w,s=250/Z/Z,s))p=i/80+C(t/2)*12+(i>1e3?3.1:0)

Oct 28 2017 6:48 AM UTC

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

remix of d/3409 by u/magna

function u(t) {

x.rotate(S(t)*1e-3);x.translate(0,1);for(i=3e3;i--;x.fillStyle=R(T,T=S(i)*255,T,.3),x.fillRect(i,1,1,1));x.drawImage(c,0,-1e3)

Oct 31 2017 1:06 AM UTC

}// 126/140

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

Wait for it.

u/magna

#glitch

show FPS hide FPS share fullscreen

Xen

remix of d/3404 by u/magna

function u(t) {

t||(a=Array(w=1920).fill(0));for(i=w;i--;x.fillRect(i,a[i],.03,a[i]/9))a[Math.random()**(3+C(t)*3)*w|0]++

Oct 30 2017 1:00 AM UTC

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

magna

remix of d/3401 by u/magna

function u(t) {

t||(a=Array(w=1920).fill(0));for(i=w;i--;x.fillRect(i,a[i],1,1))a[Math.random()**2*w|0]++

Oct 29 2017 11:02 PM UTC

}// 89/140

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

Random squared probability distribution