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

baon

remix of d/28906 by u/baon

function u(t) {

if (t>0) return
for(i=0;i<256;i++) for(j=0;j<256;j++)
a = (i+8|j+8)%16,x.fillStyle=R(0,0,0,a), x.fillRect(i*4+450, j*4, 4, 4)

Nov 22 2023 11:12 AM UTC

}// 125/140

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

#grid

show FPS hide FPS share 1 remix fullscreen

baon

remix of d/28897 by u/baon

function u(t) {

if (t>0) return
for(i=0;i<256;i++) for(j=0;j<256;j++)
a = (i*j)**2%5 ,x.fillStyle=R(a,a,a,a), x.fillRect(i*4+450, j*4, 4, 4)

Nov 22 2023 10:39 AM UTC

}// 124/140

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

#grid

u/baon

#grid

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 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

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

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 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