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 1 remix fullscreen

@no_identd

remix of d/17539 by u/@no_identd

function u(t) {

v=45
for(l=499;l--;)d=(l*t/9)%v*v,x.fillStyle=`hsl(${t*l-l+d},80%,65%)`,x.fillRect(960+S(r=S(t-1/d)+l)*d,0+C(r)*d,v,v)

Feb 9 2020 9:37 PM UTC

}// 118/140

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

Computer, remove unnecessary numbers and zoom in on the lower half of the image

show FPS hide FPS share fullscreen

souldzin

function u(t) {

c.width+=0
s=30
for(i=0;i<50;){
ti=t*i++/s*2
l=(ti%1)*s*s
r=(ti|0)/2
x.fillStyle=R(s,0,s,ti%1)
x.fillRect(955+l*S(r),540+l*C(r),s,s)
}

Feb 10 2020 9:20 PM UTC

}// 134/140

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

Particles v0.1

show FPS hide FPS share fullscreen

souldzin

function u(t) {

c.width=1920
for(z=30,i=-z;i<=z;){j=z*i++
for(y=1;y<10;y++)x.fillRect(955+j*C(t+y),535+j*S(t*y),10,10)}

Feb 10 2020 6:07 PM UTC

}// 103/140

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

1st Dweet!

show FPS hide FPS share 1 remix fullscreen

angelnm

remix of d/17540 by u/@no_identd

function u(t) {

v=960
for(l=999;l--;)d=(l*t/9)%v,_=d/15,x.fillStyle=`hsl(${t*l-l+d},80%,65%)`,x.fillRect(960+S(r=S(t-1/d)+l)*d-_/2,540+C(r)*d,_,_)

Feb 10 2020 9:51 AM UTC

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

angelnm

remix of d/17544 by u/angelnm

function u(t) {

v=500
for(l=10;l--;)d=(t*1e3)%v,_=d/10,x.fillStyle=`hsl(${d-t*d},100%,68%)`,x.fillRect(960+S(t+0.628*l)*d,540+C(t+0.628*l)*d,_,_)

Feb 10 2020 11:34 AM UTC

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

kan_9

function u(t) {

s=(a,b,r,g=1)=>{R=r+20*C(t);x.fillRect(a+R*S(t),b+R*C(g*t),4,4)};s(600,500,20);s(900,500,40);s(825,600,400);s(700,600,80,0)

Feb 10 2020 6:53 AM UTC

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

souldzin

function u(t) {

with(x){
x.z=x.z||(m=0)||(c.onmousemove=e=>(m=e.clientY))
f=c.width=256
w=10
fillText('🚀',w,m/2)
j=t%1*f
y=S(t|0)*100
fillRect(f-j,y,w,w)}

Feb 10 2020 11:42 PM UTC

}// 138/140

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

Mouse Game v0.1

u/souldzin

Let me know if adding event listeners is frowned upon... I'm just experimenting :)
u/Xen

very nice! click 'about' and join the dwitter discord, could golf this and add a kill screen ;-)

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=36;--i;x.fillRect(m?Math.abs(9*t%53-26)<<6:i*60-210,m*i*327,60<<2*m,m?99:2e3))m=i<3,x.fillStyle=m?i%2?'#ff0':'#00a':i%2&t/4?R():'#eee'

Feb 9 2020 1:50 AM UTC

}// 140/140

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

Stepping feet #illusion

u/katkip

#opticalillusion
u/veubeke

@pavel Sorry, I didn’t see your dweet. I deleted mine and will do a better job searching next time.
u/pavel

I was just cross-posting mine as they were on the same topic without a clear keyword. You should have kept yours, it was clearly different.

show FPS hide FPS share fullscreen

angelnm

function u(t) {

c.width=1920
for(i=0;i<9;i++)
a=25*C(t),
b=200*C(t),
x.fillRect(560+i*100-a,540-b,2*a,2*b),
x.fillRect(960-b,140+i*100-a,2*b,2*a)

Feb 9 2020 12:28 AM UTC

}// 129/140

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

First One!

u/tomxor

Welcome :)
u/Xen

nice!

show FPS hide FPS share fullscreen

angelnm

function u(t) {

with(x){for(n=7;n--;translate(-j*9,j))for(d=9;d--;){translate(j=216,0)
k=t*d
r=j/2*S(n*10*k)
fillRect(r*C(k),r*S(k),3,3)}translate(0,-j*7)}

Feb 9 2020 12:45 PM UTC

}// 140/140

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