New #SYMMETRY 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 1 remix fullscreen

KilledByAPixel

remix of d/31725 by u/KilledByAPixel

function u(t) {

for(t*=60,i=w=1e3;i--;x.fillRect((i-t)*2+w,t+i+z%18*34-500,2,w))x.fillStyle=`hsl(${(z=i>>5&t>>5)**5} ${z*9}%${i%8<7?t%8<7?50:85:9}%`

May 16 2024 5:09 PM UTC

}// 132/140

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

Marble Madness 2 🔴 Smaller + Color

u/lewdev

Now I'm wondering if you're calling it Marble Madness only because it looks like it or also because that's how they rendered their 3D?
u/KilledByAPixel

mostly because of the resemblance, i think the original machine probably used some kind of tile based rendering system
u/cantelope

#symmetry
u/lewdev

Thank you for your insight u/KilledByAPixel. It makes sense to me.

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/28965 by u/rodrigo.siqueira

function u(t) {

for(i=11e3;i--;)x.fillRect(960+1e4*T(i*1e4*t)/i/t+S(i/2)*500,540+S(i)*90+500*S(i/.9)/2+5*S(i/t)/t,1,t<1)

Nov 26 2023 1:44 PM UTC

}// 104/140

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

#Lissajous wave object

u/cantelope

#symmetry

show FPS hide FPS share 3 remixes fullscreen

rodrigo.siqueira

remix of d/19740 by u/rodrigo.siqueira

function u(t) {

c.style.filter=`invert(`
for(i=1e4;i--;f(0,0,260/(1+i%2),t*i))f=(X,Y,s,r)=>s>1?f(Y+s*S(r),X+s*C(r),s/(2+t),r*5):x.fillRect(X+940,Y+540,1,.4)

Dec 7 2020 1:02 PM UTC

}// 140/140

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

White #snowflake #symmetry on black background

u/katkip

wow
u/andrea270872

Terrific. Looks like some kind of X-ray picture. Great

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/20898 by u/cantelope

function u(t) {

for(c.width=i=640;i--;T=!T&&!x.beginPath(x.stroke()))j=i/16-T*i&30,r=(j+4)/12<<6,x.arc(320+r*C(a=j/1.91+t),180+r*S(a),i&30?0:32,0,7)

Dec 4 2020 3:01 AM UTC

}// 132/140

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

Metatron's Cube

Show more comments…
u/pavel

Golfed this one a little bit :) #symmetry
u/pavel

i=[4 bits for start circle index][4 bits for end circle index offset from start circle][1 bit to decide start vs end]
u/pavel

That's 2**9=512 which is too small for power-of-two circle sizes but start clicle index wraps around so larger i is only redundant.
u/pavel

end-circle-offset == 0 is easy to check and means start and end are same circle, so draw that circle.
u/pavel

Otherwise draw the current circle with radius 0 which is same as lineTo.
u/pavel

T=!T&&!x.beginPath(x.stroke()) starts/strokes the path every two circles.
u/pavel

Here is a version before all the bit hacking for(c.width=640,i=16;i--;)for(j=16;j--;x.beginPath(x.stroke()))for(k=2;k--;)q=(i+j*k)%16,r=((q+2)/6|0)*64,x.arc(320+r*C(a=Math.PI/3*q+t),180+r*S(a),!j*32,0,7)

show FPS hide FPS share fullscreen

