New dweets | Dwitter

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

malikz

function u(t) {

n=20;;w=c.width=1920;h=c.height
for(i=1;i<=n;++i)x.fillRect(w/2+(i/n*w/2*C(t))*C(t*i),h/2+((i/n)*h/2*C(t))*S(t*i),9,9)

Sep 13 2018 9:10 AM UTC

}// 118/140

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

sin+cos

show FPS hide FPS share fullscreen

alex

function u(t) {

c.width=400
n=-t*10
x.transform(C(n),-S(n),S(n),C(n),200,115)
for(i=0;i<120;i+=0.1){x.lineTo(S(i)*((i)*2),C(i)*((i)*2),5,5)}
x.stroke()

Sep 13 2018 8:48 AM 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

BalintCsala

function u(t) {

eval(unescape(escape`挮睩摴栽㔰〻砮獣慬攨㈰ⰲ〩㭸⹦楬汓瑹汥㵠⌰〰㍠㭦潲⡩㴸㭩ⴭ㭸⹦楬氨⤩景爨砮扥杩湐慴栨樽㘰⤻樭ⴻ⥸⹬楮敔漨䌨愽横⸱〴⤪⡲㴨椫㘫⡪⭩⤥㈪⠨欽匨樯㄰⭴⨲⭩⼵⤩㰰㼰㩫⤩⼲⤫ㄳⱓ⡡⤪爫㜩`.replace(/u(..)/g,"$1%")))

Sep 13 2018 8:47 AM UTC

}// 136/140

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

Inspired by a beesandbombs tweet

u/f8f82804

#beesandbombs
u/Galaxtone

Decoded: c.width=500;x.scale(20,20);x.fillStyle=#0003;for(i=8;i--;x.fill())for(x.beginPath(j=60);j--;)x.lineTo(C(a=j*.104)*(r=(i+6+(j+i)%2*((k=S(j/10+t*2+i/5))<0?0:k))/2)+13,S(a)*r+7)
u/Xen

Love It!

show FPS hide FPS share fullscreen

achere

function u(t) {

c.width=1920;
x.font='100px serif';
for(i=2;i--;)x.fillRect(1300+i*300,500,200,600)
x.fillText('✈️', 500*T(t), 200*S(t*4+30)+500);

Sep 13 2018 6:44 AM UTC

}// 130/140

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

How 9/11 should have been...

u/Agnes

yikes
u/katkip

True

show FPS hide FPS share fullscreen

gho.xlrtx@gmail.com

function u(t) {

R=2.9+t/12
for(I=0,X=0.5;I<700;I++)X=R*X*(1-X)
for(I=0;I<100;I++){X=R*X*(1-X);x.fillRect(t*130,(1-X)*1000,2,2)}

Sep 13 2018 3:59 AM UTC

}// 112/140

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

Bifurcation Diagram for the Logistic Map

u/donbright

lovely. classic.

show FPS hide FPS share fullscreen

f8f82804

function u(t) {

c.width^=0;with(x)for(i=289;i--;beginPath(fill(arc(0,0,22+18*S(t+(X*X+Y*Y)**.5),0,7))))setTransform(1,0,0,1,60*(X=i%17+8),60*(Y=i/17%17+.5))

Sep 13 2018 3:51 AM UTC

}// 140/140

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

#halftone

show FPS hide FPS share fullscreen

f8f82804

remix of d/9777 by u/f8f82804

function u(t) {

with(x){for(strokeStyle=R(0,i=c.width=255,i),shadowColor=R(i,0,i);i-=3;)lineTo(i,66+S(i**3+t*9)*16);for(i=11;shadowBlur=i*i--;)stroke()}

Sep 12 2018 11:45 PM UTC

}// 136/140

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

#outrun #glow

show FPS hide FPS share fullscreen

jick

function u(t) {

c.width=800;
for(i=0;i<800;i+=10) {
  x.shadowBlur=50;
  x.shadowColor=R(0,0,0);
  x.lineTo(i,250+100*S(frame+i*20));
  x.stroke();
}

Sep 12 2018 11:31 PM UTC

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

f8f82804

function u(t) {

c.width=640;s=64;r=80;with(x)moveTo(X=h=180,h),lineTo(X+=s*C(t),h+(Y=s*S(t))),lineTo(X+=(r*r-Y*Y)**.5,h),lineTo(X+s,h),stroke()

Sep 12 2018 11:03 PM UTC

}// 127/140

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

#reciprocating #pison #mechanism with the dimensions from d/9806

Show more comments…
u/donbright

c.width=640 x.stroke(new Path2D(M 180,190 l ${[[C(t)*64,Y=64*S(t)],[(80*80-Y*Y)**.5,-Y]]} 64,0))
u/donbright

that golfs it down from 127 to 98
u/donbright

ok we can go lower. 94: c.width=640 x.stroke(new Path2D(M 180,190 l ${[C(t)*64,Y=64*S(t),(80*80-Y*Y)**.5,-Y,64,0]}))
u/donbright

you have to put back tickmark right before M and right after 64,0]} .. dwitter comment seems to eat the backtick
u/f8f82804

yeah, in comments backticks are used for code blocks
u/f8f82804

I don't know if it's possible to escape it with a backslash like \ or fillStyle=\hsl(...)`
u/f8f82804

...apparently escaping does not work
u/f8f82804

also, that's an excellent path2d use! you should post a remix
u/donbright

i was trying to make a choo choo train but its too many chars

show FPS hide FPS share fullscreen

f8f82804

function u(t) {

for(s=64,r=80,c.width=i=w=480;i--;)for(Y=s*S(a=i/9+t),j=2;j--;x.fillRect(i,j?r-s*C(i/9+t):2*r-s*C(a)-(r*r-Y*Y)**.5,1,2))x.fillStyle=R(255*j)

Sep 12 2018 11:01 PM UTC

}// 140/140

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

Comparing #sinusoidal motion (red) with #reciprocating motion of a crank and #piston (black), with stroke of 64 and rod length of 80. TDC at the top.. #math

u/f8f82804

See d/9807 for a mechanism with these dimensions
u/f8f82804

also a #template for graphing functions. #tool