New #Truchet 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

rep_movsd

function u(t) {

E='◜◝◞◟'
eval(unescape(escape`𦠽𢰽🡸𛡦𪑬𫁔𩑸𭀨𡑛𢱝𛁘𚱛𛐳𛀭𡀬𛑄𛀭𜱝𦱋𧐬𦐫𦱎𛁎𛀳𛀳𧑛𢱝𚐊𭁼𯀨𦀽𦐽𜀩𒡸𛡦𫱮𭀽𨀶𩑭𙱠𛁄🐳𝠬𮀮𨱬𩑡𬡒𩑣𭀨𦀭𡀬𦐭𜠴𛁎🐷𜠬𣠩𒡃𚁴𚡘𚐾𜀿𦠨𜰩𯁚𚀱𚐺𦠨𜠩𯁚𚀰𚐊𦀾𜡥𜰦𙠨𦐽𚁙𚱎𚐥𜐰𞀰𛁘🐰𚐊𦀫👎`.replace(/u../g,'')))

Oct 18 2021 7:39 PM UTC

}// 139/140

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

#tessellation #unicode

u/magna

#truchet

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

x.fillRect((T=-~T)%32*60-((z=T>>5)%2-(q=S(T*T)<0))*30,(z-q)*30,q?6:66,q?60:6)

Jan 7 2020 7:01 PM UTC

}// 77/140

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

Mini #Maze #Truchet

u/Xen

Amazing! :-O
u/katkip

amazeing
u/sigveseb

next step: solving the maze

show FPS hide FPS share fullscreen

pavel

function u(t) {

eval(unescape(escape`睩瑨⡸⥦潲⡩㵣⹷楤瑨簽栽ㄮ㔷〸㭪㵩ⴭ㸾㔻獴牯步⠩⥳整呲慮獦潲洨㤬〬〬㤬⡩☳〩⨸ㄬⴭ横ㄶ㈩Ɫ敧楮偡瑨⡲潴慴攨栯⠱⬱改⨪匨琫⡩㸾ㄩ⨨樫ㄩ⤩⤩ⱡ牣⡰㵩┲⨱㠭㤬瀬㤬愽㈪株椬愫栩`.replace(/u(..)/g,"$1%")))

Dec 20 2018 12:45 AM UTC

}// 132/140

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

u/katkip

Cool
u/magna

#truchet
u/pavel

with(x)for(i=c.width|=h=1.5708;j=i-->>5;stroke())setTransform(9,0,0,9,(i&30)*81,--j*162),beginPath(rotate(h/(1+1e9**S(t+(i>>1)*(j+1))))),arc(p=i%2*18-9,p,9,a=2*h*i,a+h)

show FPS hide FPS share 2 remixes fullscreen

robbyg

remix of d/8103 by u/robbyg

function u(t) {

x.font='2em arial';for(i=63;i--;)x.fillText('◢◣◤◥'[~~(Math.random()*4)],i*32,t*1920)

May 17 2018 9:08 PM UTC

}// 84/140

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

#truchet tiles

u/firegodjr

#charmatrix

show FPS hide FPS share 1 remix fullscreen

aemkei

function u(t) {

d=(X,Y)=>{x.beginPath(a=11/7,w=34),x.arc((t*4e3+w*X)%2e3,w*Y+t*140,w,a*s++,a*s++),x.stroke()};1&T(t**t)?d(s=0,1)|d(2,3):d(2,s=1)|d(0,3)

Mar 27 2018 7:35 PM UTC

}// 135/140

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

Based on https://spite.github.io/looper/#16

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2611 by u/magna

function u(t) {

for(i=c.width=w=192;i--;)for(j=w;j--;b=i%8^(X+Y&1^f)*7,'ưưƠƀÃÇÏÏ'.charCodeAt(j&7)-w&1<<b^f<<b&&x.fillRect(i,j,1,1))X=i>>3,Y=j>>3,f=t*X/Y&1

Apr 27 2017 4:38 PM UTC

}// 138/140

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

Refactoring to make code more readable (!)

u/magna

#truchet

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2604 by u/magna

function u(t) {

for(i=c.width=w=192;i--;)for(j=w;j--;!!('ưưƠƀÃÇÏÏ'.charCodeAt(j&7^f*7)-w&1<<(i%8^(X+Y&1)*7))^f&&x.fillRect(i,j,1,1))X=i>>3,Y=j>>3,f=t*X/Y&1

Apr 26 2017 10:17 PM UTC

}// 139/140

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

Filled truchet tiles, now animated thanks to shaving by @donbright

u/donbright

the thing that strikes me is the black and white balls never move, only their connections.... but it looks like the whole plane is aliv
u/magna

@donbright To achieve that: Starting with a single tile, every other tile is flipped on the X axis. And then to flip a tile, I need to both invert the tile's pixels and also to flip it on the Y axis. Lots of XOR was needed :)
u/sigveseb

Excellent
u/iverjo

#dots
u/magna

#truchet

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2597 by u/magna

function u(t) {

w=c.width=192;for(i=w;i--;)for(j=w;j--;!!('ưưƠƀÃÇÏÏ'.charCodeAt(j&7^f*7)-w&1<<(i%8^(X+Y&1)*7))^f&&x.fillRect(i,j,1,1))X=i>>3,Y=j>>3,f=X/Y&1

Apr 26 2017 6:57 PM UTC

}// 139/140

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

Filled Truchet tiles

Show more comments…
u/magna

Change the f assignment at the end to f=t*X/Y&1 to animate. I couldn't shave another byte to fit that.
u/donbright

for(i=c.width=w=192;i--;)for(j=w;j--;!!('ưưƠƀÃÇÏÏ'.charCodeAt(j&7^f*7)-w&1<<(i%8^(X+Y&1)*7))^f&&x.fillRect(i,j,1,1))X=i>>3,Y=j>>3,f=t*X/Y&1
u/donbright

awesome job, love it
u/magna

@donbright Damn! How didn't I see that? :) Thanks, and thanks!
u/magna

https://www.dwitter.net/d/2604
u/magna

* https://www.dwitter.net/d/2611
u/magna

#truchet

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2594 by u/magna

function u(t) {

w=c.width=192;for(i=w;i--;)for(j=108;j--;'PP`ĀCDHH'.charCodeAt(j&7^(t/w*X*Y&1)*7)-64&1<<(i%8^(X+Y&1)*7)&&x.fillRect(i,j,1,1))X=i>>3,Y=j>>3

Apr 26 2017 5:10 PM UTC

}// 138/140

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

Truchet tiles #2

u/magna

@todo: filled version
u/magna

Filled version: https://www.dwitter.net/d/2604
u/iverjo

#dots
u/magna

#truchet
u/katkip

#tagfail

You've reached the end.

dwitter.net | #Truchet