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

function u(t) {

with(x)for(drawImage(c,-5,-5,1930,1090),lineWidth=10*(1+S(t)),i=9;i--;)strokeStyle=R(0,0,t*i%255,.1),strokeRect(100*(4+i+S(t)*3),400,50,200)

May 14 2018 10:35 PM UTC

}// 140/140

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

Underwater smoke default #default

show FPS hide FPS share fullscreen

Agnes

function u(t) {

c.width|=M=n=>n+(Math.random()-.5)/100;q=q.map(e=>M(e));x.setTransform(...q);x.fillRect(100,100,1720,880);}{q=[1,0,0,1,0,0];

May 10 2018 8:43 AM UTC

}// 124/140

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

Did you know only one and a half browsers implement x.currentTransform?

u/PiggyClone205

What's the half browser?
u/Agnes

Chrome, which only supports it if you turn on a debug flag.

show FPS hide FPS share fullscreen

Agnes

remix of d/7860 by u/prplz

function u(t) {

for(c.width|=i=9,x.translate(0,400);i--;)x.rotate(i*S(i*t)/100),x.fillRect(400+i*100+S(t)*300,S(9.42*S(t)+i%2*3.14)*30,50,200)

May 2 2018 10:56 AM UTC

}// 126/140

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

Galloping default

u/Agnes

#default

show FPS hide FPS share fullscreen

Agnes

remix of d/7843 by u/Agnes

function u(t) {

for(c.width|=i=9,a=C(t);i--;x.setTransform(1,0,-S(a+S(i+t)/4)/5,1,100*(4+i),400),x.fillRect(300*S(t)+25*S(i+a),200,50,-200));

Apr 29 2018 4:16 PM UTC

}// 125/140

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

Really rickety default

u/Agnes

#default
u/lionleaf

This makes me slightly uncomfortable
u/donbright

hilarious

show FPS hide FPS share 1 remix fullscreen

Agnes

function u(t) {

for(c.width|=i=9,a=t;i--;x.setTransform(1,0,-S(a+=S(t+i)/10)/5,1,100*(4+i),400),x.fillRect(300*S(t),200,50,-200));

Apr 29 2018 8:41 AM UTC

}// 114/140

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

Swaying default (using skew)

u/Agnes

#default
u/joeytwiddle

S(t+1) to swing from the bottom, S(t-1) to swing from the top

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(c.width|=i=M=20+~~t,x.font="128px A";i--;x.fillText("🐷",1920*i/M,540+300*S(6.4*i/M+t)));

Apr 26 2018 11:00 AM UTC

}// 92/140

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

Swine wave #swine #sine

Show more comments…
u/zanella

*applause*
u/Aezur

Swinewave function. Nice. :P
u/lionleaf

#emoji
u/sigveseb

Lol
u/lionleaf

Reference to typo on d/7779 🤣
u/iverjo

lol

show FPS hide FPS share 1 remix fullscreen

Agnes

function u(t) {

for(w=c.width|=i=9;i--;)x.rect(400+i*100+S(t)*300,400,50,200);x.clip();for(i=1e3,A=Math.random;i--;x.arc(w*A(),1080*A(),3*A(),0,7));x.fill()

Apr 25 2018 9:40 AM UTC

}// 140/140

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

Noisy default

show FPS hide FPS share 1 remix fullscreen

Agnes

remix of d/7842 by u/Agnes

function u(t) {

for(c.width|=i=9,a=t;i--;x.setTransform(1,0,-S(a+=S(i*t+35*i)/10)/5,1,100*(4+i),400),x.fillRect(300*S(t),200,50,-200));

Apr 29 2018 8:44 AM UTC

}// 119/140

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

This one looks more like they're hanging from the top and moving around is making them shake.

u/Agnes

#default

show FPS hide FPS share fullscreen

Agnes

remix of d/7763 by u/Agnes

function u(t) {

A=a=>Math.random()*a;q=i=0;B=t?B.map(a=>x.fillRect(960+(h=300+A(i++))*S(m=t/10-a+A(a-q)),540+h*C(m+!(q=a)),r=5/i,r)|m):[];i<99?B.push(t/8):0

Apr 24 2018 10:56 AM UTC

}// 140/140

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

Rings of dust II: smaller particles

show FPS hide FPS share fullscreen

Agnes

remix of d/7651 by u/Agnes

function u(t) {

for(c.width|=i=0;i++<100;f=i/50,x.fillStyle=R(128*f,255*(i>99)),x.font=24+3*i+"px A",x.fillText("Neat #2",200*(3-f*S(t)),740-200*f*C(t/8)));

Apr 23 2018 11:37 AM UTC

}// 140/140

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

Neat text #2: Neater Still

u/Agnes

Done better by u/aemkei as a remix to the original; check it out!
u/DirtyDan

Neat.
u/joeytwiddle

#text

dwitter.net | Agnes (1304)