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 2 remixes fullscreen

KilledByAPixel

function u(t) {

r=n=>128+128*S((t|0)**n)|0
t?x.rotate(((r(6)>>4)+1)/9.55):x.translate(960,540)
x.fillStyle=R(r(1),r(2),r(3))
x.fillRect(0,r(5)*4,r(7),r(8))

Jul 2 2019 5:18 AM UTC

}// 139/140

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

Mandala Generator

u/Xen

love it

show FPS hide FPS share fullscreen

stefano

function u(t) {

c.width=1920;d=60
for(i=1;i<32;i++)
for(j=1;j<18;j++)
{
h= C(t)*(d*S(i/32));
w= C(t)*(d*S(j/18));
x.fillRect(i*d-w/2,j*d-h/2,w,h)
}

Jul 2 2019 12:44 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 1 remix fullscreen

draketeach

function u(t) {

z=y=0;a=2*S(t**7);b=C(t**5);
for(i=255;i&&z*z+y*y<4;i--){z=z*z-y*y+a;y=2*z*y+b}x.fillStyle=R(i,i,i,1);x.fillRect(500*z+1200,500*y+540,9,9)

Jul 4 2019 12:30 PM UTC

}// 138/140

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

First attempt at Mandelbrot but it isn't working yet!

show FPS hide FPS share 1 remix fullscreen

WasifBoomz

remix of d/14893 by u/WasifBoomz

function u(t) {

if(t==0)a=0
x.lineWidth=0.1
x.lineTo(0,540);x.lineTo(1920,540);x.stroke()
if(t>a/50){x.arc(960,540,t*90,0,9);x.stroke();a++}

Jul 2 2019 9:54 PM UTC

}// 124/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 2 remixes fullscreen

Blacklink

function u(t) {

c.height=h=999
x.lineWidth=9
p=S(.1*t)+1
k=Math.PI
for(var i=0;i<70;i++){x.beginPath()
q=k*2/p*(i%p)
x.arc(h,h/2,i*19,q,q+k*2/p)
x.stroke()}

Jul 1 2019 9:37 PM UTC

}// 140/140

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

Interesting spiral effect with rotating arcs

show FPS hide FPS share fullscreen

WasifBoomz

remix of d/14863 by u/KilledByAPixel

function u(t) {

c.width|=c.style.background="#CDF";for(j=2e3;j--;x.arc(960,540,(t*j)/5,a,a))a=j/159+t,x.lineWidth=90
x.stroke()

Jul 2 2019 9:36 PM UTC

}// 111/140

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

This happened by accident! made it look better for effect of course.

u/katkip

?

show FPS hide FPS share fullscreen

metamero

function u(t) {

</script>

Jul 1 2019 3:37 PM UTC

}// 9/140

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

u/Xen

crafty
u/durian-favored-monster

very cheeky :)
u/katkip

#xss

show FPS hide FPS share fullscreen

Xen

remix of d/14866 by u/Xen

function u(t) {

//for(c.width=k=379;k--;x.arc(191+C(k*t),99+S(k*t),k,-t,t));x.fill`evenodd`

Jul 2 2019 5:30 PM UTC

}// 75/140

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

Dweetnosis2, photosensitive warning, uncomment to view

u/joeytwiddle

Trussssst in me
u/new_fizzbuzz

l

show FPS hide FPS share fullscreen

Blacklink

remix of d/14877 by u/Blacklink

function u(t) {

eval(unescape(escape`挮睩摴桼㴰㭦潲⡩㴰㭩㰱㤻椫⬩景爨樽〻樼㄰㭪⬫⥻砮晩汬却祬攽恨獬⠤筪⨳㕽ⰹ〥ⰵ〥总焽匨琫椪⸲⤻猽⸸⬮㈪焻瀽⡲㴱〰⤪猻砮晩汬剥捴⡲⩩⬵〪⠱⵳⤬㔰⭲⩪⬵〪⠱⵳⤫焪㈰ⱰⱰ⥽㬻`.replace(/u(..)/g,"$1%")))

Jul 1 2019 10:21 PM UTC

}// 131/140

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

don't know why I made the first one's colours horizontal, brain didn't quite click :P

u/Xen

theres no rules lol, do whatever fits/(feels good)
u/joeytwiddle

Tweak: c.width|=r=100;for(k=200;k--;x.fillRect(r*(k%20),50+r*j+q*20,p,p))j=k/20|0,x.fillStyle=hsl(${j*35},90%,50%,q=S(t+k*.31),p=80+20*q
u/Blacklink

Well that's the thing Xen it didn't feel that good haha, also Joey nice tweak I'm still a bit of a novice when it comes to all the handy tricks in getting things more compact!

show FPS hide FPS share 1 remix fullscreen

Blacklink

remix of d/7520 by u/Blacklink

function u(t) {

eval(unescape(escape`挮睩摴桼㴰㭦潲⡩㴰㭩㰱㤻椫⬩景爨樽〻樼ㄱ㭪⬫⥻砮晩汬却祬攽恨獬⠤筩⨱㡽ⰹ〥ⰵ〥总焽匨琫椪⸲⤻猽⸸⬮㈪焻瀽⡲㴱〰⤪猻砮晩汬剥捴⡲⩩⬵〪⠱⵳⤬爪樫㔰⨨ㄭ猩⭱⨲〬瀬瀩紻`.replace(/u(..)/g,"$1%")))

Jul 1 2019 10:17 PM UTC

}// 129/140

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

I don't usually like to cheat like this but I saw no other way to make this one fit, so yeah; 2 days too late but who cares #pride