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

Citiral

function u(t) {

w=1920;for(c.width=i=w;i>=0;i-=10)for(j=0;j<1080;j+=10){i2=i-w/2;j2=j-1080/2
d=Math.sqrt(i2*i2+j2*j2)/60
o=9+C(d-t*5)*5
x.fillRect(i,j,o,o)}

Dec 26 2017 8:51 PM UTC

}// 140/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/Xen

nice style...
u/Xen

done you a remix #3711
u/sigveseb

very nice steuff
u/sigveseb

stuff*
u/QuincySx

nice
u/netwander

fz_free@tom.com
u/Mew_

sweet
u/rhys5584

all glory to the hypno toad
u/IcanDivideBy0

Math.hypot(i2,j2)
u/SIGILLIM

This is oddly relaxing
u/donbright

remix https://www.dwitter.net/d/5200
u/f8f82804

#halftone
u/Fox

huh, this could make a pretty good desktop background
u/vain

looks really great

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

for(c.width|=M=Math,i=2e4;i--;x.fillRect(A*8,B*8,W=9+M.atan2(M.sqrt(1-X*X-Y*Y),X)*3-t*4&7^4-M.asin(Y)*3,W))X=(A=i%135)/67-1,Y=(B=i/135)/67-1

Mar 4 2017 6:26 PM UTC

}// 140/140

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

Raycasted rotating sphere with UV-mapping!

Show more comments…
u/sfz

... ??? !!!
u/iverjo

Impressive! I like the c.width|=M=Math hack. Apparently Math is evaluated to NaN in the process.
u/iverjo

http://stackoverflow.com/a/11037887/2319697
u/alien

god... i can't understand this yet but is awesome...
u/sigveseb

So good!
u/donbright

standing ovation
u/tomkh

great job! some tricks here really opens new possibilities
u/mxfh

you can do M.sqrt() with ES6 power operator as **.5 should yield a net gain of 2 chars
u/FireFly

Oh right! I haven't gotten used to it yet since I'm on Fx51, which doesn't seem to support ** yet. Thanks!
u/FireFly

Oh, and also thanks for all the positive responses, everyone :)
u/iverjo

#sphere
u/lionleaf

#disco
u/f8f82804

#halftone #dithering #shading

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

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

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

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

dwitter.net | #halftone