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

pavel

remix of d/13276 by u/pavel

function u(t) {

for(i=c.width|=f=g=>(i%12-6)*g(t)+(i/144-6|0)*g(t+8);i--;z>.8&&x.fillRect(960-s/2+(i/12%12-6|0)*540/z,460+f(S)*540/z,s,s))z=1+f(C),s=150/z/z

May 11 2019 6:53 AM UTC

}// 140/140

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

#uncompressed

u/pavel

f defines Y and Z and rotates them by angle t. Really efficient.

show FPS hide FPS share 2 remixes fullscreen

pavel

remix of d/10527 by u/yonatan

function u(t) {

for(i=c.width|=f=g=>2*g(2*i/3)+g(-i/3),w=960;Z=S(--i);x.arc(w+w*(Z*S(t)+f(S)*C(t))/z,540+w*f(C)/z,w/z/z,0,7))z=7+f(S)*S(t)-Z*C(t);x.stroke()

May 9 2019 10:59 PM UTC

}// 140/140

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

#trefoil #knot

u/pavel

Play around with f(g) to generate different shapes.
u/KilledByAPixel

trefoil knot is best knot, awesome work.
u/katkip

g=>2*g(5*i/9)+g(i/9) is cute
u/iverjo

Very good in fullscreen

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`挮睩摴桼㴰㭴㼨砮獨慤潷佦晳整堽堯㜬砮獨慤潷佦晳整夽夯㜩㩘㵙㵑㴴〰㭸⹳桡摯睂汵爽㔰㭸⹳桡摯睃潬潲㴢⌰〰∻砮晩汬却祬攽≲敤∻砮晩汬剥捴⠷㘰ⰳ㐰ⱑⱑ⤻潮浯畳敭潶攽攽㸨堽㤶〭攮砪㌬夽㔴〭攮礪㌩`.replace(/u(..)/g,"$1%")))

May 13 2019 9:47 PM UTC

}// 140/140

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

Interactive Shadow Demo - Your mouse is the light source!

show FPS hide FPS share fullscreen

SingingGoat

remix of d/1025 by u/SingingGoat

function u(t) {

y=160;x.fillStyle=R(y,S(t)*y,y);x.fillRect(6*y+4*y*S(2*t),3*y+2*y*S(t),y,y);x.shadowBlur=50;x.shadowColor="#000"

May 13 2019 9:40 PM UTC

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

vinca

function u(t) {

for(c.width|=i=1800;i--;)x.fillRect(400+(X=i/200|0)*99+S(t+i/3e3)*200,500-i%200,50+(a=S(i/20|t/2+S(X/3)))*30,S(a+t/2))

May 12 2019 1:43 AM UTC

}// 118/140

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

#default

u/iverjo

Some of those blocks look like letters ^^ My brains is trying to read it as a word

show FPS hide FPS share fullscreen

katkip

function u(t) {

f=(X,Y,s=X*(z=T(t)),p=(q=s/2)/2)=>{x.fillRect(X-q,Y-q,s,s),x.clearRect(X-p,Y-p,q,q),s>9&&f(X+p*C(t),Y+p*z,q,f(X-p*C(t),Y-p*z,q))}
f(960,540)

May 11 2019 4: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).

Thanks to u/Xen for golfing 16 bytes #fractal #infinite

u/iverjo

#trippy

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`景爨椽〻椼ㅥ㌻砮晩汬⡰⤩砮獨慤潷䉬畲㴹㤬砮獨慤潷䍯汯爽砮晩汬却祬攽刨椯㈬椥㌰〬椥㈵㔬椩Ɒ㵮敷⁐慴栲䐨⤬瀮慲挨匨椩⨲㄰〭㤹Ⱘ匨椪椩⨲攵⭴⨨椫㌹㤩⼸⤥ㄲ〰ⴹ㤬娽椫⬿ㄹ⬱㤪匨椪椩⨪㤺ㅥ㔬〬㜩`.replace(/u(..)/g,"$1%")))

May 13 2019 4:13 AM UTC

}// 140/140

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

⚠️ Caution Wet Paint ⚠️

show FPS hide FPS share fullscreen

Xen

remix of d/13822 by u/WasifBoomz

function u(t) {

x.strokeRect(960-(a=t*99),540-a,a*=2,a)

May 14 2019 5:26 PM UTC

}// 39/140

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

u/metamero

same with 1B less, because i know you like to byte-- x.strokeRect(960-(t*=99),540-t,t*=2,t)
u/Xen

we need a byte shooter game

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

x.font="83em'";for(i=200;i--;x.fillText("☯",390+(Q=800*S(i*t/99))*S(i),1e3+Q*C(i)))x.fillStyle=`hsl(${29*t+9*i},99%,${i?50:99}%,${i?.02:.2}`

May 12 2019 7:48 AM UTC

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

WasifBoomz

function u(t) {

x.fillStyle="gray"
x.arc(960,740,400,0,10)
x.arc(960,280,80,0,10)
x.fill()
x.fillRect(260,590,1400,50)
x.clearRect(935,230,50,50)

May 14 2019 11:51 AM UTC

}// 130/140

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

u/joeytwiddle

BB-8