Hot dweets by u/Agnes

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: #Opposites

show FPS hide FPS share fullscreen

Agnes

remix of d/9747 by u/f8f82804

function u(t) {

c.width|=t=5*t%9;Q=(e,y,s,q)=>x.fillText(q,0|x.setTransform(s,0,0,s,e,y),0);Q(Y=1e3,840,11,'⛳',Q(t,Y,15,'🏌',Q(X=110*t,Y-X+t**3,6/++t,'⚽')))

Sep 11 2018 11:17 AM UTC

}// 139/140

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

Golf dweet re-imagined with transforms instead of font changes. Turns out this isn't even shorter.

u/f8f82804

I like this! Might not be shorter but the ball is a good touch. #golf
u/magna

golfing golf

show FPS hide FPS share 1 remix fullscreen

Agnes

remix of d/9650 by u/Agnes

function u(t) {

A=a=>Math.random()*a;for(P='M960 540',i=Q=255;i--;P+='l'+(20-A(40))+' '+(20-A(40)));x.strokeStyle=R(A(Q),A(Q),A(Q)),x.stroke(new Path2D(P))

Sep 3 2018 9:29 PM UTC

}// 139/140

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

Yarn planet (variant of previous dweet with strokes instead of fills)

u/f8f82804

#path2d
u/donbright

creative

show FPS hide FPS share 1 remix fullscreen

Agnes

function u(t) {

A=a=>Math.random()*a;for(P='M960 540',i=500;i--;P+='l'+(15-A(30))+' '+(15-A(30)));x.fillStyle=R(A(Q=255),A(Q),A(Q),.1),x.fill(new Path2D(P))

Sep 3 2018 6: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).

Pastel

u/katkip

Nice

show FPS hide FPS share fullscreen

Agnes

remix of d/8422 by u/Agnes

function u(t) {

i=new Image();d=[...c.toDataURL()];for(j=1+~~t*100;j--;d[~~(Math.random()*d.length)]="a");i.src=d.join("");i.onload=()=>x.drawImage(i,0,0);

Aug 10 2018 9:56 AM UTC

}// 139/140

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

Re-make of d/8422 with the "u" variable re-named "d" (having a variable named "u" breaks your dweet in most views)... interestingly, this violates the new cross-domain content policy!

u/BirdsTweetCodersDweet

Could it be the toDataURL() ?
u/Agnes

I think we realised it's not actually the cross-domain policy breaking it but something else. The console errors are when you try to load corrupted PNG data, which this produces pretty often.

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(i=25,G=x.createRadialGradient(Q=960,M=540,Q,Q,M,1);i--;x.fillRect(0,0,2e3,2e3))G.addColorStop(i/25,R(F=(i*t)%255,0,F,.05)),x.fillStyle=G

Aug 9 2018 9:22 AM UTC

}// 140/140

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

Demonstrating the power of radial gradients.

u/d0n.key

#satisfying
u/joeytwiddle

This works well in my Firefox and Safari. In Chrome it's smooth but so slow.

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(c.width|=i=2;i--;)for(j=2;j--;)x.fillStyle=(j%2?'hsl(':'hsla(')+'0,100%,50%,.25'+(i%2?')':''),x.fillRect(X=960*i,Y=540*j,958,537)

Aug 8 2018 11:27 AM UTC

}// 133/140

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

HSL compatibility tester: depending on how your strict your browser is, one to four of these squares will be pink (technically translucent red).

show FPS hide FPS share 1 remix fullscreen

Agnes

remix of d/9088 by u/firegodjr

function u(t) {

F=n=>C(n)^T(n/t|0);x.drawImage(c,0,l=9);for(j=214;j--;)x.fillStyle='#'+F(j+t*60^-t*60+j).toString(16).padStart(3,'0'),x.fillRect(j*l,0,l,l)

Aug 4 2018 10:24 AM UTC

}// 139/140

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

Fractal Metropolis 1972

Show more comments…
u/katkip

Wow
u/joeytwiddle

Looks so cool and cyber, then come silly green smiley faces
u/katkip

That actually looks like a GOL
u/iverjo

Wow! Interestingly, this is the result of a long remix chain
u/fujimotos

The loop starts here: d/8940
u/donbright

i want a sweater like this
u/tomxor

I love this one!

show FPS hide FPS share fullscreen

Agnes

remix of d/8993 by u/katkip

function u(t) {

B=c.width--;_=t?_.map((v,i)=>v+1+v%i|x.setTransform(Q=-10*i,0,0,-Q,v,$=-20*Q)|x.fillRect(v,0,-B,1)|x.fillText('🐎',-v,S(v+4*t))):[0,0,0,0,0]

Aug 1 2018 1:31 PM UTC

}// 139/140

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

Moving 3D view. Had to sacrifice randomness to make this work... :(

u/katkip

Lol, wtf. Weird but funny. Nice.
u/magna

LOL
u/veubeke

:D
u/Agnes

x.fillText('🐎',v/=-25,C(v)) makes the horse movement look way better!

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(c.width|=l=20;l--;)for(s=189;s--;x.stroke())x.beginPath(P=S(l+5*t)),x.lineWidth=15-5*P+3*S(s+P*15+t),x.arc(960,540,25*l,s/30,(s+1)/30);

Jul 31 2018 10:48 AM UTC

}// 139/140

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

You can probably re-create BeesAndBombs's latest (https://twitter.com/beesandbombs/status/1024…) with this but it runs so poorly I didn't feel like doing the last part.

u/Agnes

#beesandbombs #kinda
u/Agnes

Runs perfectly fine at 60 fps in the iPhone browser, but a choppy 10-15 FPS in Chrome on my superpowered work laptop. What a time to be alive.

show FPS hide FPS share 2 remixes fullscreen

Agnes

remix of d/8945 by u/firegodjr

function u(t) {

F=n=>{return C(n)*C(n)+S(n)*S(n)<1}
x.drawImage(c,0,l=10)
for(j=214;j--;)x.fillStyle=F(j^t*60)?"#0f0":"#000",x.fillRect(j*l,0,l,l)

Jul 28 2018 8:15 PM UTC

}// 130/140

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

Visualising numbers for which sin(x)*sin(x) + cos(x)*cos(x) < 1.

u/donbright

wait wait wait wait wait.... sin^2 + cos^2 = 1. im so confused. is this about the imprecision of floating point arithmetic?
u/donbright

this is absolutely fascinating... set it ==1 or >1 gives different patterns.
u/donbright

also fun... return S(n)/C(n)==T(n)

dwitter.net | Agnes (1304)