Top #circles dweets

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

katkip

function u(t) {

eval(unescape(escape`挮睩摴桞㴰㭴⼽㈻昽⡘ⱙⱳ⤽㹻砮扥杩湐慴栨⤻楦⡳㸲〩砮慲挨堬夬猬〬㜩ⱸ⹳瑲潫攨⤬昨堫䌨猫琩⩳ⱙⱳ⼲⤬昨堭䌨猫琩⩳ⱙⱳ⼲⤬昨堬夫䌨猫琩⩳ⱳ⼲⤬昨堬夭䌨猫琩⩳ⱳ⼲⥽㭦⠹㘰ⰵ㐰ⰷ〰⤻`.replace(/u(..)/g,"$1%")))

Dec 30 2018 10:15 AM UTC

}// 135/140

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

#circles #fractal #recursion #recursive I'm just like a gifted autistic kid who finally discovered recursion c.width^=0;t/=2;f=(X,Y,s)=>{x.beginPath();if(s>20)x.arc(X,Y,s,0,7),x.stroke(),f(X+C(s+t)*s,Y,s/2),f(X-C(s+t)*s,Y,s/2),f(X,Y+C(s+t)*s,s/2),f(X,Y-C(s+t)*s,s/2)};f(960,540,700)

show FPS hide FPS share 2 remixes fullscreen

pavel

remix of d/11225 by u/veubeke

function u(t) {

T<150&&!D.some(d=>Math.hypot(d.p-p,d.q-q)<d.T+T)?x.beginPath(x.fill(x.arc(p,q,T+=2,0,7,0))):(D=t?[...D,{p,q,T}]:[],p=t**7%2e3,q=p*p%1e3,T=0)

Jan 8 2020 6:07 AM UTC

}// 140/140

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

Blots

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

eval(unescape(escape`𭀿𚁘🐨𤠽𣑡𭁨𛡲𨑮𩁯𫐩𚀩𚠲𩐳𛁙👒𚀩𚠱𩐳𛁲👍𨑴𪀮𫑩𫠨𛠮𛡁𛡭𨑰𚁢🐾𣑡𭁨𛡡𨡳𚁍𨑴𪀮𪁹𬁯𭀨𦀭𨠮𦀬𦐭𨠮𦐩𛑢𛡲𚐩𚐬𠐮𬁵𬱨𚁻𦀬𦐬𬡽𚐩𞡁👛𮱘𞡘🐹𛁙𞡙🐹𛁲𞡲🐹𯑝𒡸𛡳𭁲𫱫𩐨𤀽𫡥𭰠𤁡𭁨𜡄𛁐𛡡𬡣𚁘𛁙𛁲𛀰𛀷𚐩`.replace(/u../g,'')))

Jan 12 2022 9:25 PM UTC

}// 133/140

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

tangent #circles

Show more comments…
u/ciaccodavide

thanks Taran
u/rep_movsd

Wow - whats the algorithm used?
u/ciaccodavide

I don't know if this algorithm has a name but it's really simple: 1 create a circle, 2 choose a random position, 3 find the nearest circle's center, 4 draw a new circle with that random position and radius equal to it's distance to the nearest circle's center minus its radius
u/ciaccodavide

then go back to 2
u/ciaccodavide

d/24748
u/mottalan93

wow bro, i think u are the best doing these.

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

ciaccodavide

remix of d/24732 by u/ciaccodavide

function u(t) {

eval(unescape(escape`𭀿𚁘🐴𝠰𚰨𤠽𣑡𭁨𛡲𨑮𩁯𫐩𚀩𚠱𩐳𛁙🐴𜀫𤠨𚐪𜑥𜰬𬠽𣑡𭁨𛡭𪑮𚀮𛠮𠐮𫑡𬀨𨠽🡍𨑴𪀮𨑢𬰨𣑡𭁨𛡨𮑰𫱴𚁘𛑢𛡘𛁙𛑢𛡙𚐭𨠮𬠩𚐩𛁁𛡰𭑳𪀨𮱘𛁙𛁲𯐩𚐺𠐽𦱻𦀺𦀽𞐶𜀬𦐺𦐽𝐴𜀬𬠺𬠽𞑽𧐊𮀮𬱴𬡯𪱥𚁐👮𩑷𘁐𨑴𪀲𡀬𤀮𨑲𨰨𦀬𦐬𬠬𜀬𝰩𚐠`.replace(/u../g,'')))

Jan 12 2022 9:31 PM UTC

}// 139/140

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

tangent #circles center squared

u/ciaccodavide

#waitforit

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𬠽𧰽🡍𨑴𪀮𬡡𫡤𫱭𚀩𚠲𩐳𞱘👲𚁙👲𚁚🐴𜀰𚐩𞱴🱁𛡭𨑰𚁡🐾𦠽𚁒🐨𚁡𛡘𛑘𚐪𚠲𚰨𨐮𦐭𦐩𚠪𜠩𚠪𛠵𚐾𨐮𦠫𦠿𦠺𤠭𨐮𦠩𞡁👛𧐻𭱩𭁨𚁸𚑚🠰𙠦𨡥𩱩𫡐𨑴𪀨𠐮𬁵𬱨𚁻𦀬𦐬𦡽𚐬𩡩𫁬𤱴𮑬𩐽𨁨𬱬𚀤𮱲𚀩𯐠𞐹𙐵𜀥𨀬𩡩𫁬𚁡𬡣𚁘𛁙𛁚𛀰𛀷𚐩𚐻`.replace(/u../g,'')))

Jul 18 2019 12:22 AM UTC

}// 140/140

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

Fill the canvas with random non-overlapping circles, different every refresh!

u/veubeke

Monochrome: https://www.dwitter.net/d/11225
u/donbright

how the ?????
u/KilledByAPixel

#circles I did not know about Math.hypot()

You've reached the end.

dwitter.net | #circles