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

afs

function u(t) {

d=-t*t*90;x.strokeRect(900+(S(t*2)*(90+C(t)*400))/.4,0-(C(t*6)*(50+C(t)*200+T(t)*100))/1.3,d*9,d/3);x.rotate((9*S(t*3)+3*C(t*t*t*9))/300)

Sep 11 2019 3:05 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 fullscreen

afs

function u(t) {

d=t<7&&t*t;x.strokeRect(1300+(S(t*4)*(80+C(t)*400))/.23,0-(C(t*6)*(50+C(t)*2e2+C(t)*100))*.3,d*9,d/5);x.rotate((9*S(t*3)+3*C(t*t*t*9))/300)

Sep 11 2019 3:03 AM UTC

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

afs

function u(t) {

d=100-t*t;x.strokeRect(2012+(S(t*3)*(100+C(t)*500))/1.2,492-(C(t*3)*(50+C(t)*200+T(t)*200))/1.3,d,d);x.rotate((3*S(t*3)+3*C(t*t*9))/300)

Sep 11 2019 2:46 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 fullscreen

taupelink

function u(t) {

m=70;z=1e3;r={valueOf:Math.random};x.fillStyle=R(0,g=r*r*m,g,.4),x.fillRect(r*2e3-m,r*z-m,r*z,r*z);s=r>.2;x.clearRect(r*2e3,r*z,s?2:m,s?m:1)

Sep 10 2019 2:04 AM UTC

}// 140/140

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

d/15672

show FPS hide FPS share fullscreen

aggoetey

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<7;i++)
x.fillRect(400+i*100+S(t)*300,400+C(t)*i*65,S(t)*50+15,200)

Sep 8 2019 11:10 AM UTC

}// 109/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/Xen

look at the code on other dweets for ideas on shrinking your code, give you more room to add extra x
u/lionleaf

#default Nice one

show FPS hide FPS share fullscreen

smtsjhr

function u(t) {

c.width=1920
s=Math.PI*C(.02*t%Math.PI)
x.lineWidth=55
for(i=0;i<1250;i+=50){
x.beginPath()
x.arc(960,540,i,Math.PI+i*s,i*s)
x.stroke()}

Sep 6 2019 5:41 PM UTC

}// 137/140

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

Harmonic Spin

u/smtsjhr

takes about 2.5 minutes for the motion to loop (assuming 60 fps). Don't stare too long!

show FPS hide FPS share fullscreen

username

function u(t) {

m=t%4>2
h=(c.height^=0)/2+C(t)*99+99
x.font=`22em arial`
x[$=`fillText`](m?`C`:`See`,9,h)
x[$](m?`U`:`You`,615,h)
x[$](m?`😭`:`Soon`,1213,h)

Sep 8 2019 6:56 PM UTC

}// 139/140

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

😢

u/joeytwiddle

cya soon u/username

show FPS hide FPS share fullscreen

WasifBoomz

function u(t) {

x.beginPath()
x.lineWidth=1
x.moveTo(50, 20)
x.quadraticCurveTo(Math.random()*t*50, Math.random()*t*30, t*50, t*80)
x.stroke()

Sep 9 2019 4:03 PM UTC

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

WasifBoomz

remix of d/1978 by u/recursive

function u(t) {

for(d=999;--d;)for(X=-32;++X<32;x.fillRect(960+X*8e3/d,100+7e4/d-h,120,9))x.fillStyle=R(h=(C(a=d/9+t*6)+C(X/9+a/3))*35,g=h+C(X^d)*6+90,g/.8)

Sep 9 2019 4:00 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

mildlybean

function u(t) {

onmousemove=e=>Y=e.y*3.54;if(!t)L=[],Y=540,L[m=99]=540;c.width|=L[-1]=Y;for(i=m;i--;x.fillRect(i*20,L[i],9,9))L[i]=t?(L[i-1]*2+L[i+1])/3:540

Sep 7 2019 6:07 PM UTC

}// 140/140

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

#interactive