Dweets awesomed by u/joeytwiddle

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

DataMeta

function u(t) {

c.width|=0;p=Math.PI;for(i=0;i<800;i++)x.fillRect((i*1.86+C(S(t+i/(p**p)))*p**p+192),(i-S(t+i)*S(t*1.618-i/(p**p/.618))*88+133),9,9)

Jun 15 2018 4:30 AM UTC

}// 132/140

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

u/robbyg

Bingo! Dino DNA!
u/aleamb

love it!
u/lionleaf

Cool! #DNA
u/Galaxtone

well dna unraveled

show FPS hide FPS share fullscreen

magna

remix of d/8594 by u/magna

function u(t) {

x.font='25px"'
for(Y=43;Y--;)for(X=76;X--;)x.fillText([...'🌑🌘🌗🌖🌕🌔🌓🌒🌑'][(S((X*Y/99)+t*5)+1)*4.5|0],X*25,Y*25+25)

Jun 13 2018 1:42 PM UTC

}// 111/140

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

u/zanella

Funny thing - it seems as if the moons are moving back-and-forth as if it was a flag. :)

show FPS hide FPS share 2 remixes fullscreen

robbyg

remix of d/8582 by u/robbyg

function u(t) {

t&&x.drawImage(c,0,3)
for(Z=i=360;i--;x.fillRect(i*18-C(t+t-S(i/9))*Z-Z,0,Z,3))x.fillStyle=`hsl(${(S(i/3+t)+9)*4},${z=25+i%55}%,${z*.8}%)`

Jun 13 2018 1:29 PM UTC

}// 138/140

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

Dunes.

u/magna

I bet p01 will come and add a camel to this.
u/lionleaf

Wow, that's really nice! #dunes #sand #desert
u/zanella

But the function names are already in camel case. #rimshot
u/joeytwiddle

#landscape

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/8592 by u/magna

function u(t) {

c.width|=0
x.font='66px"'
for(Y=16;Y--;)for(X=29;X--;)x.fillText([...'🌑🌘🌗🌖🌕🌔🌓🌒🌑'][(S(X/Y+t*9)+1)*4.5|0],X*66,Y*66+66)

Jun 13 2018 1:19 PM UTC

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

pythech

remix of d/8575 by u/New_Core

function u(t) {

with(x)for(b=c.width|=i=40;i--;fill())ellipse(i*199%b+99*S(a=t+i),1200-a*i*20%1300,77,99,0,!beginPath(fillStyle=`hsl(${i*i},99%,50%,.9)`),9)

Jun 13 2018 1: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).

added transparency, hsl trick doesn't work on Safari it seems

u/joeytwiddle

Instead of hsl(...) you can use hsla(... which will work in Safari
u/pythech

yeah but then you'll exceed the character limit, oh well
u/pythech

the other browsers silently accept the 4th parameter when they should not. That's a bit trickery for me, or at least that's what I meant. I could phrase it a better it seems, thanks for helping anyway, my bad :D

show FPS hide FPS share 1 remix fullscreen

robbyg

remix of d/8556 by u/Xen

function u(t) {

t&&x.drawImage(c,0,3)
for(Z=i=360;i--;x.fillRect(i*9-C(t+t-S(i/19))*Z-Z,0,Z,3))x.fillStyle=`hsl(${S(i)*Z},${z=25+i%55}%,${z*.8}%)`

Jun 12 2018 9:12 PM UTC

}// 130/140

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

u/Xen

looks tasty, makes me hungry!
u/joeytwiddle

Yes, yummy. #rainbow

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/8576 by u/magna

function u(t) {

onmousemove=(e)=>T=e
x.beginPath(c.width|=0)
for(i=500;--i;)x.arc(S(k=i*(T.x*T.y>>2)/32+t)*C(i)*400+900,C(k)*400+500,19,0,7)
x.fill()

Jun 12 2018 7:43 PM UTC

}// 133/140

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

Move mouse to explore patterns! #interactive

show FPS hide FPS share fullscreen

E-Mouse

remix of d/8543 by u/firegodjr

function u(t) {

x.beginPath()
c.width|=0
x.stroke()
for(i=500;--i;)x.lineTo(C(k=i/5%1*t)*C(i)*400+900,C(k)*400+500)
x.fill("evenodd")

Jun 12 2018 1:32 PM UTC

}// 117/140

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

u/joeytwiddle

#shiny

show FPS hide FPS share fullscreen

firegodjr

remix of d/8543 by u/firegodjr

function u(t) {

x.beginPath()
c.width|=0
for(i=500;--i;)x.lineTo(S(k=i*(400001+(S(t)*.0008))+t)*C(i)*400+900,C(k)*400+500)
x.fill("evenodd")

Jun 11 2018 9:03 PM UTC

}// 124/140

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

Subtle Adjustments ;)

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/8544 by u/firegodjr

function u(t) {

t?x.drawImage(c,0,3):x.fillRect(0,0,2e3,2e3)
for(Z=i=350;i--;x.fillRect(i*9-C(t+t-S(i/19-t))*Z-Z,0,Z,2-C(t)))x.fillStyle=R(f=S(i+t)*Z,i,f+i)

Jun 11 2018 7:01 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/iverjo

Kudos! Interestingly, this looks very different in fullscreen, without the moiré patterns

dwitter.net | joeytwiddle (61479)