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

show FPS hide FPS share 1 remix fullscreen

Agnes

function u(t) {

P=3.14;for(c.width|=i=10;--i;x.fillRect(0,0,1,1))a=(i/3+t)%(2*P),x.setTransform(a<P/2||a>3*P/2?50*C(a):0,0,0,200,860+200*S(a),440)

May 17 2021 10:33 AM UTC

}// 130/140

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

Cylindrical default

u/Agnes

#default

show FPS hide FPS share fullscreen

Agnes

remix of d/22739 by u/Agnes

function u(t) {

c.width|=0;a=t?a.filter(e=>e>.1):[];~~(60*t)%20==0?a.push([1e3]):0;a.map((e,i)=>x.arc(960*(1+.3*S(i+t)),540,e[0]*=.9,0,7));x.fill('evenodd')

May 10 2021 9:59 PM UTC

}// 140/140

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

Popcorn Launcher

show FPS hide FPS share 1 remix fullscreen

Agnes

remix of d/22738 by u/TGY

function u(t) {

t?c.width=2e3:a=[]
c.onclick=e=>(X=e.x-960)&(Y=e.y-540)&a.push([X*Y])
a.map((e,i)=>x.arc(960,540,e[0]*=.9,0,7))
x.fill('evenodd')

May 10 2021 1:47 PM UTC

}// 129/140

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

Very cool idea by TGY, playing around with the concept

u/Agnes

You can even optimise this by adding a=a.filter(e=>e>0) if X*Y is replaced by (e.x-960)*(e.y-540), which I guess doesn't matter at all but feels better somehow if someone were to sit around clicking on this millions of times
u/aleamb

#interactive

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)for(M=2e3;--M;strokeStyle=`hsl(180,${M%99}%,50%)`,beginPath(stroke()))arc(960+M*S(t+M),540+M*C(M),M,0,7);

May 8 2021 10:26 AM UTC

}// 112/140

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

Whirlpool

u/magna

Love the style!

show FPS hide FPS share fullscreen

Agnes

function u(t) {

M=1e4;(A=t?A:[...Array(M).keys()].map(e=>10*Math.random())).map(a=>x.translate(S(a*t)/M,C(a*t)/M--));x.lineTo(960,540);x.stroke();

May 3 2021 5:01 PM UTC

}// 130/140

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

Random "discrete" ""Fourier"" """transform"""

show FPS hide FPS share fullscreen

Agnes

function u(t) {

c.width|=i=0;(A=t?A.filter(e=>1|x.fillRect(e[0]+=++i*S(Q=i+t),e[1]+=i*C(Q),i,i|(x.fillStyle=`hsl(${i},99%,50%,${9/i}`))):[]).push([960,540])

May 2 2021 1: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).

Nucleus

u/Agnes

Probably broken on browsers with stricter HSL format than Chrome!
u/Xen

nice style

show FPS hide FPS share 1 remix fullscreen

Agnes

function u(t) {

with(x)for(setTransform(1,0,0,1,Q=960,Y=t?++Y%1080:0),i=-Q;i++<Q;rotate(Y),fillRect(i,Y,M,M))fillStyle=`hsl(${M=C(1.6*i/Q)},${1e4/i}%,50%)`

May 1 2021 9: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).

Red giant

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(P=4*Math.PI,c.width|=i=10;--i>((T=(t%(2*P))/P)>3/8&&T<7/8?-10:0);x.fillRect(100*(4+i+Q*S(t)),400,50,200))Q=3+2*C(T-3/8)

Apr 30 2021 9:02 AM UTC

}// 123/140

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

#default with secret length

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(c.width|=i=0,x.scale(50,50);i<9;x.stroke(),x.beginPath(),i++)for(y=50;--y;x.lineTo(8+2*i+S(t+y/50)*6,8+2*y/25));

Apr 26 2021 12:40 PM UTC

}// 116/140

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

Bendy default

u/Agnes

#default
u/sigveseb

nice and stretchy

show FPS hide FPS share fullscreen

Agnes

remix of d/22631 by u/Agnes

function u(t) {

for(q=100;--q;Q=t?Q+`l ${e} ${f}`:"M 960 540")l=t?l+(e*e+f*f)**.5:0,e=3*S(a=t**q-l),f=3*C(a);x.strokeStyle='#0000'+l,x.stroke(new Path2D(Q))

Apr 25 2021 12:50 PM UTC

}// 140/140

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

Slightly more space-filling line pattern

u/Agnes

Huh, this was drawing patterns for me yesterday but today, on the same computer, it's not doing anything. Weird???
u/Xen

works here, maybe you should try putting the Q= inside Path2D so its declared on fist pass

dwitter.net | Agnes (1045)