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

AnnanFay

remix of d/6692 by u/AnnanFay

function u(t) {

eval(Z)}{Z='',(D=async (d,p,...r)=>(Z+=/ f.*u\(t.*([^]*?) }/.exec(await(await fetch(d)).text())[1].slice(p),D(...r)))(888,0,7094,17)

Mar 25 2018 10:48 AM UTC

}// 132/140

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

Some site changes broke the original so here's an improved version. Numbers at the end are pairs of Dweet ID and offset.

u/BuRRak

uh

show FPS hide FPS share fullscreen

BalintCsala

remix of d/7410 by u/fujimotos

function u(t) {

for(c.width=i=640;i--;)x.fillRect(0,0,-25,-80,x.setTransform(K=C(z=Math.max(Math.min(H=i/5-t%.6-3,0),-1)),-S(z),S(z),K,200*(H+2),250))

Mar 22 2018 2:54 PM UTC

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

yokljo

function u(t) {

c.width|=h=170
x.fillRect(0,651,1e4,s=340)
x.translate(t%11*210-h,481-Math.abs(S(t*2))*60)
x.rotate(t)
x.fillRect(-h,-h,s,s)

Mar 23 2018 11:35 PM UTC

}// 124/140

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

u/New_Core

S(t*2%3.14) could be used instead of Math.abs(S(t*2))

show FPS hide FPS share fullscreen

L1Z1X

remix of d/7427 by u/L1Z1X

function u(t) {

for(w=Math.random,v=99,i=9*v;i--;)z=1920*w(),y=1080*w(),x.fillStyle=`hsl(${S(z/v)*(v+S(t)*v-v)+T(y/v)*v+v},99%,50%)`,x.fillRect(z,y,20,20);

Mar 23 2018 11:28 PM UTC

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

DirtyDan

function u(t) {

p=44/7
r=200+150*S(t/9+p/2)
for(c.width+=i=0;i++<32;)x.arc(r*i,540,r,t*i,t*i+p)
x.stroke()

Mar 23 2018 4:48 PM UTC

}// 90/140

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

#mechanism

show FPS hide FPS share fullscreen

joeyl426

function u(t) {

for(i=0;i<12;i++)x.fillStyle = R(50*C(t), 150*S(t), 75*C(t), .15);for(j=0;j<1005;j++)x.fillRect(8*i*j-S(t)*2000/i,500*t,200*t,20)

Mar 23 2018 10:26 PM UTC

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

xem

remix of d/7401 by u/xem

function u(t) {

c.width=innerWidth;c.onmousemove=e=>B.push([e.x-X,e.y-Y,X=e.x,Y=e.y])
B.map(i=>x.fillText("⚫",i[2]+=i[0],i[3]+=i[1]))};{B=[X=Y=0]

Mar 21 2018 9:11 PM UTC

}// 129/140

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

u/yonatan

c.width=innerWidth is a great idea
u/xem

Move mouse to throw projectiles :)
u/xem

(c.width=innerWidth makes it work in fullscreen and not-fullscreen. Thanks to Balint Csala for the trick)
u/joeytwiddle

#interactive

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

for(c.width=500,i=t|0;i--;)[[X=250,(Y=150)+(K=(t-1-i)*9)],[X-i*9,Y],[X,Y-K],[X+i*9,Y],[X,Y+K]].map(y=>x.lineTo(...y))
x.stroke();

Mar 21 2018 10:06 PM UTC

}// 129/140

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

u/diceroll123

I used to draw these all the time in grade school. 👌
u/joeytwiddle

I think the first graphics I ever drew was something like that
u/13thptr

#astroid

show FPS hide FPS share fullscreen

yonatan

function u(t) {

for(w=(c.width=h=i=2e3)/50;i--;x.fillRect(X+S(p=t*4-d)*30,Y+C(p)*30,9,9))d=((h/2-(X=w*i%(h+w*8)-w*2))**2+(540-(Y=(i/58|0)*w-w*2))**2)**.5/65

Mar 21 2018 5:41 PM UTC

}// 140/140

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

remix of cantelope's https://codegolf.tk/a/189

show FPS hide FPS share 1 remix fullscreen

nystrand

remix of d/7333 by u/Batrachus

function u(t) {

with(x)for(i=d=c.width=200;j=i--/d;fillStyle=R(d+i,d/j,arc(99+(i-79)*S(T(t)),S(3*j+S(t*7)/4)*75,j>.9?5:30*S(3*j+.3),0,7),fill()))beginPath()

Mar 19 2018 6:13 PM UTC

}// 140/140

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

Remix of original and inspired by d/7372 by u/joeytwiddle

Show more comments…
u/yonatan

that's a damn fine banana!
u/sigveseb

Rockin'!
u/magna

WOOOOT!
u/joeytwiddle

very nice :D
u/aleamb

Dayyyy o! daaaay o! Come, Mister Tally Man, tally me bananaaaaa
u/Renaud___

wow :)
u/CtrlAltCuteness

That 'with' statement does have use here. Just hope it never conflicts with other needed functions.
u/joeytwiddle

#banana
u/vain

Great! How do you guys get the algos for such amazing fake 3d bananas? :)