Dweets awesomed by u/Xen

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 fullscreen

Xen

function u(t) {

for(c.width|=i=299;i--;x.fill(x.arc(1e3+C(t+i)*i*4,500+S(t+i)*i*3,i/4,0,7)))x.beginPath(x.fillStyle=R(i*C(t^i),t*i%i,t*i%255))

Oct 23 2018 10:33 PM UTC

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

Xen

function u(t) {

for(i=9;i--;x.fillStyle=`hsl(${Z},50%,50%)`,x.rotate(C(t+i)/5e3))x.fillRect(0,Z=i*t*t%1e3,2e3,1)

Oct 23 2018 8:19 PM UTC

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

yonatan

function u(t) {

s=c.style;s.backgroundBlendMode='lighten';for(b=[i=20];i--;)b[i]=`radial-gradient(at ${50+S(t+i)*50}%${i*5}%,tan,#210 25%)`;s.background=b

Oct 23 2018 7:51 PM UTC

}// 138/140

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

More Worley noise - via https://codepen.io/supah/pen/oaEZqg

Show more comments…
u/veubeke

Amazeballs!
u/aleamb

amazing!!
u/anotherkitten

this feels gross but i like it
u/lionleaf

#organic #voronoi #cell #squishy
u/katkip

genius
u/joeytwiddle

Like bacteria in rush hour. I agree with what anotherkitten said.

show FPS hide FPS share fullscreen

jonathan-potter

function u(t) {

c.width=500;v=(X,y,o,l)=>{if(l>1){x.moveTo(X,y);x.lineTo(X+=l*S(o),y+=l*C(o));v(X,y,o-t,l*.7);v(X,y,o+t,l*.6)}}
v(250,270,3.1,50)
x.stroke()

Oct 23 2018 1:09 AM UTC

}// 140/140

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

recursive tree

u/katkip

looks awesome

show FPS hide FPS share fullscreen

Xen

remix of d/10612 by u/pavel

function u(t) {

for(i=30;i--;)for(j=13;j--;x.fillRect(860+S(A=t%99+(i&1?i:-i)/2)*(i^j)*i,700+C(A)*300*S(A)-j*j,200,96))x.fillStyle=R(j*9,t*t%255,i*j,.01)

Oct 22 2018 8:03 PM UTC

}// 137/140

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

just playing x

show FPS hide FPS share fullscreen

keithclark

remix of d/10528 by u/keithclark

function u(t) {

for(c.width=640,i=3e3;i--;i&256||x.fillRect(320-(3-S(t)-i%8)*J,240+((i/8&7)-3.7+t%1)*J,J/=2,J))J=3e3/(i/64+t%1*8),x.fillStyle=R(q=2e4/J,q,q)

Oct 22 2018 7:14 PM UTC

}// 140/140

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

Managed to shave off enough bytes to get Y axis movement. Hat tip to @prplz for help saving bytes

u/keithclark

For better resolution, at the expense of FPS:
u/keithclark

for(c.width=640,i=4e3;i--;i&512||x.fillRect(320-(3-S(t)-i%8)*J,240+((i/8&7)-3.7+t%1)*J,J/=2,J))J=5e3/(i/64+t%2*8),x.fillStyle=R(q=2e4/J,q,q)
u/lionleaf

#d3 #depth #cube
u/rodrigo.siqueira

There is a Brazilian artist (Denis Maricato) who draws this by hand, see here: https://web.facebook.com/denis.maricato/post…
u/vain

amazing fake 3d cube world

show FPS hide FPS share fullscreen

Xen

function u(t) {

x.strokeRect(Z=1e3+1e3*S(t*9),Y=500+500*C(t*Z),Z,Y,x.strokeStyle=R(Z%55,Y%55,Z*Y%55)),x.drawImage(c,5,7,1902,1062)
x.rotate(C(t)/1e4)

Oct 22 2018 3:09 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

heyitsguay

remix of d/10596 by u/heyitsguay

function u(t) {

t*=t
h=499
for(i=h;i--;)y=h+(t*S(i/t)|(t/=-1))*9,z=y>h,x.fillStyle=R(j=240-i+10*C(t),j/(1.5-.2*z),j/1.1*(S(t)+.5*z)),x.fillRect(i*9,y,9,9)

Oct 22 2018 2:36 AM UTC

}// 138/140

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

Coastal sunset

show FPS hide FPS share fullscreen

rbong

remix of d/10574 by u/rbong

function u(t) {

for(n=200;n-=1/64;x.fillStyle=`hsl(${t*k*30},99%,50%)`,x.fillRect(n%3*666,n*5,16,16))for(r=i=0,k=28;--k/r;i=j)j=2*r*i+1-n/99,r=r*r-i*i-(n%3)

Oct 21 2018 3: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).

Rainbow Cycling Mandelbrot

u/rbong

#rainbow #fractal #mandelbrot
u/rbong

This version has true color cycling, an animated Julia set, and is centered, but it's 18 characters over:
u/rbong

for(n=200;n-=1/64;x.fillStyle=\`hsl(${t*999+k*22},99%,50%)\`,x.fillRect(n%3*666,n*5,16,16))for(r=C(t*3),i=S(t*4),k=28;--k/r;i=j)j=2*r*i+1-n/99,r=r*r-i*i+1-(n%3)

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

for(d=19;d--;x.beginPath(x.fill())){p=d+t%1;x.fillStyle=`hsl(${140+t*2} 66%${80-S(p/4)*40}%`;x.arc(960,540,p*60,o=p/2+t/2,++o)}

Oct 21 2018 3:06 AM UTC

}// 127/140

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

cute spiral

u/Agnes

Consider using properly formatted HSL if you have the characters to spare - these all show up as 100% black on iOS Safari!
u/anotherkitten

true, should have done, just habit to use the broken one

dwitter.net | Xen (95840)