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

katkip

remix of d/11588 by u/katkip

function u(t) {

c.width|=f=(X,Y,d=700+t*80,a=C(d)*500,b=d/2)=>{if(d>20)x.fillRect(X-b,Y-b,d,d),f(X-b,Y,b),f(X,Y-b,b),f(X+b,Y,b)};x.globalAlpha=.2,f(960,800)

Dec 30 2018 1: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).

#sierpinski using alpha

u/katkip

#fractal, #recursive

show FPS hide FPS share fullscreen

katkip

function u(t) {

r=(X,Y,s)=>{if(s>1)x.beginPath(),x.arc(X,Y,s*2,0,7),x.stroke(),r(X-s,Y,s/2),r(X+s,Y,s/2)}
r(960,540,480)

Dec 31 2018 11:56 AM UTC

}// 104/140

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

#recursive circles #recursion #circle #arc #fractal

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

eval(unescape(escape`挮睩摴桞㴰㭣牯獳㴨堬夬猩㴾筩昨猾㄰⥸⹦楬汒散琨堭猬夬猪㈬猯㄰⤬砮晩汬剥捴⡘ⱙ⵳ⱳ⼱〬猪㈩Ᵽ牯獳⡘⵳ⱙⱳ⼲⤬捲潳猨堬夭猬猯㈩Ᵽ牯獳⡘ⱙ⭳ⱳ⼲⤬捲潳猨堫猬夬猯㈩紻捲潳猨㤶〬㔴〬㈸〫䌨琩⨹㤩`.replace(/u(..)/g,"$1%")))

Dec 30 2018 9: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).

Quadric Cross #fractal #recursion

u/katkip

c.width^=0;cross=(X,Y,s)=>{if(s>10)x.fillRect(X-s,Y,s*2,s/10),x.fillRect(X,Y-s,s/10,s*2),cross(X-s,Y,s/2),cross(X,Y-s,s/2),cross(X,Y+s,s/2),cross(X+s,Y,s/2)};cross(960,540,280+C(t)*99)
u/katkip

It could be golfed more but, eh, I would still need compression

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

c.width^=0
x.fillRect(0,0,2e3,2e3)
k=t<3?80*t:240
x.fillStyle="#5e9"
for(i=1;i<=k;i=i+.2)x.fillRect(3e3*(i%1)+i*S(i+t)-k,k+i*3*C(i/600),5,9)

Dec 27 2018 3:18 PM UTC

}// 140/140

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

Rotating Trees #christmas #tree

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/6398 by u/tillsc

function u(t) {

for(i=199;i--;x.fillStyle=R(g=C(i+t*79)*455))x.fillRect(S(i+t)*91+960,C(i+t)*97+540,3,3);x.drawImage(c,-17,-9,1954+S(t*4)*2,1099+C(t*3)*2)

Dec 28 2018 10:12 PM UTC

}// 138/140

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

u/katkip

#tunnel

show FPS hide FPS share fullscreen

Xen

remix of d/11580 by u/katkip

function u(t) {

for(Z=i=255;i--;x.fillRect(i*9,0,20,9))x.fillStyle=R(99+C(i*t/2)*Z,S(t*i/3)*Z,S(i*t/2)*Z,.3);x.drawImage(c,0,9)

Dec 30 2018 8:15 PM UTC

}// 111/140

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

u/katkip

How It's Made - Lollipops

show FPS hide FPS share fullscreen

jick

function u(t) {

f=frame
x.shadowBlur=80
x.shadowColor=R(199)
x.beginPath()
x.fillStyle=R(255);
x.arc(960+(t*9*S(f+t)),540+t*9*S(f+(t*2)),99,0,6)
x.fill()

Dec 29 2018 5:22 AM UTC

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

echo85

function u(t) {

for(s=300,r=4/s,j=60*t*r-2,i=-2;i<2;i+=r){for(X=i,Y=j,T=9;T--;)U=X,X=X*X-Y*Y+i,Y=2*U*Y+j;X*X<9&&x.fillRect(i*s+4*s,j*s+2*s,4,4)}

Dec 26 2018 9:54 PM UTC

}// 128/140

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

mandelbrot set

u/katkip

nice #mandelbrot #fractal

show FPS hide FPS share 2 remixes fullscreen

katkip

function u(t) {

c.width^=0
f=(X,Y,d,a=C(d)*d,b=d/2)=>{if(d>20)x.strokeRect(X-b,Y-b,d,d),f(X+a,Y,b),f(X,Y+a,b),f(X-a,Y,b),f(X,Y-a,b)};f(960,540,700-t)

Dec 30 2018 1:06 PM UTC

}// 133/140

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

#recursive squares. Thanks to u/BirdsTweetCodersDweet for golfing

u/katkip

It's better on fullscreen, there are different patterns

show FPS hide FPS share fullscreen

katkip

remix of d/11575 by u/Xen

function u(t) {

t?x.fillRect(0,0,1e3,13):x.translate(960,540)
x.drawImage(c,0,0,Z=S(t/3)*6e2,Z)
x.fillStyle=`hsl(${t*99},80%,50%)`
x.rotate(1.57+C(t)/99)

Dec 28 2018 3:19 PM UTC

}// 137/140

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