Xen

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑧𫁯𨡡𫁁𫁰𪁡🐮𜰬𬱣𨑬𩐨𛐡𩡩𫁬𤡥𨱴𚁍🐱𩐳𚱃𚁴𛰳𚐪𝐴𜀬𣠽𝐴𜀫𤰨𭀩𚠴𝀰𛁏🐹𞐬𣰩𛀡𭁲𨑮𬱬𨑴𩐨𮠽𨰮𭱩𩁴𪀬𜀩𚐬𩡩𫁬𤱴𮑬𩐽𨁨𬱬𚀤𮱏𚡴𯐬𞐰𙐬𜰰𙐩𨀬𬱴𬡯𪱥𤡥𨱴𚁍𛁎𛁏𛁏𚐬𩁲𨑷𢑭𨑧𩐨𨰬𜀬𜀬𮠬𜐰𞀰𛀭𝀬𛐴𛁺𚰹𛀱𜀸𞀩`.replace(/u../g,'')))

Nov 26 2020 6:11 PM UTC

}// 140/140

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

Calm Xen #Xweet #symmetry

show FPS hide FPS share fullscreen

jellyedwards

function u(t) {

t/k>2?k+=++j:x.translate((c.width|=b=τ/j)/2,h=500)
t&1?d+=b/120:x.scale(1,C(t*τ))
for(a=d;τ>a-d;x.fill())x.arc(0,0,h,a+=b,a)}{j=k=3,d=τ=6.28

Nov 20 2020 6:48 AM UTC

}// 140/140

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

Group #symmetry #numbertheory

u/jellyedwards

Trying to do this sort of thing for all polygons: http://mathonline.wikidot.com/the-group-of-s…
u/jellyedwards

Not much point posting this when there are mountain landscapes and stargates dweets around lol
u/smtsjhr

i can appreciate these Dihedral Group symmetries
u/DataMeta

interesting! glad you posted it :)

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/20621 by u/ciaccodavide

function u(t) {

z=t*t,w=960,h=540
t<13.37?(x.moveTo(w,h),x.lineTo(w+C(z|z)*2e3,h+S(z|z)*2e3),x.stroke()):(x.moveTo(w,h),x.arc(w,h,99,0,9),x.fill())

Nov 15 2020 9:47 PM UTC

}// 131/140

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

B L A C K S U N #symmetry

show FPS hide FPS share fullscreen

rep_movsd

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁲𩑳𩑴𥁲𨑮𬱦𫱲𫐨𩡩𫁬𤱴𮑬𩐽𨁨𬱬𚀤𮱴𚠹𝰥𜰶𜁽𛀹𞐥𛀵𜀥𛀮𜀵𚑠𚐬𭁲𨑮𬱬𨑴𩐨𞐶𜀬𝐴𜀩𛁍🐲𜀰𚡍𨑴𪀮𬡡𫡤𫱭𚀩𛁡🐱𜠻𨐭𛐻𩡩𫁬𤡥𨱴𚁍𛁍𛁍𛁍𚐬𬡯𭁡𭁥𚀮𝐲𜰩𚐻`.replace(/u../g,'')))

Nov 15 2020 4:05 PM UTC

}// 117/140

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

Mandala #symmetry

u/tomxor

🍄
u/smtsjhr

v pretty

show FPS hide FPS share fullscreen

plusright

function u(t) {

c.width=999;w=40;a=16
for(i=0;i<a;i++){for(j=0;j<a;j++){s=i%2==0?-1:1
x.fillRect(-2*w+i*2*w+S(t)*w+C(t)*-s*w,-2*w+j*2*w+(C(t)*w*s),w,w)}}

Nov 15 2020 8:26 AM UTC

}// 137/140

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

possibly #symmetry

u/plusright

gotta find a more succinct way of writing for loops, this one just feels a little too dull
u/yonatan

c.width=999 for(w=i=40;i--;)for(j=16;j--;)s=i%2==0?-1:1,x.fillRect(-2*w+i*2*w+S(t)*w+C(t)*-s*w,-2*w+j*2*w+(C(t)*w*s),w,w)
u/yonatan

actually, the fillRect can go into the for loop's final expression, between the ; and the ) to save 2 more chars
u/plusright

aha! that's clever, thanks.

show FPS hide FPS share fullscreen

smtsjhr

function u(t) {

n=3+(0|t/3)%4;
for(c.width|=i=56-(n<5)*4;k=500+20*C(t*i/5)-t%1**i,i--;)x.lineTo(960+k*S(a=i*6.28/n),550-k*C(a));x.fill('evenodd')

Nov 14 2020 9:47 PM UTC

}// 129/140

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

choose your fighter #symmetry

u/sigveseb

Nice effect

dwitter.net | #SYMMETRY