Dweets awesomed by u/trupples

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

trupples

remix of d/4838 by u/E-Mouse

function u(t) {

e='1 2 + 100 *'.split(' '),s=[]
e.map(o=>+o==o?s.push(o):(q=s.pop(),s.push(eval(s.pop()+o+q))))
document.body.innerText=s

Dec 30 2017 1:19 PM UTC

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

kchplr

remix of d/4834 by u/kchplr

function u(t) {

c.width|=0;for(i=5e3;i--;T=t+i/300,R=(f,m)=>f(T)*300+f(T*8)*110*m+f(T*12.5)*107*m)x.fillRect(930+R(C,1),530+R(S,R(C,-10)/t**7-1),4,4)

Dec 30 2017 12:47 PM 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

barrebas

function u(t) {

c.width|=d=1e3;for(i=x.lineWidth=z=20;--i;){f=C(t);x.strokeStyle=R(f*i*z,f*i,0);x.beginPath();x.arc(d,d/2,d/2-i*z,f-i*.3,f**2*5);x.stroke()}

Dec 30 2017 11:42 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

JonasPeeters

function u(t) {

c.width=w=2e3
x.fillStyle="fac"
x.fillRect(0,0,w,999)
c=400
if(n=(m=50*S(t*9)**3)>0)
c+=m
x.font=c+"px a"
x.fillText("❤️",800-(n?m/2:0),700)

Dec 30 2017 11:26 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/iverjo

#heart

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 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 1 remix fullscreen

travisdoesmath

remix of d/4815 by u/travisdoesmath

function u(t) {

for(i=0;i<300;i++){x.fillStyle=R((i)%255,(i)%255,(i+20*t)%255);x.beginPath(),x.arc(960-i/9*S(i+t)*30,540+i/9*C(i+t)*30,i/2,0,6.28);x.fill()}

Dec 30 2017 6:01 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/crimbles

Remixed https://www.dwitter.net/d/5358

show FPS hide FPS share 1 remix fullscreen

mohd-akram

function u(t) {

c.width+=0;x.fillRect(0,0,1920,1080);θ=5/7*S(9*t)**2;x.strokeStyle='#ff0';x.lineWidth=99;d=1e3;x.arc((t*d)%3e3-d,540,50,θ,-θ);x.stroke()

Dec 29 2017 9:51 PM UTC

}// 136/140

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

u/quuxman

I was hoping to shrink it to the point of adding little dots, but I don't think it's possible
u/quuxman

I was hoping to shrink it to the point of adding little dots, but I don't think it's possible
u/quuxman

c.width+=0 x.fillRect(0,0,w=2e3,w) x.fillStyle='#ff0' x.moveTo(a=t*500%w,b=540) x.arc(a,b,100,m=S(t*15)*.4+.4,-m) x.fill()
u/mohd-akram

Yeah, that was my initial goal :D
u/mohd-akram

c.width+=0;x.fillRect(0,0,w=2e3,w);y=540;t=t*y%w;for(i=w;i>=0;i-=5e2)if(!i||t<i)x.beginPath(),x.lineWidth=l=i?20:99,x.arc(i||t,y,l/2,m=i?.01:S(t/l*2)**2,-m),x.strokeStyle=R(y,y,i&&y),x.stroke()
u/joeytwiddle

You could post the "too long" version on codegolf.tk if you like :)

show FPS hide FPS share fullscreen

tjl

function u(t) {

x.fillText(c,1e3,9);x.filter='saturate(116%)hue-rotate(15deg)contrast(95%)sepia(1%)';x.setTransform(1,0.01,-0.01,1,5,-8);x.drawImage(c,0,0);

Dec 29 2017 6:02 PM UTC

}// 140/140

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

NB: Results vary between browsers. Tested on Linux Chrome and Firefox, different but cool results on both.

u/Xen

nice
u/coltonb

who put this acid in my coffee
u/ctrlx

(Shhhhh, or everyone will want some of your coffee! :P )

dwitter.net | trupples (15393)