Top #colors dweets

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

yonatan

remix of d/2643 by u/yonatan

function u(t) {

for(X=c.width=128;--X;)for(Y=74;Y;x.fillStyle=`hsl(${A=X*C(t)+Y**S(t)^Y*C(t)-X**S(t)},${A=A+t*99&63}%,${A}%`)x.fillRect(X,--Y,1,1)

Jan 12 2018 8:44 PM UTC

}// 130/140

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

10 chars left!

Show more comments…
u/sigveseb

woah this one is sick! more upvotes!
u/whackashoe

This is awesome!!!!
u/sandromiccoli

niiiice
u/iverjo

Mind blown!
u/iverjo

#rotozoom
u/joeytwiddle

#colors

show FPS hide FPS share 3 remixes fullscreen

Xen

function u(t) {

for(Z=i=32;i--;x.fill(x.arc(960,540,Z+i*Z-C(i*t/9)*Z,i+t*2,i+t*2+2)),x.stroke())x.beginPath(x.fillStyle=`hsla(${i*Z^t*99},90%,50%,.01)`)

Jul 31 2018 9:43 PM UTC

}// 136/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/DataMeta

Amaaazing style!
u/joeytwiddle

Beautiful! #colors #spiral
u/magna

#toon
u/magna

THIS IS CRAZY!
u/fujimotos

This color tone is so awesome. Reminds me metallic oil.
u/sigveseb

Holy shit so nice :)
u/iverjo

Yes!
u/lionleaf

Beautiful!
u/joeytwiddle

#oil
u/Joachim

#art

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/5798 by u/FrenchToast

function u(t) {

t?i=Z:Z=c.width=255
for(;i--;x.fill(x.arc(129-i*C(t+i),69+39*S(t+i/(S(t)+6)),i/9,0,9)))x.fillStyle=`hsla(${i+t*i},99%,50%,.1)`,x.beginPath()

Jan 10 2018 5: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).

had to have a play

u/ETHproductions

I absolutely love this. Wish I could "Awesome!" multiple times, haha
u/Xen

one day there will be a "fav5" feature i bet ;-)
u/joeytwiddle

#rainbow #colors
u/katkip

#xweet

show FPS hide FPS share fullscreen

Joachim

function u(t) {

for(i=z=c.width=300;i--;x.fillRect(140+a*i+C(t*9)*30,90+i*(S(t*9%3.1)/9+.3),i,i/z))a=T(z^z/i+t*4),x.fillStyle=R(b=a*z,S(b)*z,T(b)*z)

Apr 13 2022 9:23 AM UTC

}// 132/140

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

Infinite hopscotch

u/Odog8

Thats nuts
u/Joachim

This 3D-like technique is useful for making single-direction ground textures. This is roughly how it works: A rectangle with a height of ~1px is drawn for every row of pixels on the screen. The width of every rectangle depends on how far down it is (their index). The x position of every rectangle is defined by this bit of code: T(z^z/i+t*9). This is then multiplied by their index to achieve a 3D look, as everything gets bigger & faster near the bottom of the screen. Without the animation or colours, the entire thing can get as small as 64 char: for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1). Feel free to get it even smaller!
u/vain

@u/Joachim: Thanks a lot for the litte explanation and example. =)
u/Joachim

#d3 #perspective #mist #colors
u/lineburgb

for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1)

show FPS hide FPS share 2 remixes fullscreen

snydej

remix of d/6785 by u/PietPtr

function u(t) {

with(x)for(i=364;i--;beginPath(fill()))for(fillStyle=`hsl(${(t+i)*79},50%,50%)`,j=6;j--;)lineTo(i%28*79+50*C(s=j+j/21),i%26*45+50*S(s))

Feb 14 2018 7:21 PM UTC

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

pavel

remix of d/9174 by u/f8f82804

function u(t) {

with(x)for(N=i=300;A=S(a=i--/99);beginPath(fillStyle=`hsl(${i*N} 90% ${c**4}%`))c=A*S(b=t+i)+2,fill(arc(N*c,N*(A*C(b)/2-C(a)+2),70*A+9,0,7))

Nov 8 2018 11:00 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/katkip

I like the fact that it is so fast
u/iverjo

Nice! This reminds me of the spinning beachball of death (on Mac OS X)
u/aleamb

#colors #d3 #sphere
u/pavel

#uncompressed

show FPS hide FPS share 1 remix fullscreen

zkfrontman

remix of d/4252 by u/zkfrontman

function u(t) {

for(c.width|=0,i=1;i<1e3;i++)p=t-16*i,x.fillStyle=R(255,255*S(p),255*S(p+4)),x.beginPath(),x.arc(2*i,600+100*T(p),4*C(p)+11,0,7),x.fill();

Dec 29 2017 8:13 PM UTC

}// 138/140

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

u/fmease

it looks beautiful!
u/joeytwiddle

nice #colors

show FPS hide FPS share 2 remixes fullscreen

codeslaw

function u(t) {

x.drawImage(c,-10+S(t)*4,0)
i=e=1900;while(i--)x[g='fillText'](['💭','🌎','🍁','👾','😂'][Math.abs(~~(5*S(C(i)*6)))],e-i%20,S(i+S(S(t)))*e)

Mar 29 2017 9:10 AM UTC

}// 134/140

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

Tapestry #1

u/z3vin

nice use of emoji as coloring
u/recursive

That's a very convincing woven rug.
u/sigveseb

very nice! also looks quite different from platform to platform (windows, mac, android, etc)
u/magna

Looks super great on Chrome on macOS.
u/joeytwiddle

#texture #colors #tartan #cloth #material

show FPS hide FPS share 1 remix fullscreen

jonathan_b

remix of d/4563 by u/jonathan_b

function u(t) {

for(c.width|=s=490,i=0;i<s*9;)for(j=2;j<16;)r=j*4,x.fillStyle=R(i/j,i/r,s/C(i),3/j),x.fillRect(970+s*C(++i)*C(T(t/++j)+j/r*i),s+s*S(i),r,r)

Dec 29 2017 6:05 AM UTC

}// 139/140

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

u/joeytwiddle

#colors

show FPS hide FPS share 1 remix fullscreen

tbroadley

remix of d/1429 by u/tbroadley

function u(t) {

w=c.width=99;h=c.height=56;for(i=0;i++<h;)for(j=0;j++<w;)f=(k,d)=>99*S(t+k/d)+155,x.fillStyle=R(f(w,i),f(h,j),f(j,i)),x.fillRect(j,i,1,1)

Feb 26 2017 6:52 PM UTC

}// 137/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/marsch8

fdjak
u/marsch8

whoooops! Didn't mean to write that. Cool dweet, though!
u/KHymatim

fdjak
u/magna

fdjak
u/unframework

fdjak
u/tbroadley

https://www.dwitter.net/d/1429
u/joeytwiddle

#fdjak #colors

dwitter.net | #colors