Dweets awesomed by u/ellisk1

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 2 remixes fullscreen

pavel

function u(t) {

for(c.width|=i=1e3;i--;x.fill(p=new Path2D,p.arc(960+380*C(a=t+i/222)+r*C(11*a),540+380*S(a)+r*S(11*a),r<1||r**.5,0,7)))r=i*i/7e3

Dec 2 2018 8:21 AM UTC

}// 129/140

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

Swirler #beesandbombs

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width|=i=11;--i;)for(j=i*4;j--;x.fill(x.arc(960+r*C(a=j/i*11/7+15*t/1.7**i),540+r*S(a),12+r/60,0,7)))x.beginPath(r=30*i**1.2)

Dec 2 2018 7:03 AM UTC

}// 131/140

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

Spinning dots #beesandbombs

show FPS hide FPS share 1 remix fullscreen

veubeke

function u(t) {

eval(unescape(escape`䴽䵡瑨⹲慮摯活琦♲㰱㔰☡䐮獯浥⡤㴾䵡瑨⹨祰潴⡤⹰⵰Ɽ⹱⵱⤼搮爫爫㤩㽲⬽㈺瀽䴨䐽琿嬮⸮䐬筰ⱱⱲ絝㩛崬焽䴨爽〩⨱〸〩⨱㤲〻砮晩汬却祬攽刨㈵㔭爩ⱸ⹦楬氨倽湥眠偡瑨㉄ⱐ⹡牣⡰ⱱⱲⰰⰷⰰ⤩`.replace(/u(..)/g,"$1%")))

Dec 1 2018 11:39 AM UTC

}// 137/140

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

#circles

u/veubeke

Uncompressed: M=Math.random;t&&r<150&!D.some(d=>Math.hypot(d.p-p,d.q-q)<d.r+r+9)?r+=2:p=M(D=t?[...D,{p,q,r}]:[],q=M(r=0)*1080)*1920;x.fillStyle=R(255-r),x.fill(P=new Path2D,P.arc(p,q,r,0,7,0))
u/magna

#waitforit
u/magna

Awesome!
u/magna

TIL: Math.hypot()
u/Xen

my Anti-OCD wants just one circle to touch :P

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

t||x.translate(960,540);with(x)beginPath(p=Math.PI),moveTo(9,9),arc(r=6e3*Math.random(),0,r/2,7*p/8,p),stroke(),rotate(p/9),lineWidth=r/1e3

Nov 30 2018 8:46 PM UTC

}// 139/140

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

Busy Spider

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

if(t<14)for(t*=5,i=7;--i;z=C(t*.99)*499+499,x.fill(p=new Path2D,p.arc(960+C(t+i)*z,540+S(t+i)*z,60,0,7)))x.fillStyle=`hsl(${i*60},99%,${t}%`

Nov 29 2018 8:46 PM UTC

}// 140/140

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

woven mess

u/katkip

#symmetry

show FPS hide FPS share 1 remix fullscreen

anotherkitten

remix of d/11195 by u/anotherkitten

function u(t) {

if(!t)b=Array(c=1e6).fill(-1),a=i=0,m=Math.PI;if(a<c)b[a]=1,a+=d=a-++i<0?i:b[a-i]*i,x.arc(a-d/2,540,i/2,g=m*(i&1),g+m),x.stroke()

Nov 29 2018 3:29 PM UTC

}// 129/140

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

recaman's sequence over time

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;j=i-->>5;x.arc(98*(28-k*63+i%32*(4*k-2)+(j|t)%2+t%1/2+(.5-j%2)/(1+9e9**(j/9-t%1))),(j-k)*170,98,3*!k,3*k))k=i>>4&1
x.fill()

Nov 29 2018 12:18 AM UTC

}// 140/140

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

MORE disks >:) #beesandbombs

u/anotherkitten

stop being so good
u/katkip

i love your beesandbombs dweets
u/pavel

I call fill just once, the black bits are a single connected shape that zig-zags, the messy edges are hidden offscreen.
u/pavel

I use 1/(1+9e9**x) to smooth step but even rows step twice in one cycle which is done by adding (j|t)%2 as offset.
u/pavel

In hindsight ~~x+(x%1)**9 is better for multi-smooth-step animations.

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

for(c.width|=i=40,v=S(t/3)*4+1;i--;)for(j=6,z=1.05;j--;)x.fill(p=new Path2D,p.arc(960,540,i*30,j*z+v/i**.4+t,j*z+z+v/i**.5+t))

Nov 28 2018 5:04 AM UTC

}// 126/140

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

tendrils

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

with(x)for(i=1;i++<32;beginPath(fill()))for(j=8;j--;arc(X=960-C(t)*250,X/2,2e3/(i-t*8%2),a=133*j,a))fillStyle=R(v=i%2*64,i*9*S((t%7)**2),v)

Nov 27 2018 4:14 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 is a light at the end of a tunnel

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x)for(c.width|=k=320,scale(9,9);--k;arc(107,60,16*(k>>5)+16/(1+1e5**(.5+k%2-t%2)),a=(t/2-k)%11*.571,a))k%2&&beginPath(stroke())

Nov 26 2018 7:23 PM UTC

}// 132/140

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

Walking Spiral #beesandbombs

u/pavel

Using scale(9,9) to get thick lines and shave some digits from coordinate numbers (e.g. 60 vs 540 for height)
u/pavel

x.arc(X,Y,r,a,a) = x.lineTo(X+r*C(a),Y+r*S(a))
u/katkip

Duuude
u/katkip

Awesomeee

dwitter.net | ellisk1 (8783)