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

xem

remix of d/3508 by u/Xen

function u(t) {

t||(U=Y=1);for(i=1e4;i--;)x.fillStyle=R(0,0,0,.01),x.fillRect(999+99*(X=-6.56*S(1.4*U)-S(1.56*Y)),500+99*(Y=1.4*C(1.4*U)+C(1.56*Y)),1,1),U=X

Nov 12 2017 9: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).

u/Xen

Donut!!!!! :D

show FPS hide FPS share 2 remixes fullscreen

New_Core

function u(t) {

for(a=c.width|=i=9;i--;x.fillRect(-1200+650*S(t*.9+i*4),300+280*C(t+i),x.shadowBlur=b=500,b))x.shadowOffsetX=a,x.shadowColor=R()

Nov 13 2017 6:33 PM UTC

}// 128/140

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

adding x.globalCompositeOperation="lighter" in the loop makes it more metaball like.. but it gets to long and using ImageData even longer so.. ½ way ;)

u/p01

;)
u/lionleaf

#metaball #blurry
u/13thptr

#metaballs since this one contains more related dweets
u/tor020

"HAHA CARCINOMA!" oh wait that's not funny that's dreadful.

show FPS hide FPS share 2 remixes fullscreen

New_Core

remix of d/3511 by u/New_Core

function u(t) {

for(i=160;i--;x.fillRect(960+i*20*S(t+i/9)-i*25,500+i*20*C(t*.9+i/9)-i*25,x.shadowBlur=b=i*50,b))x.shadowOffsetX=0,x.shadowColor="#f93"

Nov 13 2017 9:11 PM UTC

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

New_Core

remix of d/3510 by u/New_Core

function u(t) {

for(c.width|=i=160;i--;x.fillRect(960+i*20*S(t)-i*25,500+i*20*C(t*.9)-i*25,x.shadowBlur=b=i*50,b))x.shadowOffsetX=0,x.shadowColor="#f93"

Nov 13 2017 9:09 PM UTC

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

veubeke

function u(t) {

c.width=320
with(Math)for(H=hypot,b=60;b--;)for(a=80;a--;)H($=a-40)<30&&x.fillRect(a*4,b*3,4,H(C(A=atan2(_=b-30,$)*3)+$,_)<26?random()*3:3)

Nov 12 2017 1:10 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 1 remix fullscreen

Xen

function u(t) {

x.strokeStyle=R((Z=399)*C(t),Z*T(t),Z*S(t),.2),x.beginPath(),x.arc(X=900+C(t*3.51)*Z/2,Y=500+S(t*3.51)*Z/2,Z,0,7),x.stroke()

Nov 12 2017 8:26 PM UTC

}// 124/140

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

Donut ;-)

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/3513 by u/New_Core

function u(t) {

for(x.shadowBlur=i=99;i--;x.fillRect(960+i*i/3*S(t*i),500+i*i/3*C(t*i),b=i*4,b))x.shadowColor="#"+frame%1e3

Nov 13 2017 9:55 PM UTC

}// 107/140

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

try chrome, FF slows

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

c.width|=l=5;for(;l--;(f=t/3-l/9)>0&&x.fillRect(960-450,960-99*l-5*(C(11*f)**2)**.4/f/f,900,90))x.fillStyle=`hsl(${47+213*l**6&127},99%,50%`

Nov 11 2017 10:20 AM UTC

}// 140/140

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

Would you like fries with that?

u/joeytwiddle

Set l=9 for a double whopper and modify 213 to customise your ingredients.
u/joeytwiddle

This was a not-so-impressive #tribute to this burger advert: https://vimeo.com/178939743 and here is a similar Smores advert: https://twitter.com/MachinePix/status/994279… But isn't is a shame we waste so much human effort and ingenuity on advertising (and silly dweets), instead of solving the world's problems? #capitalism #cognitivebias
u/joeytwiddle

I had hoped to round the edges of the bun. Alas. #food

show FPS hide FPS share fullscreen

New_Core

function u(t) {

for(x.shadowOffsetX=c.width|=i=5;i--;x.fill())x.shadowBlur=g=i*90,x.beginPath(),x.arc(a=-1e3+g/2,t*t-a/t,-a/3,0,7),x.shadowColor=R(0,g,g,.3)

Nov 10 2017 3:46 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 2 remixes fullscreen

cantelope

function u(t) {

for(x.globalAlpha=.07,x.fillRect(0,0,i=2140,i);i--;)x.clearRect(i*25%2e3+S(p=i*3+(k=C(t*2+i*9)))*(v=S(i*171+t)*50),i%1080+C(p)*v,4,4)

Nov 8 2017 6:19 AM UTC

}// 133/140

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

colorized version: https://codegolf.tk/a/232