Dweets awesomed by u/zanella

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

ersagun

function u(t) {

t*=60;i=j=0;for(s=8;u=1&(t/2),v=1&(t^u),(s*=2)<513;t/=4){if(!v){if(u==1)i=s-16-i,j=s-16-j;z=i;i=j;j=z}i+=s*u,j+=s*v}x.lineTo(i,j),x.stroke()

Oct 21 2018 10:36 PM UTC

}// 140/140

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

Hilbert curve

u/aleamb

love it!
u/aleamb

#hilbert #fractal
u/pavel

Shaved off 16 chars: for(t*=60,i=j=0,s=8;u=t&2?1:0,s*=2,s<513;t/=4,i+=s*u)1&t^u?j+=s:(u&&(i=s-16-i,j=s-16-j),i+=j-(j=i));x.lineTo(i,j);x.stroke()

show FPS hide FPS share fullscreen

yonatan

remix of d/10553 by u/yonatan

function u(t) {

c.width=342
y=w=64
for(i=7;i--;x.drawImage(c,0,y-j,j,j,0,0,w,w))for(j=2**i,k=j*j;k--;y+=!X)x.fillRect(X=k%j|0,y,S(k**4-t),.66**i)

Oct 21 2018 9:50 PM UTC

}// 129/140

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

Noise in debug-mode - delete the 342 to fill the viewport

u/yonatan

Maybe chrome does bilinear interpolation and firefox doesn't?
u/Joachim

#noise

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

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/10485 by u/joeytwiddle

function u(t) {

for(z=42;j=z-->>1;x.fillRect(960+S(k)*15-w/2,540+C(k)*15+w/2-r,w,2*r-w))k=7*t-j/2,x.fillStyle=`hsl(${15*k},33%,${7*j}%)`,r=50*j,w=r*(.5+z%2)

Oct 20 2018 8:43 PM UTC

}// 140/140

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

Fixed the plus shape in the back and added color cycling

u/pavel

Check it out in fullscreen

show FPS hide FPS share 1 remix fullscreen

akx

function u(t) {

for(c.width=i=500,x.font="300px sans";i--;)with(x)save(),beginPath(),rect(0,i,1e4,1),clip(),fillText("👻",99+30*S(.02*i+5*t),270),restore()

Oct 20 2018 12: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).

spooky!!!

show FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

w=c.width=64
h=40
for(i=5e3;i--;)i>6?x.fillRect(i&63,(i>>6)+h,s=S(i**4),s):x.drawImage(c,0,h+t%h,h,w,0,0,z=2**i*64,z,x.globalAlpha=i**.5/9)

Oct 19 2018 5:23 AM UTC

}// 139/140

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

Value #noise with #fbm

u/yonatan

some cross-browser issues. better on chrome.
u/iverjo

#clouds
u/aleamb

wow! superb and very smart!

show FPS hide FPS share 3 remixes fullscreen

tomxor

function u(t) {

x.fillRect(0,0,i=2e3,i)
for(t+=160;p=i&1,m=t/C(t/i)+p*(t/2+i%t),i--;)x.clearRect(
960+m*S(n=t/9+i*i)*C(!p*i/t),
540+m*C(n+p*2),s=3-C(n)*3,s)

Oct 17 2018 8:45 PM UTC

}// 140/140

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

#space #planet #saturn

Show more comments…
u/joeytwiddle

Wow, beautiful! I am blown away. #dots #lighting #shading
u/lionleaf

Wow! That's amazing
u/magna

WOW!
u/sigveseb

no way!
u/yonatan

beautiful!
u/jellyedwards

That's incredible, well done!
u/jellyedwards

If you change this bit too use t it's like Saturn uses its ring as a hula hoop: 540+m*C(n+p*t)
u/katkip

woow... gj bro
u/keithclark

Nice!!!
u/aleamb

wow! superb!
u/iverjo

That's pretty rad
u/rnbw

my mind is officially boggled o_o
u/Purpzie

This is absolutely beautiful.
u/tomxor

Thanks for all the kind comments :) for those interested: the key is in the parity bit p=i&1 this allowed me to combine two different but similar functions by multiplying parts in an out on each iteration. You should be able to pull the two apart into something more intelligible.
u/magna

@tomxor are you on Twitter as @tomxor by any chance?
u/tomxor

I am not, nor am I on any other social network... unless you consider Github one :P but a different pseudonym..
u/jylikangas

Beautiful dweet!
u/aleamb

The Cosmos is all that is, or ever was, or ever will be. The contemplation of the this Cosmos stir us.
u/Renaud___

so Beautiful
u/ivylab

This is absolute badass
u/vain

OMG! This part blew me away!
u/jdspugh

Well done!

show FPS hide FPS share 1 remix fullscreen

keithclark

function u(t) {

for(c.width=640,i=4e3;i--;x.fillRect(320-(3+S(t)-i%8)*J,210-((i/8&7)-2.2)*J,J/=2,J))J=i/64&4&&85/(i/64+t%.9*9)*60,x.fillStyle=R(q=2e4/J,q,q)

Oct 17 2018 4:20 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/yonatan

Very nice!
u/aleamb

wow, great!!
u/magna

Get out!
u/joeytwiddle

:-D
u/iverjo

Very good!

show FPS hide FPS share 2 remixes fullscreen

yonatan

function u(t) {

for(k=c.width=314;T=k--/5;x.arc(99+(Y*S(t)+X*C(t))*r,80+(2*C(2*T)+C(T))*r,r/2,0,7))X=2*S(2*T)-S(T),Y=S(3*T),r=(9+X*S(t)-Y*C(t))*2
x.stroke()

Oct 17 2018 1:48 PM UTC

}// 140/140

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

#trefoil #knot

u/katkip

this looks nice
u/tomxor

Neat knot! looking forward to playing with this one.
u/iverjo

Hot or knot?

show FPS hide FPS share 1 remix fullscreen

Agnes

function u(t) {

for(c.width|=i=5;i--;x.fillText([..."🤠🤙👟👟🖐️"][i],15*S(a=i/.8),-15*C(a)))x.setTransform(A=20*C(b=S(t*(i+.25))/3),B=20*S(b),-B,A,960,540)

Oct 17 2018 12:15 PM UTC

}// 135/140

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

Howdy! I'm a cool cowboy!

u/Agnes

Feel free to remix this with your own head, hand and foot emojis, and change the value of b to make them rotate at different speeds.
u/magna

LOL
u/iverjo

:P

dwitter.net | zanella (15449)