Top #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: #ScaryMovies

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 fullscreen

ntsutae

remix of d/20532 by u/ntsutae

function u(t) {

X=1e3,Y=X/2
for(c.width|=i=2e3;i--;x[f='fillRect'](X+=C(d*=11),Y+=S(d),9,9),x[f](2e3-X,1e3-Y,9,9))d=S(i/100|t*2+S(i/333+t))*5^0

Nov 13 2020 5:03 AM UTC

}// 127/140

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

#symmetry

u/donbright

awesome
u/ntsutae

Thank you
u/sigveseb

Nice

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

KilledByAPixel

remix of d/20551 by u/KilledByAPixel

function u(t) {

c.width|=i=96
with(x)for(translate(1e3,564);j=--i/12|0;rotate(.5236))rect(-1e4,j*99,1e5,C(j+t)*199),fillStyle=R(i%12||fill`evenodd`,i*j,i*5)

Nov 10 2020 7:25 PM UTC

}// 140/140

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

Kaleidoscopic #uncompressed #symmetry

u/KilledByAPixel

#Kaleidoscope
u/donbright

so crisp.... amazing

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

donbright

remix of d/14974 by u/donbright

function u(t) {

宽=999
for(i=-宽;i<宽;i+=9)for(j=-宽;j<宽;j+=9){
b=i*i+j*j
r=i*i-j*j
g=2*i*j
n=frame+99
x.fillStyle=R(r*r%n,g*g%n,b*b%n)
x.fillRect(i+宽,j+宽,9,9)}

Nov 13 2020 7: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).

#symmetry

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

ciaccodavide

remix of d/20392 by u/ciaccodavide

function u(t) {

P=6*(2.1+S(t))
for(K=0;K<960/P;K++)x.fillStyle=R(g=66+111*Math.random()*.02*K,g*.7,g*2),
x.fillRect(K*P,0,1920-P*K*2,P)
x.drawImage(c,0,P)

Oct 26 2020 12:56 PM UTC

}// 138/140

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

Infinite Procedural Symmetry with Size-Time Modulation

u/ciaccodavide

#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

katkip

function u(t) {

t||(x.translate(960,540))
z=(5*t|0) 
for(i=39;i--;)x.fillRect(z*19,-4,19,z/3+4),x.rotate(Math.PI/(z+1)/2)

Nov 12 2020 6:15 AM UTC

}// 105/140

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

#symmetry increasing

dwitter.net | #symmetry