New #halftone 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 2 remixes fullscreen

andy

function u(t) {

for(c.width|=i=896;i--;)q=(m=2.4*i)**.5,s=m/70,f=(S((t/64)*i)+1)/16*i,x.beginPath(),x.arc(q*S(m)*s+960,q*C(m)*s+540,f,0,6.24),x.fill();

Mar 29 2019 11:49 AM UTC

}// 136/140

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

u/katkip

This is fun to watch
u/DataMeta

Smooth and #hypnotic
u/Xen

love it, had to remix :)
u/magna

#halftone
u/ivylab

This is beautiful

show FPS hide FPS share fullscreen

andrea270872

remix of d/12689 by u/andrea270872

function u(t) {

c.width|=q=25
p=q*q*t%2e3
D=(c,d)=>4e3/((z-c)**2+(w-d)**2)**.5
for(i=0;i++<q*q;)x.fillRect(z=~~(i/q)*95,w=i%q*60,m=D(p,450)+D(800,p),m)

Mar 21 2019 2:47 PM UTC

}// 135/140

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

2 swimming magnets (ver2)

u/f8f82804

#halftone #dither

show FPS hide FPS share 1 remix fullscreen

andrea270872

function u(t) {

c.width|=q=25
p=q*q*t%2e3
D=(c,d)=>4e3/Math.sqrt((z-c)**2+(w-d)**2)
for(i=0;i++<q*q;)x.fillRect(z=~~(i/q)*95,w=i%q*60,m=D(p,450)+D(800,p),m)

Mar 8 2019 9:51 AM UTC

}// 140/140

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

2 swimming magnets

u/13thptr

#metaballs
u/andrea270872

I see what you mean :) I was thinking of Coulomb law
u/f8f82804

#halftone #dither

show FPS hide FPS share fullscreen

andrea270872

function u(t) {

I=t*3320%2e3;J=(t*94)%1e3
i=A=I/520-2;B=J/520-1
while((A*A+B*B<4)*(i++<40))[A,B]=[A*A-B*B+.3,2*A*B+.02]
x.globalAlpha=.6
x.fillRect(I,J,i,i)

Mar 7 2019 6:22 PM UTC

}// 140/140

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

Ghost of Julia ver4 (with alpha!)

u/f8f82804

#dither #halftone #fractal

show FPS hide FPS share fullscreen

andrea270872

remix of d/12677 by u/andrea270872

function u(t) {

I=(t*3350)%2e3;J=(t*94)%1e3
A=I/900-1;B=J/500-1
i=0;while(((A*A+B*B)<4)&&(i<25))[A,B]=[A*A-B*B-.8,2*A*B+.2,i++]
x.fillRect(I,J,i*=2,i)

Mar 7 2019 5:38 PM UTC

}// 134/140

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

Ghost of Julia ver3

u/f8f82804

#dither #halftone #fractal

show FPS hide FPS share 1 remix fullscreen

andrea270872

function u(t) {

I=(t*3350)%2e3;J=(t*94)%1e3
A=I/1e3-1;B=J/600-1
i=0;while(((A*A+B*B)<4)&&(i<25))[A,B]=[A*A-B*B-.8,2*A*B+.2,i++]
x.fillRect(I,J,i,i)

Mar 7 2019 5:29 PM UTC

}// 131/140

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

Ghost of Julia ver2

u/andrea270872

/* LOGIC The point (I,J) depends on t and scans the screen from top-left to bottom-right, then restarts. It also hops of circa 50 pixels in both directions. The point (A,B) is a scaled and translated version of (I,J); (A,B) is centered arund (0,0) and goes approximately from -1,5 to +1.5 in both directions. The loop is a simplified version of the Julia iterated fractal loop: - i starts from 0, and goes max to 25 iterations, and the point starts at z=A+i*B - the function being computed is: Z=Z^2+(-0.8,+0.2) separating real and imaginary part, the formula is: A = A*A-B*B-.8 AND B = 2*A*B+.2 and the notation [A,B] saves me from using a temp variable. The loop exits if: - i is 25 or - distance of (A,B) from (0,0) is more than 2 */
u/f8f82804

#dither #halftone #fractal

show FPS hide FPS share fullscreen

f8f82804

function u(t) {

c.width^=0;with(x)for(i=289;i--;beginPath(fill(arc(0,0,22+18*S(t+(X*X+Y*Y)**.5),0,7))))setTransform(1,0,0,1,60*(X=i%17+8),60*(Y=i/17%17+.5))

Sep 13 2018 3:51 AM UTC

}// 140/140

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

#halftone

show FPS hide FPS share fullscreen

f8f82804

remix of d/9674 by u/f8f82804

function u(t) {

with(x)for(i=c.width^=0;i--;beginPath(fill()))C(a=2*t-i)>0&&arc(960+((s=750+330*S(t))*i-i*i)**.5*S(a),s-i,18*C(a)*(1-(i*2/s-1)**2)**.5,0,7)

Sep 5 2018 10:40 PM UTC

}// 139/140

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

#sphere

u/donbright

thats cool... how does it work?
u/joeytwiddle

Very nice! #halftone
u/f8f82804

u/donbright: I used the parameterization from d/5600. I like it a lot because it keeps fairly even density of dots on the surface. It's based on cylindrical coordinates where each point is at a different vertical level and the points spiral around. The key is that not all values of i result in drawing a dot. We drop the back half of the sphere with C(a) >0, but we also implicitly drop points where s*i-i*i is negative
u/donbright

thanks... fascinating...

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/5600 by u/p01

function u(t) {

for(i=c.width^=0;i--;x.beginPath(x.fill()))C(t-i)>0&&x.arc(960+(i*960-i*i)**.5*S(t-i),48+i,9-(b=S(t-i-1)*C(Math.acos(i/540-1)+1))**4*9,0,7)

Sep 5 2018 6:50 PM UTC

}// 139/140

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

#specular #halftone #sphere

u/f8f82804

#d3

show FPS hide FPS share 1 remix fullscreen

Blacklink

function u(t) {

c.width|=0;for(var i=0;i<19;i++){for(var j=0;j<11;j++){var s=0.5+0.5*S(t+i+j);x.fillRect(100*i+50*(1-s),100*j+50*(1-s),100*s,100*s)}}//lmao

Mar 30 2018 1:23 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/iverjo

#halftone
u/geb

#background

dwitter.net | #halftone