Dweets awesomed 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(c.width|=i=9,scale(m=100,m),font='2px A',fillText("🚚",r=20-t*(1+.2*C(t)),6);i--;fillRect(Math.min(4+i+S(t)*3,r+i/2-4),4,.5,2));

Mar 9 2018 1:49 PM UTC

}// 138/140

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

Show more comments…
u/fujimotos

Haha, good.
u/jylikangas

Awesome! Reminds me of Shikato animations. :D
u/aleamb

Lol! nice!
u/Xen

love it :-)
u/magna

LOL
u/M1T0

haha very smart
u/Agnes

#default
u/joeytwiddle

#physics
u/micahcowan

#truck #emoji
u/vain

haha... great idea and impressive implementation

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)t?(font='64px A',drawImage(c,4,4,w-q,h-q),fillText("👻",e=(e+w+q*S(R=Math.random()*6.3))%w,y=(y+h+q*C(R))%h)):(e=y=q=8,w=1920,h=1080)

Mar 8 2018 1:45 PM UTC

}// 139/140

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

This looks way cooler if q=32 but I couldn't figure out how to fit that while retaining good % behaviour at the edges.

u/fons

so nice colors

show FPS hide FPS share 1 remix fullscreen

AnnanFay

remix of d/7166 by u/AnnanFay

function u(t) {

t?0:w=c.width=576
x.fillRect(0,0,w,w)
for(z=67;z--;x.fillText(0|(Y=~~(t*(3+z**7.1%20)-37))**7.3%9,z*9,Y*9%w))x.fillStyle=R(0,z&&w,0,z||.03)

Mar 8 2018 8:54 AM UTC

}// 139/140

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

Digital Rain v2

u/iverjo

Yes!
u/katkip

#matrix

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(c.width|=i=9;i--;)with(x)z=S(t/4),setTransform(m=100+50*z,0,.1*C(t),m,0,z*S(t)),filter=`blur(${5*(3+z)}px)`,fillRect(4+i+S(t)*3,4,.5,2)

Mar 5 2018 7:05 PM UTC

}// 139/140

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

Found footage of the Dwitter logo for real (2017) (real HD footage 2017) [spooky warning]

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(c.width|=i=9,f=t>1.4,x.scale(m=100,m);i--;)with(x)fillRect(e=4+i+S(f?1.4:t)*3,4,.5,2),font=i+'px A',fillText(f?"ゴ":'',e,6+i)

Mar 5 2018 2:26 PM UTC

}// 128/140

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

The joke was going to be that everything turned sepia (#7F462C) after it stops but I couldn't find any way to get that below 152 characters. I'd be really impressed if someone found a way.

u/katkip

#jojo

show FPS hide FPS share fullscreen

Agnes

function u(t) {

w=c.width+=0;x.translate(w/2,540);A=[...new Array(w).keys()];A.forEach(i=>{with(x)fillStyle='#'+i,rotate(i),fillRect(0,0,5*T(i/(10*t)),w)});

Mar 4 2018 7:43 PM UTC

}// 140/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 1 remix fullscreen

Agnes

function u(t) {

c.width+=0;A=[...new Array(w=1920).keys()];A.forEach(i=>{q=i/w;x.fillStyle=R(255*q),x.fillRect(i,540+300*S(t/100+w--)*C(i*C(t/100)),5,5)});

Mar 4 2018 6:00 PM UTC

}// 139/140

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

There's potential in the A=[...new Array(w=1920).keys()];A.forEach(...) method.

u/prplz

It takes less characters to do a backwards for loop. for(i=w=c.width|=0;i--;)code
u/prplz

d/7165

show FPS hide FPS share fullscreen

Agnes

function u(t) {

w=1920;B=x=>S(x+Math.random());e=w*t/5,o=~~(e/w);o&&q<o&&(c.width+=0);e%=w;for(i=o,v=B(e);i--;v=B(v));x.fillRect(e,540+300*v,5,5);throw(q=o)

Mar 1 2018 1: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).

Proving a point to a colleague for why high-order trigonometric functions make for a poor random distribution. Not art. :(

u/AnnanFay

Hmm, I don't really understand. This is because you are getting the sine of values in [0,2]?

show FPS hide FPS share fullscreen

Agnes

function u(t) {

q=5*(1+C(t));for(i=c.width=c.height=100;i--;)for(j=100;j--;)with(x)fillStyle=`hsl(${q*t*(i+1)*(j+1)},50%,50%)`,fillRect(i-q,j-q,2*q,2*q);;

Mar 1 2018 10:06 AM UTC

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

Agnes

function u(t) {

q=5*(1+C(t));x.filter=`blur(${q}px)`;for(i=c.width=c.height=100;i--;)for(j=100;j--;)with(x)fillStyle='#'+i*j,fillRect(i-q,j-q,2*q,2*q);;

Feb 28 2018 9: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).

u/donbright

i really like this one... the way it works is really interesting, variable size "pixels" plus blur
u/Agnes

Wait whoops, I just realised the filter doesn't do anything because I apply it before I reset the canvas in the first for loop. The blurry effect is just from the variable-sized pixels. Interesting?

dwitter.net | Agnes (2359)