Dweets awesomed by u/iverjo

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: #Food

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/4805 by u/Jezza

function u(t) {

c.width=640;d=-2.1;e=1.9;for(i=l=j=t;i<6e4;i++)k=S(d*l)+C(t)*C(j*d),m=S(e*j)+S(t)*C(l*e),j=k,l=m,x.fillRect(320+j*100,180+l*70,.3,.3)

Dec 30 2017 3:29 PM UTC

}// 133/140

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

u/xem

Splendid
u/joeytwiddle

I do like adding alpha to other people's attractors http://bit.ly/2pZCrOg http://bit.ly/2DDaPjO
u/joeytwiddle

This version is easier to resize: https://www.dwitter.net/d/5336
u/joeytwiddle

Please do give Jezza an upvote. They did most of the work here!
u/katkip

#attractor

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

kchplr

function u(t) {

for(w=i=930;i--;T=t+i,G=1+S(t)/25,R=(f,m)=>f(T)*250+f(T*4.25)*200*m,x.fillRect(w+R(C,1)*G,530+R(S,-1)*G*.9,4,4))x.fillRect(1e3+T,w+T*7,28,9)

Dec 30 2017 11:20 AM UTC

}// 140/140

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

u/sigveseb

Nice one

show FPS hide FPS share fullscreen

indjev99

remix of d/4804 by u/indjev99

function u(t) {

D=b=>45*S((i*i+b*b)**.5-3*t);for(i=96;i--;)for(j=54;j--;)d=D(-j)+D(27-j)+D(54-j)+128,x.fillStyle=R(d,d,d),x.fillRect(i*20,j*20,20,20)

Dec 30 2017 9:38 AM UTC

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

pe8ter

remix of d/4163 by u/pe8ter

function u(t) {

d=255
a=S(t/3)
b=S(t)
x.fillStyle=R(d*b,d*S(t/2),d*a,.7+.3*b)
for(i=0;i<1920;)x.fillRect(i++,475+535*S(C(i/300+5*b)+5*a),1,200)

Dec 30 2017 7:55 AM UTC

}// 127/140

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

Made it a little higher quality with less characters.

show FPS hide FPS share 1 remix fullscreen

rikardlindstrom

function u(t) {

!t&&x.translate(980,540)
for(i=99;i;i--){x.fillStyle='#'+(4E5+(255<<(w=t*i))).toString(16).substr(-6)
x.rotate(.3)
x.fillRect(l=-w/2,l,w,w)}

Dec 30 2017 6:15 AM UTC

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

bobdunn

remix of d/4812 by u/bobdunn

function u(t) {

c.width=1920;z=12/* clear the canvas */
  for(i=0;i<10000;i++)
  x.fillRect(960 + C(i*z+t*0.4)*S(t*0+1*i)*540 , 540 + S(i*z)*270, 15, 15)

Dec 30 2017 5:32 AM UTC

}// 137/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 1 remix fullscreen

bobdunn

remix of d/4808 by u/bobdunn

function u(t) {

c.width=1920; /* clear the canvas */
  for(i=0;i<1000;i++)
  x.fillRect(960 + C(i*2+5*t)*S(2*t+1*i)*540 , 540 + S(2*t+i*1)*270, 15, 15)

Dec 30 2017 5:25 AM UTC

}// 135/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 2 remixes fullscreen

Jezza

function u(t) {

c.width=1920;d=-2.1;e=1.9;for(i=l=j=t;i<9e3;i++)k=S(d*l)+C(t)*C(j*d),m=S(e*j)+S(t)*C(l*e),j=k,l=m,x.fillRect(960+j*400,540+l*250,2,2)

Dec 30 2017 5:02 AM UTC

}// 133/140

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

Newbie here. Would have loved to add some alpha but no room :)

Show more comments…
u/Jezza

Heavily inspired by: http://paulbourke.net/fractals/clifford/
u/sigveseb

A trick for alpha is to fillrect with a width < 1 ;)
u/joeytwiddle

You can save 3 chars with: c.width|=e=1.9 (doesn't seem for work for negative d)
u/joeytwiddle

I did you a low-res remix: https://www.dwitter.net/d/4842
u/Jezza

Thanks for the tips and this remix!
u/joeytwiddle

jonathan_b has also done a remix: d/5348

show FPS hide FPS share fullscreen

JoshiRaez

function u(t) {

w=c.width|=0
x.font="200px G"
x.p=x.fillRect
for(i=8;i--;){x.p((240*i+t*500)%w,690,100,10)
x.p(0,540+300*i,w,10)}x.fillText('🚗',900,600)

Dec 30 2017 1:26 AM UTC

}// 137/140

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

dwitter.net | iverjo (56085)