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

ciaccodavide

remix of d/20732 by u/ciaccodavide

function u(t) {

onmousemove=e=>X=e.x*.305
w=173,z=Math.abs(S(t))
throw`|`.repeat(X)+`⬤`+`|`.repeat(w-X)

Nov 20 2020 6:27 PM UTC

}// 89/140

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

Move your mouse to move the ⬤ #interactive

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/20630 by u/taupelink

function u(t) {

r=Math.random;for(i=k=214;i--;x.fillRect(k*X,k*Y,i/t,i/t))X=r(Y=r()*5)*9,h=k*S(Y*S(m=3*C(p=6%Y*S(q=X/3+.2)))+m-p),x.fillStyle=R(h*p,h*q,h*m)

Nov 21 2020 2:30 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/20751

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/20689 by u/yonatan

function u(t) {

q=c.width=99;for(m=28;m--;x.fillStyle=R(q,m*7,m*9))for(i=q;i--;x.fillRect(i,a*(25-m),2,q))for(a=j=3;j--;a+=S((t/m*q+i)*S(m*k)*k/9)/k)k=5**j

Nov 18 2020 8:00 PM UTC

}// 139/140

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

golf remix of d/20689 - better contrast. last remix of this amaizing dweet - i promise :-)

u/joeytwiddle

Great golfing!

show FPS hide FPS share fullscreen

ciaccodavide

function u(t) {

eval(unescape(escape`𥰽𨰮𭱩𩁴𪀽𝐶𝰊𫱮𫑯𭑳𩑭𫱶𩐽𩐽🡔👥𒡸𛡦𪑬𫁔𩑸𭀨𙱏𙰬𦀽𥀮𮀬𦐽𥀮𮐩𒡦𫱲𚁩🐶𜀻𪐭𛐻𭀾𣀫𜰦𙡍𨑴𪀮𪁹𬁯𭀨𪀭𦀬𪰭𦐩🀹𙠦𚁁🐭𣀫𚁌👾当𚐬𢀫🐧𛀧𚱁𚐩𮀮𩡩𫁬𥁥𮁴𚀧𣰧𛁨👴𚠳𛠶𚡩𙑗𛁫👩𚡴𙑗𚐊𭁨𬡯𭱾当𛑌𚱈`.replace(/u../g,'')))}{H=A=L=0

Nov 21 2020 2:41 PM UTC

}// 140/140

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

Bullet Hell #interactive #game with score and highscore tracking

u/ciaccodavide

Uncompressed code of the first (and prettier) version: L=c.width=567;onmousemove=e=>T=e;r=(j,k)=>(x.moveTo(j,k),x.arc(j,k,9,0,9));r(X=T.x,Y=T.y);for(i=9;i--;t>d+3&&Math.abs(h-X)+Math.abs(k-Y)<25&&(g=-d+(d=~~t),s+=','+g))r(h=t*21*i%L,k=i*13*t%L);x.fill();throw~~t-d+s;}{s=g=d=0

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/20700 by u/ciaccodavide

function u(t) {

for(c.width|=i=9;i--;)x.moveTo(X=440+i*121,0),x.arc(X+((P=C(t*4)*99)<0?!i?P:0:i==8?P:0),540,60,4.7,11)
x.stroke()

Nov 19 2020 8:50 AM UTC

}// 113/140

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

Newton's cradle #golfed

show FPS hide FPS share 2 remixes fullscreen

tomxor

remix of d/20657 by u/dnmc

function u(t) {

for(c.width&=i=8320;i--;)
x.fillRect(X=i&127,Y=i>>7,
k=S(8*t+X*X+Y*Y+X*Y)+.5,k)

Nov 18 2020 1:33 AM UTC

}// 79/140

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

Nano Snakeskin

u/bandaloo

this is great! i'll definitely be using this substitute for a doubly-nested for loop
u/DataMeta

agreed, cool trick! even more succinct than the nested hack I've been using, and the perf increase from bitwise ops is welcome
u/tomxor

Yes, I've used this so much, I guess it's just more obvious in this one. I've taken technique a step further in d/20707 converting yonatan's 3 loops into one. bitwise can be very powerful to manipulate the variables a loop traverses.

show FPS hide FPS share fullscreen

Xen

function u(t) {

z=x.shadowBlur=500
x.shadowColor=`hsl(${t*z},90%,50%)`,x.stroke(x.strokeRect(1e3+C(t*.3*S(t))*z,z+S(t*.4*C(t))*z,z*C(t),z*S(t)))

Nov 22 2020 11:57 AM UTC

}// 128/140

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

test

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

for(i=499;i--;x.fillRect(S(T+t+S(T))*800+940,C(T+t)*400+520,40,40))x.fillStyle=`hsl(${S(T=i+t)*-25},80%,${75-S(T)*9}%`

Nov 19 2020 9:53 PM UTC

}// 118/140

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

in love with this color palette

show FPS hide FPS share fullscreen

kaydee

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<3;i++)
x.fillRect(400+i*150+T(t*20)*300,500,100,1000) // draw 50x200 rects

Nov 22 2020 6:54 AM UTC

}// 117/140

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

tinker-dwitter-1

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/20700 by u/ciaccodavide

function u(t) {

c.width|=1
P=C(t*4)*99
for(i=0;i<9;i++)
x.fillRect(400+i*100+(i===0&&P>0?-P:i===8&&P<0?-P:0),400,50,200)

Nov 19 2020 8:34 AM UTC

}// 104/140

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

Newton's cradle #default

u/ciaccodavide

#newtonscradle