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

draketeach

remix of d/14919 by u/draketeach

function u(t) {

z=y=0,a=2*S(t**7),b=2*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(300*(a+4),300*b+540,9,9)

Jul 4 2019 1:09 PM UTC

}// 137/140

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

Slow Mandelbrot

u/Xen

cool approach
u/katkip

#slow #slowrender

show FPS hide FPS share fullscreen

katkip

function u(t) {

x.font='3.2cm"';x.fillText(`Ads be like:
${Date.now()} this lady!`,20,590)

Jul 4 2019 11:41 AM UTC

}// 74/140

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

#meme

u/katkip

#text programmer joke
u/Xen

lol

show FPS hide FPS share fullscreen

katkip

function u(t) {

t||(z=p=1);for(i=9999;i--;){z%2?p+=1/z:p-=1/z;z++}
throw p*p

Jul 4 2019 11:28 AM UTC

}// 60/140

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

constant

show FPS hide FPS share fullscreen

katkip

remix of d/14899 by u/nystrand

function u(t) {

for(i=c.width|=g=(o,a,b,z=a%b)=>n--?g(t/n+i%5,b*C(o)-a*S(o)-n*2,z,a*C(o)+b*S(o)):x.fillRect(a*(z+=20)+1e3,b*z+500,z-=24,z);i--;)g(i,n=6,i%4)

Jul 3 2019 4:08 PM UTC

}// 140/140

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

Smoother Wheels

show FPS hide FPS share 7 remixes fullscreen

KilledByAPixel

function u(t) {

c.width|=c.style.background="#CDF";for(j=3e3;j--;x.arc(960,540,430+60*S(j/500+a*4)*(S(a-t)/2+.5)**9,a,a))a=j/159+t,x.lineWidth=29
x.stroke()

Jul 1 2019 2:56 PM UTC

}// 140/140

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

Circle Wave #beesandbombs 🐝 💣

u/KilledByAPixel

This one was fun because I found a way to combine the loops and hide the start/end gap that removes the need for a beginPath. Freeded up enough space for background color, or something cool in a remix.
u/aleamb

yeah!
u/pavel

Buggy in Safari. Jagged things sticking out, i think from the line end-caps, also breaks after a while because you didn't wrap-around the angle in arc.
u/pavel

Huh, actually both issues are resolved by modding the arc angle by 2*pi
u/KilledByAPixel

Explanation for how it works at http://frankforce.com/?p=6597

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14909 by u/Blacklink

function u(t) {

for(c.width|=i=8;i--;x.fillText(i%3?"🏠":"🌷",(t*1e3+400*i)%2400-400,400))
x.font="26em'"
x.fillText("🚚",900+S(t)*99,950)

Jul 3 2019 9:53 PM UTC

}// 119/140

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

Golfed a bit and symbols changed to be more compatible.

show FPS hide FPS share fullscreen

pavel

remix of d/14840 by u/pavel

function u(t) {

x.beginPath(x.lineWidth=FPS=p=Math.PI)
k=frame
k%2?n=99:(n=2+k/2,r/=C(p/n))
for(j=n+1;j--;)x.arc(960,540,t?r:r=60,a=2*p*j/n+11,a)
x.stroke()

Jun 30 2019 10:28 PM UTC

}// 140/140

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

u/katkip

Wow! Perfect geometry

show FPS hide FPS share fullscreen

Xen

remix of d/14925 by u/taupelink

function u(t) {

t?0:a=[J=64]
for(c.width=i=160;i--;x.fillText(a[i],i%8*20,9+(i>>3)*9))t?0:a[i]=i
J&&(K=Math.random()*J--|0,[a[K],a[J]]=[a[J],a[K]])

Jul 5 2019 3:33 PM UTC

}// 131/140

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

slight golf for Taupelink

u/taupelink

Thank you! Only thing is, I'm seeing unshuffled values greater than 63.
u/Xen

ahh ok my bad, filltext height needs to end in 11 instead of 9... we lost a byte :(

show FPS hide FPS share fullscreen

Xen

remix of d/14895 by u/WasifBoomz

function u(t) {

for(c.width|=0,i=4e3;i--;)x.fillRect(Math.random()*2e3,Math.random()*1080,S(i)*9,C(i)*9)

Jul 3 2019 2:29 PM UTC

}// 88/140

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

quick test

u/Xen

#static

show FPS hide FPS share fullscreen

username

remix of d/10914 by u/rodrigo.siqueira

function u(t) {

for(c.width=840,s=300;s--;)for(t+=.15,Q=t%4,i=(t^0)%6;i--;)x.arc(400+s*S(A=(Q*(Q<1)+i)*1.57),25+s/2*(C(A)+2),4,0,7)
x.stroke()

Jul 1 2019 9:16 PM UTC

}// 126/140

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

#randomremix no 16 - it's a pyramid with circles swirling about it.. isn't that obvious?

u/Xen

looks like a sprite from some Egypt 2300 simulation game :-o
u/katkip

#pyramid