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

MrM@_S

function u(t) {

t?E.onchange=e=>x.fillText(e.target.files[0].size+" B",9,9):(E=document.createElement`input`,E.type="file",c.onclick=e=>E.click(c.width=99))

Jun 17 2017 4:24 PM UTC

}// 140/140

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

Click the canvas and upload a file. This gives the exact size in bytes

u/PiggyClone205

Neat,
u/MrM@_S

#tool
u/Purpzie

whAaaAtt the heck that's cool

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).

show FPS hide FPS share 2 remixes fullscreen

jczimm

remix of d/2659 by u/MrM@_S

function u(t) {

for(c.width=X=256;X-=2;)for(Y=148;Y-=2;x.fillStyle=`hsl(${A=(X*C(t)&Y^(t))&(Y*C(t)+X**S(t))},${A=A*t%50+25}%,${A}%`)x.fillRect(X,Y,2,2)

May 5 2017 3:08 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/MrM@_S

Woah! Nice.

show FPS hide FPS share fullscreen

saschavoid

remix of d/2585 by u/vvarr

function u(t) {

i=q=c.width=2e3
for(;i--;x.fillRect(o*C(a)*z+q/2,(r*T(b)+190)*z,z*=z/2,z))z=q/((o=2e2+(r=30+C(6*S(a=i/310-t)))*T(b=i%40/8))*S(a+=1.4*t)+710)

Apr 28 2017 11:46 AM UTC

}// 140/140

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

All pray to the ondulating cone.