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

jylikangas

function u(t) {

c.width=63
for(i=2048;i--;x.fillRect(C=i%64,T=i>>6,s>0,s))for(s=b=3;b--;s-=1/(X*X+Y*Y))X=S(a=t+b)*2+4-C/8,Y=2+S(a*5)-T/9
x.fillText(u,15,15)

Nov 14 2018 5:46 PM UTC

}// 140/140

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

Functional metaballs

u/joeytwiddle

#metaballs

show FPS hide FPS share fullscreen

pavel

function u(t) {

w=c.width=500
for(i=98;i--;)for(j=55;X=i/9-5,Y=j/9-3,Z=3*S(t),j--;)(X**3+Y**3+Z**3-2*C(t)*X*X*Y*Y)<9&&x.fillRect(5*i,5*j,5,5)

Oct 15 2018 4:40 AM UTC

}// 125/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

sop

function u(t) {

for(w=c.width|=0,k=3599;k--;x.fillRect(a,b,e,e))for(a=k*24%w,b=k/80*24,e=0,d=9;d--;g=1+S(t+d*5)-a/w*2,h=.6+C(t+d)-b/w*2,e+=1/(.04+g*g+h*h));

Mar 27 2018 12:59 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/Joachim

#metaballs

show FPS hide FPS share fullscreen

BackendForth

function u(t) {

c.width=960
r=260
for(i=-1;i<1;i+=.05)for(j=-1;j<1;j+=.05)d=11*(i*C(t)+j*S(t)+(1-i*i-j*j)**.5),d>0?x.fillRect(r+r*i,r+r*j,d,d):0

Jan 5 2018 5:01 PM UTC

}// 128/140

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

u/M1T0

It looks like an eye or something
u/Lazy1337

#eye
u/Lazy1337

#metaball
u/Lazy1337

#metaballs
u/joeytwiddle

#meteyeball

show FPS hide FPS share 3 remixes fullscreen

hoplite

function u(t) {

i=c.width=96;for(;i--;)for(k=54;k--;)A=t=>(S(i/9+t)*S(k/7)+S(k/9+t)*S(i/7-t))*255,x.fillStyle=R(A(t),A(t+.2),A(t+.4)),x.fillRect(i,k,1,1)

Jan 2 2018 10:57 PM UTC

}// 137/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

very nice style
u/sigveseb

Quite excellent, very nice
u/joeytwiddle

Lush
u/magna

Wow! Nice!
u/crimbles

That's so nice
u/Chipnstein

Woah... new dosktop background
u/codeslaw

Yes
u/joeytwiddle

#plasma #metaballs #color
u/vain

nice plasma like fx

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/4827 by u/New_Core

function u(t) {

for(c.width=99,i=9;i--;x.fillRect(40+35*S(t-i),19-14*C(t*i),20,20))x.filter='blur(5px)contrast(1%)',x.globalCompositeOperation="lighter"

Dec 30 2017 1:49 PM UTC

}// 136/140

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

Shaded metaballs

Show more comments…
u/joeytwiddle

I was actually trying to threshold but ended up with something unexpected
u/joeytwiddle

Can anyone explain it ... ? lol
u/sigveseb

Sweet metaballs
u/joeytwiddle

blur(0px) helps to show what's going on.
u/joeytwiddle

Something similar but more beautiful: https://www.dwitter.net/d/5321
u/joeytwiddle

Another funny wobbly thing: d/5446
u/joeytwiddle

This is what I had been trying to reproduce: https://codepen.io/aswhipple/pen/xpywbO
u/joeytwiddle

Programmatic metaballs by sop: d/7488
u/iverjo

#metaballs
u/katkip

#cells
u/joeytwiddle

NewCore has done this technique right: d/17584
u/rodrigo.siqueira

#cell

show FPS hide FPS share 1 remix fullscreen

New_Core

remix of d/3510 by u/New_Core

function u(t) {

for(a=c.width|=i=9;i--;x.fillRect(740+650*S(t*.9+i*4),350+280*C(t+i),400,400))x.filter='blur(100px)',x.globalCompositeOperation="lighter"

Dec 30 2017 10:16 AM 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

This is very heavy on my laptop! Remixed here: #4841
u/joeytwiddle

Very nice though. It plays tricks on my eyes, seems to be always growing.
u/New_Core

Sometimes dwitts gets heavy here also scrolling down the list.. most times it help to copy the share link and look at it alone, but yea this one can be heavy, running lots of filters and "gCO"'s
u/13thptr

#heavy #metaballs -like effect

show FPS hide FPS share 2 remixes fullscreen

New_Core

function u(t) {

for(a=c.width|=i=9;i--;x.fillRect(-1200+650*S(t*.9+i*4),300+280*C(t+i),x.shadowBlur=b=500,b))x.shadowOffsetX=a,x.shadowColor=R()

Nov 13 2017 6:33 PM UTC

}// 128/140

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

adding x.globalCompositeOperation="lighter" in the loop makes it more metaball like.. but it gets to long and using ImageData even longer so.. ½ way ;)

u/p01

;)
u/lionleaf

#metaball #blurry
u/13thptr

#metaballs since this one contains more related dweets

show FPS hide FPS share fullscreen

New_Core

function u(t) {

c.width|=0
for(i=60;i--;)x.beginPath(),x.arc(960+i*10*S(t+i/99),540+200*C(t*2+i/9),a=99*S(3+i/6)+120,0,7),x.fillStyle=R(0,99,0),x.fill()

Jul 30 2017 11:08 AM UTC

}// 136/140

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

Wasnt what I was going for but funny enough to post ;)

u/sigveseb

amost feels a little metaball-y
u/iverjo

This is rad, man! How does it work?
u/joeytwiddle

Funny effect :) Using i-=6 shows up some sine waves
u/iverjo

#metaballs

show FPS hide FPS share 1 remix fullscreen

tomkh

function u(t) {

for(c.width=i=1920;i--;){for(g=30,h=63&i,v=i>>6,e=g,k=20;k--;)r=S(k-t)+1-h/g,d=C(3*k+t)+1-v/g,e-=1/(d*d+r*r+.02);x.fillRect(h*g,v*g+99,e,e)}

Mar 5 2017 7:34 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/FireFly

Sweet! I need to read up on how to metaballs
u/SpecialAgent

Nice!
u/donbright

great!!!
u/iverjo

Impressive!
u/iverjo

#metaballs
u/vain

This looks so fucking cool! Unbelievable this is produced by only 140 chars of code

dwitter.net | #metaballs