Top #Grid 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

Jezza

remix of d/12736 by u/Jezza

function u(t) {

x.fillRect(0,0,1920,1080);X=C(t/2)*6+16;Y=S(t/2.1)*6+9;x.globalAlpha=.05;for(i=99;i--;)Z=S(Y),Y+=C(X),X+=Z,x.clearRect(X*60,Y*60,5,5)

Mar 15 2019 12:30 AM UTC

}// 133/140

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

Shoutout to @katkip for #attractor rabbit hole.

Show more comments…
u/tomxor

wow
u/katkip

Nice
u/aleamb

yeah!
u/jick

Wow!
u/lionleaf

That's amazing!
u/lionleaf

#grid
u/sigveseb

Rad
u/vain

How? So beautiful and impressive

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/27290 by u/vgel

function u(t) {

for(c.width|=m=1420;m--;x.stroke())X=C(m+t),Y=S(m+t*2),x.beginPath(),x.fillRect(V=m%41*47,m-m%41,9,9),x.arc(700+330*++X,530+320*Y++,120,0,7)

Mar 30 2023 10:55 PM UTC

}// 140/140

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

#torus #grid #uncompressed

u/Xen

love it!
u/vgel

RIP the SDF... :-) it looks convincing though!

show FPS hide FPS share 1 remix fullscreen

hoplite

remix of d/5252 by u/hoplite

function u(t) {

for(i=c.width=1e3;i-=4;)for(j=540;j-=4;v=S(t+k*l/8e3),((v*l+k^l-v*k+t*50)&16)>0||x.fillRect(i,j,4,4))z=5*C(t*.3)+8,k=(i-500)/z,l=(j-270)/z

Dec 11 2022 1:55 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

show FPS hide FPS share fullscreen

metamero

remix of d/11172 by u/metamero

function u(t) {

eval(unescape(escape`挮睩摴栽ㄹ㈰㭣⹳瑹汥⹢慣歧牯畮搽✣㤹㤧㭦潲⡰㴮㔻瀼㤹㬫⭰⥦潲⡱㴰⸵㭱㰹㤻⬫焩睩瑨⡸⥢敧楮偡瑨⠩ⱡ牣⡲㵰⨹㤬猽焪㤹ⰱ㌬〬㜩ⱦ楬汓瑹汥㴧⍦晦✬晩汬⠩ⱦ楬汓瑹汥㵒⠩ⱦ楬汒散琨爭㤱ⱳⴹㄬ㠳ⰸ㌩`.replace(/u(..)/g,"$1%")))

Nov 27 2018 12:01 PM UTC

}// 140/140

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

Find the Black Dots - Scintillating Grid Illusion

u/metamero

c.width=1920;c.style.background='#999';for(p=.5;p<99;++p)for(q=0.5;q<99;++q)with(x)beginPath(),arc(r=p*99,s=q*99,13,0,7),fillStyle='#fff',fill(),fillStyle=R(),fillRect(r-91,s-91,83,83)
u/metamero

#OpticalIllusion #Scintillating #Grid #Illusion
u/katkip

#illusion
u/metamero

#ScintillatingGridIllusion

show FPS hide FPS share fullscreen

TGY

remix of d/7640 by u/BuRRak

function u(t) {

eval(unescape(escape`爽焽㹸⹬楮敔漨眯㈫⡘ⴲㄩ⽚⩷ⰲ⽚⩷⤊景爨椽眽挮睩摴桼㴰㭩ⴭ㭲⡚⬫⤬爨堭⴩⥘㵩┴〬爨娽ㄭ琪㤥ㄫ椯㐰⤊砮獴牯步却祬攽✣昰昧੸⹦楬汒散琨〬〬眬眩੸⹳瑲潫攨⤠`.replace(/u([^D].)/g,'$1%')))

Jul 9 2022 7:57 PM UTC

}// 126/140

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

u/lewdev

This was what I was trying to do #Grid

show FPS hide FPS share fullscreen

lewdev

remix of d/29701 by u/lewdev

function u(t) {

eval(unescape(escape`氽⡶ⱹⱷⱺ⤽㹻砮扥杩湐慴栨砮汩湥坩摴栽㤩㭸⹭潶敔漨瘬礩㭸⹬楮敔漨眬稩㭸⹳瑲潫攨⥽੣⹷楤瑨簽《景爨椽㠻椭ⴻ⥬⠹㘰Ⱝ㉥㌬椪㐰〭㈰〬栽㄰㠰⤻景爨椽㐰㭩ⴭ㬩氨〬礽㌪⨨⡴⭩⼳⤥㤥栩ⰲ攳ⱹ⤠`.replace(/u([^D].)/g,'$1%')))

May 6 2024 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).

Moving 3D #Grid (improved)

u/Joachim

Nice!! You might find this helpful: with(x)for(i=z=c.width=400;i--;beginPath(stroke()))moveTo(i*9,99),lineTo(i*z-1e4,z),fillRect(0,99+i,z,(S(z/i+t*9)>.9)&&i/50)
u/lewdev

That's awesome! Thanks! I'm trying to figure out how to depict things in 3D; this and your website helps!
u/Joachim

u/lewdev no problem! Glad I could help out :D

show FPS hide FPS share 1 remix fullscreen

lewdev

function u(t) {

eval(unescape(escape`挮睩摴桼㴰㭬㴨瘬礬眬稩㴾筸⹬楮敗楤瑨㴹㭸⹢敧楮偡瑨⠩㭸⹭潶敔漨瘬礩㭸⹬楮敔漨眬稩㭸⹳瑲潫攨⥽੦潲⡩㴸㭩ⴭ㬩氨㤶〬ⴲ攳Ⱪ⨴〰ⴲ〰ⱨ㴱〸〩㭦潲⡩㴹㭩ⴭ㬩氨〬礽⡴⨱㘰⭩⨱㈰⤥栬㉥㌬礩`.replace(/u([^D].)/g,'$1%')))

Mar 27 2024 7:11 PM UTC

}// 139/140

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

Moving 3D #Grid

u/cantelope

Awe should talk
u/cantelope

we*
u/lewdev

u/cantelope ok, sure

show FPS hide FPS share 1 remix fullscreen

Aeholbrook

function u(t) {

for(i=20;i--;)for(j=35;j--;)x.fillStyle=i==~~((S(t*2)*.4+.5)*20)&&j==~~((C(t*2)*.4+.5)*35)?'#FFF':'#000',x.fillRect(j*54,i*54,52,52)

Feb 6 2024 4:22 PM UTC

}// 132/140

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

Here's a little dude. #pixel #movement #grid

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 2 remixes fullscreen

mildlybean

function u(t) {

for(i=c.width+=0;i-=10;)for(j=1080;j-=10;)x.fillRect(i+t+C(t),j+t,9,9)

Sep 9 2019 7:33 PM UTC

}// 70/140

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

I can't be the first person to do this

u/0x04

There is always a first time 😏
u/lionleaf

#grid Works a whole lot better in fullscreen :) Without fullscreen I'm getting aliasing effects
u/metamero

#moire #opticalillusion

dwitter.net | #Grid