Dweets awesomed by u/jick

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

Xen

remix of d/2241 by u/jick

function u(t) {

for(i=2e3;i--;x.fillRect(i,8,2,9),x.fillStyle=R(C(X=t*i)*i,S(X)*i,T(X)*i));x.drawImage(c,-t,t,t+1926,1090);

Jul 20 2017 9:35 PM UTC

}// 107/140

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

the lone 't' in drawImage(), change it for '9' or 't*t' or 't*t*t'

show FPS hide FPS share fullscreen

jick

remix of d/2912 by u/p01

function u(t) {

r=t+20;
for(i=c.width|=0;i--;){
x.beginPath()
x.fillStyle=`hsl(${i*r},50%,50%)`
x.arc(i%98*19,i*(1-T(i/r)),20,0,6)
x.fill()
}

Jul 20 2017 4:28 PM UTC

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

remix of d/1504 by u/innovati

function u(t) {

for(i=1e4;i--;x.fillRect(i,i/t,i/t,t)){x.fillStyle='hsl('+i*i+',99%,50%)'}

Jul 19 2017 6:28 PM UTC

}// 74/140

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

u/innovati

Beautiful 🌈
u/Xen

Thank you, Plasma pillars :D

show FPS hide FPS share fullscreen

Xen

remix of d/2180 by u/aemkei

function u(t) {

for(i=W=c.width=2e3;i--;x.fillRect(W*(T(i)+s*t)%W,540+i*S(s*W),9,9))s=69/i

Jul 16 2017 7:51 PM UTC

}// 74/140

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

u/innovati

entering hyperspace! 🚀✨
u/Xen

Destination: Terror!

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/547 by u/BriSeven

function u(t) {

X=960,Y=X*t%900,a=1;for(i=99;--i;a+=8*Math.random())x.fillStyle=T(a)<9?R(t-a,a/2,1,1):"#FFA",x.fillRect(X+=S(a)*Y/49,Y+=C(a)*4,4,4)

Jul 16 2017 7:36 PM UTC

}// 131/140

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

Show more comments…
u/cantelope

this is awesome, but it looks identical to another one you posted...
u/Xen

this is my only tree one? :-o
u/donbright

happy little tree
u/tibbifox

beautiful
u/jick

This is wonderful.
u/innovati

🌲 👨‍🎨🎨
u/itsjustmustafa

It looks so natural!
u/Xen

thank you :-)

show FPS hide FPS share fullscreen

cantelope

remix of d/2873 by u/cantelope

function u(t) {

for(i=(W=960)*2;i--;x.fillRect(i,0,.2,2e3,x.clearRect(W+W/(Z=7.5+C(p=i/9+1/V+t)*V)*S(p)*V,99+W*Y/Z,s=500/Z/Z,s)))Y=(t+i/5)%4,V=i/W*(4-Y)/++Y

Jul 15 2017 8:52 PM UTC

}// 140/140

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

Again, special thanks to p01 for making this dweetable.

u/cantelope

the goal was to golf this ( https://cantelope.org/vortex ) to140b. Mission accomplished. :)
u/donbright

awesome
u/innovati

🌀😎👌
u/cantelope

❤️

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

yonatan

remix of d/2643 by u/yonatan

function u(t) {

c.width=128;for(J=X=64;X>-J;X--)for(K=Y=32;Y>-K;Y--)D=(X*X+Y*Y)**.5,x.fillStyle=`hsl(${D-t*99^T(X/Y+t*9)},50%,${D}%`,x.fillRect(X+J,Y+K,1,1)

Jun 4 2017 11:28 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 fullscreen

hypothete

function u(t) {

;x.font='99px c';x.fillText('💲',190+C(t*5)*200,350*S(t*3)+580);x.drawImage(c,9,0);x.fillText('💸',0,Math.random()*1080);

May 30 2017 6:36 AM UTC

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

jick

function u(t) {

x.globalCompositeOperation='xor'
r=Math.random 
x.beginPath()
x.fillStyle=`hsl(${t*65},99%,30%)`
x.arc(r()*2e3,r()*1e3,r()*200,0,6)
x.fill()

May 24 2017 12: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).

u/donbright

fascinating
u/donbright

fascinating

dwitter.net | jick (3889)