Top dweets of all time

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

Xen

function u(t) {

x.fillText(x.drawImage(c,480*(t*9%3|0),540*((t*9%3|0)%2),960,540),9,9)

Aug 10 2017 11:13 PM UTC

}// 70/140

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

-70Byte-Refix-

u/Xen

another 4 bytes can be shaved but it will take longer to draw ;-)
u/kchplr

62 bytes, same speed : x.fillText(x.drawImage(c,(V=t*9%3|0)*480,V%2*540,960,540),9,9)
u/kchplr

62 bytes and faster, but less interesting fade in: x.fillText(x.drawImage(c,(V=frame%3)*480,V%2*540,960,540),9,9)
u/iverjo

#sierpinski

show FPS hide FPS share 1 remix fullscreen

rybar

function u(t) {

for(i=2e3;i>-1;i--)x.fillStyle=R(255*C(i/5-t),255*S(i%8+t),255*C(i%8+t),1),x.fillRect(i%90*90,i/90*90,90,90)

Aug 9 2017 5:15 PM UTC

}// 108/140

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

u/jick

I like this a lot.
u/kimber

Very nice
u/Cindya

Try different pallets good start

show FPS hide FPS share fullscreen

cantelope

remix of d/3008 by u/New_Core

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(X=Y=0,i=d=350;i--;x.clearRect(X*Z+960,Y*Z+540,Z*4,Z*4))Z=d/(9+d-t*i%d),X+=6*C(a=i/50-9*S(t/8)*S(i/9)),Y+=6*S(a)

Aug 5 2017 5:55 AM UTC

}// 139/140

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

just made a few small changes.. loved this one and wanted to see it with colors inverted :D

show FPS hide FPS share fullscreen

dongwoo

function u(t) {

c.width|=0
b=(a)=>x.rotate(a)
b(t*.1)
for(i=3000;i;){b(i*.01);x.fillStyle="hsl("+360*((i/900-t)%1)+",100%,50%)";x.fillRect(0,0,10,i--)}

Jul 18 2017 1:58 AM UTC

}// 135/140

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

u/cantelope

love it!
u/Purpzie

Shortened by 9 characters: for(c.width|=0,x.rotate(t*.1),i=3e3;i--;x.fillStyle="hsl("+360*((i/900-t)%1)+",100%,50%)",x.fillRect(0,0,10,i))x.rotate(i*.01)

show FPS hide FPS share 3 remixes fullscreen

alien

remix of d/2841 by u/alien

function u(t) {

w=c.width=180
f=frame
for(j=0;j<w;j++)
for(i=0;i<w;i++){
q=(i*i+j*j)**(3)+f&200
s=i*C(q)
s%=255
x.fillStyle=R(s,s*2,s)
x.fillRect(i,j,1,1)}

Jul 7 2017 7: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).

Wow much patterns such wow...

show FPS hide FPS share 1 remix fullscreen

hamoid

function u(t) {

x.translate(960+9*S(t),540)
x.rotate(t)
x.globalCompositeOperation='exclusion'
x.fillStyle='#FED'
x.fillRect(t*9,0,200,t)
x.resetTransform()

Jul 1 2017 8:13 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/donbright

:)
u/Polyducks

Beautiful snail shell!
u/Xen

looking nice!

show FPS hide FPS share fullscreen

cantelope

function u(t) {

F=(v)=>("0"+((.5+v/2)*255|0).toString(16)).slice(-2)
for(i=1e3;i--;x.fillStyle="#"+F(S(v=i/70-t*4))+F(C(v))+F(-S(v)))x.fillRect(5*i,0,5,2e3)

Jun 27 2017 11:55 PM UTC

}// 140/140

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

I'm sure some of you can shorten this considerably.

u/alien

good sir what does F=(v)=> are you doing some functional programming here?
u/joeytwiddle

🏳️‍🌈
u/cantelope

@alien the F=(v)=> is indeed a function, using the short ES6 arrow syntax. Its purpose is to return a hex value between 0 and 255, (with a preceding 0 when value is less than 16). the hex code is then combined with 2 other hex codes to form a complete, valid color code in the form of #000000. There is a shorter way to do this but it results in exponentially fewer colors. sorry for delayed response.
u/New_Core

Using rgb colors instead of hex you dont need to struggel with converting. a=130;for(i=1e3;i--;x.fillStyle=R(a*S(v=i/70-t*4)+a,a*C(v)+a,-a*S(v)+a))x.fillRect(5*i,0,5,2e3) a here uses 130 of the 255 colors to match the same colors.
u/alien

thank you for the response @catelope

show FPS hide FPS share fullscreen

xiho

function u(t) {

c.width|=.9;x.translate(960,540);for(i=25;i--;x.rotate(t*.3))x.rect(a=-i*9+4*S(t/i),t/i,-a*.3,a*.3),x.fillStyle="#2BA5FE";x.fill('evenodd')

May 29 2017 10:40 AM UTC

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

hscells

function u(t) {

x.fillStyle=`hsl(${9*t},99%,70%)`
x.rotate(t/9*Math.PI)
x.fillRect(0,0,9,2e3)
x.setTransform(1,0,0,1,S(t)*2e2,C(t)*2e2)
x.translate(990,480)

May 16 2017 1: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).

u/joeytwiddle

Reminds me of a certain browser

show FPS hide FPS share 2 remixes fullscreen

FireFly

function u(t) {

c.width|=0,x.font='3in a';for(x.fillText("warped",Y=A=500,300);Y--;x.drawImage(c,0,Y,2e3,1,D/2,Y+A+C(Y*t/9)*4,2e3-D,4))D=S(Y/40*T(t))*A*C(t)

May 11 2017 1:16 PM UTC

}// 140/140

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