Top #checkerboard 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 3 remixes fullscreen

taupelink

function u(t) {

c.width|=0;x.globalCompositeOperation='xor';for(i=9;i--;x.fillRect(800,X/2,200,20))x.fillRect(X=400+i*100+S(t)*300,400,50,200)

Jan 1 2023 9:38 PM UTC

}// 126/140

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

d/26741

u/taupelink

Intersection #default #genuary #genuary4 #genuary2023
u/joeytwiddle

emergent #checkerboard

show FPS hide FPS share 1 remix fullscreen

lewdev

function u(t) {

t?W=40:X=Y=0;X>2e3?X=0:Y=Y>1e3?(C=C=="red"?"black":"red",Y=0):Y+W;x.fillStyle=C;x.fillRect(X+=W,Y,W,W)

Oct 29 2023 7:02 AM UTC

}// 102/140

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

🏁 Building a #checkerboard (40px the magic size)

u/magna

66: f=t*60;x.fillStyle=R(f%2<<8);x.fillRect(f%47*40,(f/47|0)*40,40,40)
u/lewdev

Nice u/magna , you should make it as a remix.

show FPS hide FPS share fullscreen

DazeWare

remix of d/26833 by u/DazeWare

function u(t) {

for(j=c.width=w=160;j--;)for(i=w;i--;x.fillRect(i,j,u=(C(X/d+C(t)*9)*S(Y/d-t*9))**.1,u))r=(X=i/w*5-2.5)*X+(Y=j/w*t)*T(t),d=r>t?r/39:C(r)/7

Jan 14 2023 6:01 PM UTC

}// 138/140

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

u/joeytwiddle

#warping #checkerboard #grid

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

c.width=2e3;q=150*C(t)+300;x.translate(1e3,500);x.rotate(t);for(i=220;i--;)x.fillRect(i%22*q-q*11,i%20*q-q*11,q,q)

Aug 29 2016 9:13 PM UTC

}// 114/140

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

a shorter version with zoom and centerd of my first dweet

u/iverjo

Awesome!
u/lionleaf

I'm getting a slight hint of vertigo here :D
u/New_Core

#checkerboard
u/Lazy1337

#rotozoom

show FPS hide FPS share fullscreen

New_Core

function u(t) {

k=c.width=1920;x.rotate(t*0.5);for(j=24;j--;){for(i=20;i--;){a=400;b=200;x.fillRect(-a*6+i*a+S(t)*k%a+(j*b)%a,-a*6+j*b+C(t)*k%a,b,b)}}

Jul 19 2016 8:21 PM UTC

}// 134/140

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

Show more comments…
u/iverjo

Best rotozoom (well, without the zoom) I've seen on dwitter so far!
u/iverjo

Related dweet: http://dweet.dwitter.net/id/92?autoplay=1
u/New_Core

ah yea, I didnt think about zooming ;) try this code k=c.width=1920;x.rotate(t);for(j=26;j--;){for(i=20;i--;){b=300+S(t)*150;a=b*2;x.fillRect(-a*6+i*a+S(t)*k%a+(j*b)%a,-a*6+j*b+C(t)*k%a,b,b)}}
u/lionleaf

Hi! Welcome :D Sweet dweet ;)
u/lionleaf

Somewhat nausea-inducing in fullscreen!
u/iverjo

New_Core: Awesome, that totally qualifies as a new dweet :)
u/New_Core

#checkerboard
u/Odog8

#checker

show FPS hide FPS share fullscreen

veubeke

remix of d/4877 by u/veubeke

function u(t) {

s = (c.width=1920/(t+1)|0)/32
for(i = 576; i--;)
 x.setTransform(s, 0, 0, s, i%32*2*s, (i>>5)*2*s),
 x.fill(new Path2D('M1 0L2 1L1 2L0 1'))

Oct 31 2018 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).

show FPS hide FPS share fullscreen

f8f82804

remix of d/9163 by u/f8f82804

function u(t) {

X=frame%240;for(Y=64;Y--;)x.fillStyle=`hsl(${90*S(t)*Y/(k=Y-72)} 90%${50*((X-120)/k+9+(frame/240|0)&1^Y/k&1)}%`,x.fillRect(X*8,1080-Y*8,8,8)

Aug 8 2018 11:39 PM UTC

}// 140/140

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

#rainbow #checkerboard -- #d3 #raytrace #scanline #smooth

u/katkip

This is less laggy

show FPS hide FPS share 1 remix fullscreen

116

function u(t) {

o=S(t+3.15);s=96;c.width^=0;for(j=99;j--;)for(i=99;i--;)x.fillRect(j*s*2+i%2*s/2+(i%2)*S(t)/2*s+(i%2)*s/2,i*s,s-9*o*o,s-9*o*o)

Oct 14 2018 3:59 PM UTC

}// 126/140

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

Parallels?

u/erin

#checkers #checkerboard #checker

show FPS hide FPS share fullscreen

sigveseb

remix of d/271 by u/3bl3gamer

function u(t) {

c.width=256;for(i=9<<12;a=i&255,b=i>>8,m=a-128,n=b-72,i--;)A=1/(((b/n+128+t*9)%2)^(((m-128*S(t*2))/n))),A/=(n*n>9),x.fillRect(a,b,A,A)

Jul 21 2016 3:27 AM UTC

}// 134/140

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

u/iverjo

Wow!
u/lionleaf

#checkerboard #perspective

show FPS hide FPS share fullscreen

Odog8

function u(t) {

a=~~(t*60)*60;x.fillRect(a%1920,a%1080,60,60)

Dec 14 2019 9:27 PM UTC

}// 45/140

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

#checkerboard

You've reached the end.

dwitter.net | #checkerboard