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

f8f82804

remix of d/5132 by u/Erazed

function u(t) {

c.width^=0;x.font='6em 🤷';for(i=144;i--;)x.fillText((S(t/2)**2*16%16)-i%16-S(9*S(9*i)*i%16)|0?'🤷':'🙆',50+(i%16)*113,95+120*~~(i/16))

Aug 13 2018 11:22 PM UTC

}// 132/140

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

Not everyone gets "the wave" right

show FPS hide FPS share fullscreen

firegodjr

remix of d/9249 by u/firegodjr

function u(t) {

for(i=400;i--;x.fillStyle=`hsl(${t*800+i},99%,50%`)
x.fillRect(900+S(i)*300,C(i)*300+500+200*S(t),5,5)
x.globalCompositeOperation="overlay"

Aug 17 2018 4:08 AM UTC

}// 139/140

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

#decay

show FPS hide FPS share fullscreen

New_Core

function u(t) {

c.width|=0
for(i=89;i--;)x.lineTo(960+800*C(i/2-t)*S(a=S(i-t)+i+t),540+500*S(i+t)*C(a))
x.fill("evenodd")

Aug 12 2018 1:48 PM UTC

}// 106/140

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

u/Xen

Smoooth

show FPS hide FPS share fullscreen

Xen

remix of d/9257 by u/Xen

function u(t) {

x.fillRect(Z=t*9,Z,1860-Z*2,1080-Z*2),x.fillStyle=R(Z%99,t,Z,.1)

Aug 16 2018 10:54 PM UTC

}// 64/140

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

64Byte Dwitter Art

u/Xen

bit slow.... ;-)

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

for(c.width|=i=0;i++<30;x.fill())x.beginPath(s=20+i*6),x.arc((19**i%2e3)+S(t+i)*s,1500-(3*s*t%2e3),s,0,7),x.fillStyle=`hsl(${79*i},90%,65%)`

Aug 13 2018 5:51 AM UTC

}// 140/140

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

Happy Birthday! :-)

Show more comments…
u/fujimotos

#balloon #colorful
u/katkip

lol actually is my birthday xd
u/katkip

lol actually is my birthday xd
u/katkip

wtf
u/katkip

wtf
u/katkip

#bug
u/Lazy1337

probably just lag

show FPS hide FPS share fullscreen

Xen

remix of d/9249 by u/firegodjr

function u(t) {

for(i=1e3;i--;x.fillStyle=`hsla(${(i*S(t)+i)},99%,50%,.1`)
x.fillRect(i+S(i^t)*i,C(i-t)*1e3,i,9)

Aug 15 2018 10:06 PM UTC

}// 96/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 4 remixes fullscreen

MrM@_S

function u(t) {

eval(unescape(escape`瑼簨挮潵瑥版呍䰽⊻㱩湰畴⁩搽漾ꬢⱯ⹯湢汵爽昽㹯⹶慬略㴨甫〩⹳灬楴恜湠嬱崮牥灬慣攨⽛帡⵾崫⼬却物湧⹦牯浃桡牃潤攨⸮⸨漮癡汵攫∻∩⹭慴捨⠯⸮⽧⤮浡瀨攽㹥学㴢捨慲䍯摥䅴≝⠩㰼㡼敛晝⠱⤩⤩⤻`.replace(/u(..)/g,"$1%")))

Aug 11 2018 4:24 AM UTC

}// 139/140

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

[Dwitter Compressor V1.37] Click in between the arrows. Paste your code in the INPUT element and go to a new tab. Then come back here to get your compressed code. From there, just copy the text in the INPUT element, and paste in your dweet to post it. Now supports characters ranging from 0-255. LImit of 184 bytes.

Show more comments…
u/MrM@_S

#compressed #compressor #interactive #tool #obfuscated
u/MrM@_S

No need to worry about even character counts either.
u/katkip

Love it!
u/aleamb

love it!
u/joeytwiddle

Super!
u/Xen

Nice work!
u/SuperFromND

r=x.createRadialGradient(1000,00,25,1000,t*23000,4200);a=r.addColorStop.bind(r);a(1,'#000');a(Math.abs(S(t%20)),hsl(${t^200},300%,50%));a(0,'#fff');x.fillStyle=r;x.fillRect(0,0,2000,1000);x.drawImage(c,0,1)
u/SuperFromND

man, i wish you could *delete* your comments on dwitter :/
u/SuperFromND

really nice compressor though!
u/magna

Who compresses the compressor?
u/metamero

@magna A: itself! dwitter allows to run code with more than 140 chars without posting ;)
u/metamero

BEAUTIFUL code !
u/firegodjr

#application
u/KilledByAPixel

I made an uncompressor for this and other dwitter compressors... https://www.dwitter.net/d/14004

show FPS hide FPS share fullscreen

katkip

remix of d/2988 by u/cagr30

function u(t) {

w=2e3;x.globalAlpha=.05;for(x.fillRect(0,0,a=i=w,w);i-=4;)s=90/(-a+(i*t*99)%a),X=a*S(i*9)*s+1e3,Y=a*C(i)*s+500,x.clearRect(X,Y,s*9,s*9)

Aug 14 2018 10:33 AM UTC

}// 135/140

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

u/d0n.key

Happy birthday afterwards :P
u/magna

Sparkly!

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/9236 by u/katkip

function u(t) {

for(i=2e3;i--;x.fillRect(i,500+500*S(i/199+C(t+i/499)+t*5.7),9,19))x.fillStyle=`hsla(${i/9+t*199},90%,30%,.05)`

Aug 14 2018 7:37 PM UTC

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

Xen

remix of d/9181 by u/magna

function u(t) {

for(Z=i=399;i--;x.clearRect(i%9*Z-S(a=t+i)*Z,~~(i/28)*79+C(a+t/9)*Z,5,9));for(i=20;i--;)x.fillRect(i*Z,A=x.globalAlpha=S(i-t*2)*4,A*Z,3e3)

Aug 12 2018 8:00 PM UTC

}// 138/140

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

Quick play, Shoutz 2 magna

u/sigveseb

Cool style