Top #pattern 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 1 remix fullscreen

KilledByAPixel

function u(t) {

f=frame
M=f%20
X=f/20|0
for(j=D=X+M;j--;x.beginPath(x.stroke()))
for(S=j,i=1e3;i--;S=S*M%D)
x.arc(60*X+30,60*M-90,28,a=(S/D*2-.5)*Math.PI,a)

Feb 20 2022 4:04 PM UTC

}// 140/140

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

Vortex Math Diagram

u/joeytwiddle

Nice! #pattern

show FPS hide FPS share fullscreen

Xen

function u(t) {

for(Y=i=960;i--;x.fillRect(Y+C(i-i/7+t)*Y,540+S(t+i)*540,19,19))x.fillStyle=R(Z=i/4,t*9%Z,Z*S(t))

Sep 24 2018 6:59 PM UTC

}// 97/140

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

have a play with the C() and S() in fillRect

u/prplz

love it
u/joeytwiddle

Nice changing #pattern

show FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

c.width=-1
f=(u,v,a,r)=>r<1?x.lineTo(u,v):f(u+S(a)*r,v+C(a)*r,a*(z=0|t)+t/z,r/3)
for(i=1e3;i--;)j=i*2*Math.PI/999,f(150,84,j,55)
x.stroke()

Oct 17 2018 6:43 AM UTC

}// 139/140

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

u/BalintCsala

What a coincidence https://math.stackexchange.com/questions/183…
u/yonatan

Wow! that's exactly how this works (circles around circles around circles)
u/katkip

Awesome
u/joeytwiddle

Yeah these wobbly circles are cool #spirograph #pattern
u/katkip

this is a low iteration #fractal

show FPS hide FPS share fullscreen

Exca

function u(t) {

with(x){drawImage(c,0,6)
fillStyle="#fff"
fillRect(0,0,1920,6)
fillStyle=R()
w=S(t)*C(t^7)*400+480
fillRect(0,0,w,9)
fillRect(1920-w,0,w,9)}

Jan 16 2018 5: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).

u/sigveseb

cool
u/joeytwiddle

#pattern #shape #face #vase #illusion

show FPS hide FPS share 1 remix fullscreen

vinca

function u(t) {

for(t||(Y=0),X=2e3;X--;)x.fillStyle=R(r=200*(T(X/50)/T(Y/9)>S(X/50)+C(Y/9)),200*S(r+X/20|Y/4|t)),x.fillRect(X,0,1,5);x.drawImage(c,0,5),Y++

May 12 2019 2:23 AM UTC

}// 139/140

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

u/pavel

Use Y=60*t
u/KilledByAPixel

very nice
u/joeytwiddle

#pattern
u/sigveseb

Sweet

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/27186 by u/rodrigo.siqueira

function u(t) {

for(i=5e4;i--;x.fillRect(152*X-245,70*Y+540,k=f&t<9,k))X=i*i/t%15,Y=3*T(i+t),f=(3-C(X*2)+S(Y+C(X*9)*C(X)*S(Y*4)))*2,x.fillStyle=R(34*(f&3))

Mar 22 2023 11:31 AM UTC

}// 139/140

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

Geometric patterns

Show more comments…
u/joeytwiddle

#pattern Could definitely see these used on tiles
u/UEZ

vintage #wallpaper
u/Joachim

Wow!
u/Xen

love it!
u/danny@hille.dk

Sooo coool!!!
u/danny@hille.dk

Hey, and if you tweak it a bit, you can use it on Valentine's Day -> for(i=5e4;i--;x.fillRect(99*X,77*-Y,k=f&t<2,k))X=i*i/t%20,Y=3*T(i+t),f=(C(X)+S(Y+C(X)*C(X))),x.fillStyle=R(-f*99)

show FPS hide FPS share fullscreen

BalintCsala

remix of d/9782 by u/joeytwiddle

function u(t) {

eval(unescape(escape`挮睩摴栽ⴱ㭦潲⡸⹳捡汥⡘㴱㐬ㄴ⤻堭ⴻ⥦潲⡙㴹㭙ⴭ㭸⹦楬氨⤩景爨砮扥杩湐慴栨椽㘩㭩ⴭ㬩欽琪㔭⠨堭㔩⨪㈫⡙ⴴ⤪⨲⤪⨮㔬砮汩湥呯⡃⡡㴨椪㐮㈫⸵⭫⭃⡫⤩⼴⤫堪㈫夥㈬匨愩⭙⨱⸷⤻`.replace(/u(..)/g,"$1%")))

Sep 12 2018 12:45 PM UTC

}// 132/140

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

u/yonatan

c.width=-1;for(x.scale(X=14,14);X--;)for(Y=9;Y--;x.fill())for(x.beginPath(i=6);i--;)k=t*5-((X-5)**2+(Y-4)**2)**.5,x.lineTo(C(a=(i*4.2+.5+k+C(k))/4)+X*2+Y%2,S(a)+Y*1.7);
u/yonatan

^^ source (pasted for convenience)
u/fujimotos

Intriguing. I love this. #hexagon #pattern

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

if(t>5)return
T=t**.5
r=T*16
p=T*6.283
for(j=17;j--;)for(i=30;i--;x.fill())x.beginPath(),x.arc(i*64+C(p)*r,j*64+S(p)*r,4,0,7)

Oct 19 2021 4:04 AM UTC

}// 125/140

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

u/Joachim

#pattern

show FPS hide FPS share fullscreen

rep_movsd

function u(t) {

t||(x.fillRect(Y=0,0,W=2e3,W),D=32,E=D*.9)
for(X=0;X<W;X+=D)Q=!(P=(C(X**5/Y)>0)*E)*E,x.fillStyle='#9D0',x.fillRect(X+P,Y+Q,D-2*P,D-2*Q);Y+=D

Mar 10 2022 1:08 PM UTC

}// 140/140

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

Random weave

u/Joachim

#pattern #random
u/pavel

Very nice.
u/pavel

117 and instant draw t||x[f='fillRect'](0,0,i=2e3,i);for(x.fillStyle='#9D0';i;x[f](i%64*36+D,(i>>6)*36-D,32-2*D,32+2*D))D=C(--i**9)>0?2:-2
u/Joachim

u/pavel I don't know why but changing this (i>>6)*36-D,35-D,35+D makes a biased maze
u/pavel

I think thats the trick to the original dweet. It's a golfed maze with a visual filter.

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/27369 by u/danny@hille.dk

function u(t) {

for(c.width|=i=48;i-->1;)for(j=26;j--;x.beginPath(x.fill()))x.arc(i*42,j*42,S(((j-i/2)^(j+i/2))+t)*11+11,0,7)

Apr 13 2023 3:41 PM UTC

}// 109/140

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

bubble XOR remix

u/joeytwiddle

I am liking #pattern
u/joeytwiddle

Same code: https://tixy.land/?code=.5%2Bsin%28%28%28y-x…
u/joeytwiddle

Different code: https://tixy.land/?code=sin%28%28%28x*2-y%29…

dwitter.net | #pattern