Dweets awesomed by u/tylertoomey

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

tylertoomey

function u(t) {

for(i=0;i<1000;i++){x.fillStyle=`hsl(${C},80%,50%)`;x.fillRect(T()*400,T()*400,2,2);t?C=100+(T()>S(t))*100:(T=Math.random,c.width=400)}

Jan 10 2020 5:23 PM UTC

}// 135/140

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

bloom

show FPS hide FPS share fullscreen

Whimpers

function u(t) {

for(c.width|=j=5,z=600;j--;)for(i=2*z;i--;)x.fillRect(960+T(i)*600+S(j*z)*99,540+S(i*52e-4)*300+T(i*j+t)*99,s=C(i*52e-4)*5-1.5,s)

Jan 10 2020 4:31 PM UTC

}// 129/140

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

u/KilledByAPixel

remix of d/17146

show FPS hide FPS share fullscreen

katkip

function u(t) {

s=600;X=(r=Math.random)()*s+660;Y=r()*s+240;Z=r()*30;if(((X-960)**2+(Y-540)**2)**.5<300-Z)x.beginPath(),x.fill(x.arc(X,Y,Z,0,7))

Jan 10 2020 2:49 PM UTC

}// 128/140

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

Circles that create a #circle

show FPS hide FPS share fullscreen

WasifBoomz

function u(t) {

x.setLineDash([10*t,10*t])
x.strokeStyle=R(20*t,255-t*20,255-t*40)
x.strokeRect(25*t,25*t,100*t,100*t)

Jan 9 2020 3:44 PM UTC

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

rodrigo.siqueira

remix of d/17089 by u/rodrigo.siqueira

function u(t) {

for(i=45;i--;x.strokeStyle=`hsl(${32*t},65%,${50*S(t*9)}%,.5`,x.stroke())x.beginPath(r=t*9),x.arc(960+r*C(a=t+i/70),540+r*S(a),5*t*t,0,7)

Jan 9 2020 2:56 PM UTC

}// 137/140

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

Neon lights #tunnel #neon Try to remove +i/70 to see a #spiral Moiré pattern.

u/Xen

10billion awesomes because it went to my music!

show FPS hide FPS share fullscreen

dooncee

function u(t) {

for(i=0;i<10;i++)x.fillRect(900+i*100*C(t*C(t)),500+i*100*C(t),5,5)

Jan 8 2020 11:43 AM UTC

}// 67/140

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

from chaos to order, wait for it

u/Odog8

why does it form the concentric squares, though?
u/Xen

for each iteration of i ... i*100*C( ... it slowly fills an area of that size hence squares
u/aleamb

#waitforit #math #chaos

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=i=4;i--;x.fill(x.arc(96*(8+i%2*4+2*o+C(a=Math.PI*(o?q:-q))),540+96*S(a),96,0,7)))q=t+3*(i>1),x.beginPath(o='001221'[~~q%6]-1)

Jan 7 2020 11:54 PM UTC

}// 138/140

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

Points

Show more comments…
u/pavel

Credit https://www.reddit.com/r/loadingicon/comment…
u/tylertoomey

Can you explain how you are declaring your variables? specifically in "8+i%2*4+2*o+C" you reference 'o' and 'C' before they have even been declared -- I think.
u/pavel

for(i=9;i--;/*code here*/)/*runs after code here*/
u/ivylab

Exactly the other way around, isn't it? First the code after the bracket runs and then the code in the brackets. Your declaration is behind them. c.width=1e3;for(i=9;i--;x.fillStyle='red')x.fillRect(112*i,0,100,1000) shows that too.
u/sigveseb

Or in other words, a for loop for(A; B; C) D; will run the different parts in this order: A B D C B D C B D C .. B
u/ivylab

Exactly what I think and meant. Well written @sigveseb
u/joeytwiddle

beginPath, arc and do-si-do 🕺💃 🎻
u/UEZ

#dance

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

x.fillRect((T=-~T)%32*60-((z=T>>5)%2-(q=S(T*T)<0))*30,(z-q)*30,q?6:66,q?60:6)

Jan 7 2020 7:01 PM UTC

}// 77/140

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

Mini #Maze #Truchet

u/Xen

Amazing! :-O
u/katkip

amazeing
u/sigveseb

next step: solving the maze

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/17068 by u/pavel

function u(t) {

for(i=8;i--;x.strokeStyle=`hsl(${55*t},65%,${50*(5*t%2)}%`,x.stroke())x.beginPath(r=t*99),x.arc(960+r*C(a=i+t),540+r*S(a),160*t**.5,0,7)

Jan 6 2020 7:55 PM UTC

}// 136/140

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

Color spiral of circles #spiral

u/pavel

Wow this one looks nice after some time #waitforit
u/aleamb

nice!

show FPS hide FPS share fullscreen

robbyg

remix of d/17072 by u/tylertoomey

function u(t) {

for(c.width|=i=0;i<720;i++)x.fillStyle=`hsl(${i/2+t*60},50%,50%)`,k=i/36|0,x.fillRect(9+i%36*53+C(t*9+k)*9,9+k*53+S(t*9+i%36)*9,45,45)

Jan 6 2020 3:09 PM UTC

}// 134/140

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

Golfed and then colorized because that's how I start my mornings.

dwitter.net | tylertoomey (1080)