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

Xen

remix of d/3571 by u/Xen

function u(t) {

x.drawImage(c,C(t*t*S(t*t))*99,S(t*t*C(t*t))*99)
for(i=199;i--;x.fillStyle=`hsl(${i*t*i*t},99%,49%)`)x.fillRect(i*9+C(i+t)*9,0,C(t)/9,2e4)

Nov 24 2017 9:31 PM UTC

}// 138/140

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

what static should look like :-P

show FPS hide FPS share fullscreen

Xen

remix of d/3569 by u/whackashoe

function u(t) {

t?x.drawImage(c,S(t)*t,p=9):X=w=c.width*=2;for(x.fillStyle=`hsl(${X},93%,49%)`;++X^w&&++p<w;b=(X>>=1)&1,X^=-b&t*w)x.fillRect(X%w*t,X/w,.2,4)

Nov 24 2017 4:49 PM UTC

}// 140/140

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

UltraDweet. Try fullscreen, it slowly gets faster...

u/whackashoe

nice! its a lfsr, i have feeling you can do pretty neat patterns with it with correct constant but i didnt have time to mine it out... the 2d mapping part i think could be used for some really cool stuff

show FPS hide FPS share 1 remix fullscreen

whackashoe

function u(t) {

t%6|0?X++:m=new Array(s=c.width=480).fill(X=0)
m=m.map((v,i)=>x.fillRect(i*9.7,X*1.15,v*7,v)|(t).toString(2).split``[m[i-1]+v*2+m[i+1]*4]|0)

Nov 23 2017 9:35 PM 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

whackashoe

remix of d/3568 by u/whackashoe

function u(t) {

t?p=0:X=w=c.width/=3;for(x.fillStyle=`hsl(${t*w},99%,19%)`;++X^w&&++p<w;b=(X>>=1)&1,X^=-b&w*t)x.fillRect(X%w*t,X/w*t,1,1);x.drawImage(c,0,1)

Nov 24 2017 1:33 PM 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

cantelope

function u(t) {

for(p=c.width=(i=500)+C(t)*495;i--;x.arc(i*(v=p/16)%(p+(w=v/2)*2)-w,(i/(p+w*2)*v|0)*v+w,w,0,7),x.stroke())x.beginPath(),x.strokeStyle=`#50a`

Nov 23 2017 7:33 AM UTC

}// 140/140

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

https://dweet.net/241/3558

u/Xen

thumbs up from me.

show FPS hide FPS share fullscreen

parabola

function u(t) {

t*=99;i=~~(t/999)*9;j=t%999;r=i*i+j*j;a=k=0;for(;k<6.28;k+=.01)p=C(k)*i-S(k)*j,x.fillStyle=R(0,0,0,(p*p*r<99*r+99)*.01),x.fillRect(i,j,9,9)

Nov 23 2017 12:36 PM UTC

}// 139/140

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

-> https://github.com/miloyip/light2d/blob/mast…

u/donbright

i let this run for a super long time and i loved it
u/parabola

@donbright sorry it's too slow, trying to improve it :P

show FPS hide FPS share fullscreen

whackashoe

remix of d/3551 by u/whackashoe

function u(t) {

f=a=>[c.width^=0].concat(...a.map((v,i)=>[[t*S(i),0,0,0,0,0]][v])),f(f(f(f([0])))).map((a,i)=>x.rotate(a*S(i)/9,G=T(i))|x.fillRect(i,i,G,G))

Nov 22 2017 10:14 AM UTC

}// 140/140

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

Accident in space #2

u/katkip

#tagfail

show FPS hide FPS share fullscreen

marc8

function u(t) {

c.width=k=192**(2*Math.random()-1)
x.font=k/1.7+"px sans"
x.strokeText("☥⚚♒π♀☠♉⛇⛩☯∞♊⚤∄☦♋∉⚥♆↉☢Ψα⛧ω♌⚧⛪☣☤6☭♓⛎☮♛♠⚛"[k%38|0],k/4,k/2.2)

Nov 21 2017 11:11 PM UTC

}// 130/140

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

David Lynch & Nine Inch Nails inspired. Epilepsy warning.

u/Xen

love it, think we past the warning with some of mine lol
u/Qwitter

Nice! Hollywood perfect

show FPS hide FPS share fullscreen

whackashoe

remix of d/3538 by u/BriSeven

function u(t) {

x.fillStyle=`hsl(${t*43%50},90%,50%)`,X=Y=500
for(i=29;i--;x.fillRect(i*197,70+Y+i*473%3e2,99,Y))X+=C(t*9)/9,x.drawImage(c,C(t),C(S(t)*90))

Nov 22 2017 2:55 PM UTC

}// 139/140

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

u/frigginglorious

It looks like violent sound waves and I like it.
u/joeytwiddle

I would like to use this in my next quarterly financial presentation.

show FPS hide FPS share fullscreen

Xen

function u(t) {

for(c.width|=i=189;i--;x.arc(970+C(i+t*13)*299,540+S(i+t*17)*289,129,0,7),
x.fill())x.beginPath(),x.fillStyle=R(Z=C(i-t*9)*199%255,0,-Z,.08)

Nov 21 2017 7:10 PM UTC

}// 140/140

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

Maybe My Last Donut Dweet?