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/22606 by u/Agnes

function u(t) {

for(f=0,q=480;--q;)for(y=270;--y;x.fillRect(4*q,4*y,4,4))x.fillStyle='#'+(''+~~(q*y*t*f++)%(2**24)).padStart(6,'0')

May 31 2021 5:17 PM UTC

}// 115/140

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

Higher-res (2.5x in both directions) "rippling through colour space" to match the recent performance increase

show FPS hide FPS share fullscreen

Agnes

function u(t) {

K=[];for(v in x){K.push(v)}x.font="120px A";x.fillText(A=t?A:"#"+K[0|Math.random()*K.length],960-35*A.length,540)

May 27 2021 8:09 AM UTC

}// 113/140

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

Theme challenge generator

u/taupelink

whoa

show FPS hide FPS share fullscreen

Agnes

remix of d/22799 by u/Agnes

function u(t) {

P=3.14;for(c.width|=i=100;--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),20*i-300)

May 19 2021 7:33 AM UTC

}// 136/140

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

Cylindrical #Default Tower

show FPS hide FPS share fullscreen

Agnes

remix of d/22826 by u/Agnes

function u(t) {

P=p=>p+C(t)+t%6.3;[...Array(2e3).keys()].map(e=>e).sort(e=>C(P(e))).map(e=>{x.fillStyle='#'+e;x.fillRect(860+200*S(P(e)),e,50*C(P(e)),-99)})

May 20 2021 10:00 AM 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 interesting depth-sorted spinning tower

u/Agnes

I just realised there's literally no reason to do mod 2*pi at the end of the P function, wow
u/Agnes

And there's a map(e=>e) in there! Must have been asleep when I programmed this.

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 1 remix fullscreen

Agnes

function u(t) {

[...Array(c.width|=P=p=>p/3+t%6).keys()].map(e=>e).sort(e=>C(P(e))).map(e=>{x.fillStyle='#'+e;x.fillRect(860+200*S(P(e)),e,50*C(P(e)),-99)})

May 20 2021 7:52 AM UTC

}// 140/140

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

Actually depth-sorted spinning tower

u/Agnes

Features the approximation 2*pi ~ 6

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"""

dwitter.net | Agnes (1304)