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

Xen

remix of d/21853 by u/danny@hille.dk

function u(t) {

t?i=2e3:c.width=w=56
for(;i--;x.fillRect(X*S(t)+30,Y*C(t)+16,1,1))m=S((Y=i/w)/3+t^i+T((X=i%w))),x.fillStyle=R(k=m*i,-k,k/m)

Mar 7 2021 9:12 PM UTC

}// 123/140

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

another remix

u/danny@hille.dk

check out this remix 89 b-> for(t?i=768:c.width=w=32;i--;x.fillRect(X,Y,1,1))x.fillStyle=R(Y=i>>5,X=i%w,S(X^t*w-Y)*i)

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/19335 by u/rodrigo.siqueira

function u(t) {

c.style.filter=`sepia(`
for(i=5e3;i--;f(960,540,260,t*i))f=(X,Y,s,r)=>s>1?f(X+s*S(r),Y+s*C(r),s/2,S(i+t)*3-r*2):x.fillRect(X*1,Y,t<3,.7)

Mar 5 2021 1:00 PM UTC

}// 136/140

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

Broken disk #fracture

u/kimeiga

holy

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/21870 by u/danny@hille.dk

function u(t) {

for(i=1e4,w=128;i--;x.fillRect(X*15,Y*14,15,14))x.fillStyle=R(m=C((Y=i>>7)-t*t*w^(X=i%w))*255,Y,-m,.2)

Mar 8 2021 8:46 PM UTC

}// 102/140

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

Remix remix

show FPS hide FPS share 1 remix fullscreen

erin

remix of d/21870 by u/danny@hille.dk

function u(t) {

for(i=1e4,c.width=w=128;i--;x.fillRect(X,Y,1,1))x.fillStyle=R(X=i%w,m=((Y=i>>7)&X&Y*S(Y+t))*w)

Mar 8 2021 8:37 PM UTC

}// 94/140

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

a remix

show FPS hide FPS share fullscreen

nerdworld

function u(t) {

r=Math.random;x.fillStyle=R(r()*255,r()*255,r()*255);c.onmousemove=function(e){x.fillRect(e.x*c.width/569,e.y*c.height/320,r()*100,r()*100)}

Mar 8 2021 7:05 PM UTC

}// 140/140

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

Draw with your mouse!

Show more comments…
u/danny@hille.dk

Cool, and welcome
u/danny@hille.dk

Here is a golfing tip: use arrow functions and shave off a few bytes r=(a=255)=>a*Math.random();x.fillStyle=R(r(),r(),r());c.onmousemove=e=>x.fillRect(e.x*c.width/569,e.y*c.height/320,r(100),r(100))
u/danny@hille.dk

if you want to make some compromises, you could make your random function always return 255 like this: <r=a=>266*Math.random();x.fillStyle=R(r(),r(),r());c.onmousemove=e=>x.fillRect(e.x*c.width/569,e.y*c.height/320,r(),r())
u/danny@hille.dk

Now you have a whopping 21 bytes to play with :-)
u/Xen

quick 110: r=a=>266*Math.random();x.fillStyle=R(r(),r(),r());c.onmousemove=e=>x.fillRect(e.x/.3,e.y/.3,r(),r())
u/Xen

100 :-( i cant count lol
u/danny@hille.dk

Well done u/Xen, nice trick with the 1/3 ratio correction, you did leave my 266 typo though :-)
u/nerdworld

Thanks for all the suggestions! Never really used arrow functions before, already used them in new one! Thanks a lot!

show FPS hide FPS share fullscreen

BackendForth

function u(t) {

c.width=1920
x.transform(T(t),-S(t)-1,2+C(t),T(t),960,540)
for(j=59;j>-59;j--)for(i=-19;i<59;i++)x.fillRect((i-j)*99,(i+j)*99,99,99)

Mar 7 2021 10:27 PM UTC

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

BenjiHasCode

remix of d/21795 by u/rodrigo.siqueira

function u(t) {

c.width=1e3
x.lineWidth=.2
for(i=2e3;i--;x.arc(500+300*T(t),282+88*S(t),i,K=i**(1.13-t/1e5)-t/9,K));x.stroke()

Mar 6 2021 3:33 PM UTC

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

danny@hille.dk

remix of d/21842 by u/tomxor

function u(t) {

c.width=w=56;for(i=2e3;i--;x.fillRect(X*S(t)+30,Y*C(t)+16,1,1))x.fillStyle=R(m=S((Y=i/w|0)/2+t*4+C((X=i%w)/4+S(t))),k=m*88,-k*3)

Mar 7 2021 3:04 PM UTC

}// 128/140

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

remix to keep this long running dweet chain alive :-)

u/tomxor

:P
u/Xen

did someone say remix chain?

show FPS hide FPS share fullscreen

TommyVelz

remix of d/21836 by u/TommyVelz

function u(t) {

c.width=2e2
A=Math.abs
x.R=x.fillRect
y=80*A(1-t*.789%2)
X=A(1-t%2)
x.R(4+182*X,y+9,4,4)
x.R(0,(1-X)*y+X*45,4,25)
x.R(190,X*y+(1-X)*35,4,25)

Mar 6 2021 3: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).

Mash-up with https://www.dwitter.net/d/135

show FPS hide FPS share fullscreen

Xen

remix of d/14481 by u/amnesiadreamer

function u(t) {

for(c.width|=i=666;i--;x.arc(960,440,i,S(i*t%i/9),-t-i))x.beginPath(x.stroke())

Mar 7 2021 12:30 AM UTC

}// 79/140

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

play