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

mildlybean

function u(t) {

t?c.width|=0:C=W=0;C+=W**1.5*.1;onclick=e=>C+=1;onkeydown=e=>{if(C>49+50*W)W+=1,C-=W*50};x.font='99px"';x.fillText('🍪 '+~~C+', 👆 '+W,9,90)

Dec 15 2019 5:41 PM UTC

}// 138/140

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

Cookie clicker! Click for cookies, press space for clickers (each one costs 50 more than the last)

Show more comments…
u/KilledByAPixel

awesome! i was confused at first, you need to click 50 times before you can click space to buy an auto clicker.
u/katkip

Awesome!
u/lionleaf

Awesome! Pressing space scrolls the page down though :(
u/lionleaf

I've spent way too much time on the original cookie-clicker... I'd also recommend the paperclips game
u/lionleaf

#game #interactive
u/13thptr

u/lionleaf play fullscreen :)
u/mildlybean

I love the paperclips game
u/katkip

tycoons are boring and fun in the same time
u/lionleaf

I got to 600M cookies and now have 7k clickers. Turns out at some point it starts becoming possible to go negative as well. Currently at -130M #cookie #cookie_clicker
u/awareness481

You have 2 characters left. You can use those to cover any number overflows :P

show FPS hide FPS share fullscreen

mildlybean

function u(t) {

H=h=>x.moveTo(961,q=541)|x.lineTo(960+S(h)*q,q-C(h)*q);d=new Date;H((d.getHours(c.width+=m=d.getMinutes()/60)%12+m)/1.9);H(m*6.3);x.stroke()

Dec 18 2019 1:21 AM UTC

}// 140/140

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

Clock

u/katkip

#clock #time
u/DataMeta

Nice one. Can use this to demonstrate that JS uses the client's local environment clock

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/16862 by u/KilledByAPixel

function u(t) {

with(x)for(translate(i=960,540);i--;fillRect(K=S(t/3+i*6.5),K,K,K))save(restore()),rotate(i),fillStyle=R(j=S(t/2)*i*2,j*S(i%9),i),scale(j,j)

Dec 16 2019 2:20 PM UTC

}// 140/140

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

Color Kaleidoscope #uncompressed #Kaleidoscope

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀪🐱𞱴𯁼𚁬🐰𚐻𬀽𮀽🡻𮠽𜐻𪑦𚁸🀲𚑺🐰𞱩𩠨𮀼𝀩𮠽𜐻𪑦𚁸𙐲🐽𜀦𙡸𙐳🐽𜀩𮠽𜀻𩡯𬠨𪐽𝐻𪐼𮀻𪐫🐲𚑩𩠨𮀥𪐽🐰𚑺🐰𞱲𩑴𭑲𫠠𮡽𞱸𛡦𫱮𭀽𙰸𨱭𘠧𞱸𛡦𪑬𫁔𩑸𭀨𫀬𜠰𜀬𝠰𜀩𞱬👰𚁦𬡡𫑥𚐿𩡲𨑭𩐺𫀻`.replace(/uD./g,'')))

Dec 17 2019 2:13 PM UTC

}// 128/140

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

tried to make the fastest prime number checking algorithm (aks) #primes #prime #text #math

show FPS hide FPS share fullscreen

veubeke

remix of d/16865 by u/mildlybean

function u(t) {

c.width|=0;C=t?C+W**1.5*.1:W=0;onclick=e=>C++;onkeydown=e=>C-=C<50*-~W||++W*50;x.font='6em"';x.fillText(`🍪 ${~~C}, 👆 `+W,9,90)

Dec 17 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).

Made some room for more features

u/lionleaf

Nice! Found a bug: You lose 1 cookie even if buying a clicker fails.
u/DataMeta

It's the bug that eats the cookie!
u/veubeke

@lionleaf: you’re right, replacing || with ?0: fixes that

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.style.background='red';x.font=`${100/t-C(t)*3}cm"`;x.fillStyle=R(C(t*666)*299);x.fillText("♥ u",159+t*99,190+100*t);

Dec 18 2019 3:55 PM UTC

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

function u(t) {

x.fillStyle="brown"
x.fillRect(0,0,450*t,9)
x.translate(0,Math.random()*9)

Dec 19 2019 2:24 PM UTC

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

function u(t) {

x.fillRect(0,0,450*t,99)
x.translate(0,Math.random()*5)
x.rotate(9)

Dec 19 2019 2:22 PM UTC

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

katkip

remix of d/15612 by u/katkip

function u(t) {

X=Y=730;p=[];for(i=5;i--;)p[i]=([X+X+X*S(i*5),X+C(i*5.03)*X]);for(i=X;i--;x.fillRect(X,Y,2,2))X=(X+p[r=~~(X*t%5)][0])/2.5,Y=(Y+p[r][1])/2.5

Dec 17 2019 1:32 PM UTC

}// 139/140

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

#uncompressed

u/katkip

by u/rodrigo.siqueira #chaosgame #fractal n=5, r=3/8

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𭁼𯀨𦠽𦱝𚐻𨰮𫱮𫑯𭑳𩑭𫱶𩐽𚁥𚐽🡻𦠮𬁵𬱨𚁻𮀺𩐮𮀬𮐺𩐮𮑽𚑽𞱦𫱲𚁣𛡷𪑤𭁨𯀽𪐽𜀻𪐼𦠮𫁥𫡧𭁨𛐱𞱩𚰫𚑸𛡭𫱶𩑔𫰨𦡛𪑝𛡸𛁚𦱩𧐮𮐩𛁸𛡬𪑮𩑔𫰨𦡛𪐫𜑝𛡸𛁚𦱩𚰱𧐮𮐩𛁚𦱩𧐮𮀫👓𚁴𚠪𜰪𦡛𪑝𛡹𚐬𦡛𪑝𛡹𚰽𠰨𭀪𭀪𦡛𪑝𛡸𚐻𮀮𬱴𬡯𪱥𚀩`.replace(/uD./g,'')))

Dec 16 2019 4:40 PM UTC

}// 140/140

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

go on #fullscreen #interactive and draw something. It will start wiggle. Idea: https://ptsjs.org/demo/edit/?name=curve.bezi…