Dweets awesomed by u/artfarnaa

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 3 remixes fullscreen

yonatan

remix of d/10629 by u/yonatan

function u(t) {

s=c.style;s.backgroundBlendMode='difference';for(b=[i=9];i--;s.background=b)b[i]=`radial-gradient(at ${50+S(t+i)*50}%${i*9}%,#fed,#012 50%)`

Oct 24 2018 7:13 AM UTC

}// 140/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/lionleaf

Wow! That's trippy and cool looking :D Looks like an oil spill or something #plasma #oil #oil_spill
u/joeytwiddle

Great!
u/tomxor

Neat, looks like #diffraction and #Interference, I guess it is litterally the later.
u/katkip

cool
u/Purpzie

Still seems to look the same without s.backgroundBlendMode='difference'
u/yonatan

Dwitter doesn't reset CSS styles when you edit the code. Try making it '' instead of 'difference'
u/lionleaf

u/yonatan Oh, I guess that's a bug.
u/DataMeta

Absolutely incredible

show FPS hide FPS share 2 remixes fullscreen

yonatan

function u(t) {

s=c.style;s.backgroundBlendMode='lighten';for(b=[i=20];i--;)b[i]=`radial-gradient(at ${50+S(t+i)*50}%${i*5}%,tan,#210 25%)`;s.background=b

Oct 23 2018 7:51 PM UTC

}// 138/140

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

More Worley noise - via https://codepen.io/supah/pen/oaEZqg

Show more comments…
u/veubeke

Amazeballs!
u/aleamb

amazing!!
u/anotherkitten

this feels gross but i like it
u/lionleaf

#organic #voronoi #cell #squishy
u/katkip

genius
u/joeytwiddle

Like bacteria in rush hour. I agree with what anotherkitten said.

show FPS hide FPS share fullscreen

yonatan

remix of d/10620 by u/yonatan

function u(t) {

s=c.style
s.backgroundBlendMode='lighten'
for(b=[i=19];i--;)b[i]=`radial-gradient(at ${t*i*9%99}%${i*9}%,#fff,#000 30%)`
s.background=''+b

Oct 23 2018 11:22 AM UTC

}// 138/140

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

Inverted Worley noise - via https://codepen.io/supah/pen/oaEZqg

show FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

eval(unescape(escape`眽挮睩摴栽㌰〻愽漽㹻景爨瀠楮⁯⥴桩獛灛そ⭰嬶嵝㵰紻愨砩㭸孧䍝㴧摡牫敮✻景爨椽㌰㭩ⴭ㭸学捝⠰ⰰⱷⱷ⤩樽眫琪㤹ⱡ⡧㵸学祝㵸季剝⡘㵓⡩⤪樥眬夽䌨椩⩪╷ⰹ㤬堬夬〩⤬杛慯崨〬✣晦昧⤬杛慯崨ㄬ刨⤩`.replace(/u(..)/g,"$1%")))

Oct 23 2018 10:08 AM UTC

}// 140/140

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

Worley noise - via https://codepen.io/supah/pen/oaEZqg

u/yonatan

src: w=c.width=300;a=o=>{for(p in o)this[p[0]+p[6]]=p};a(x);x[gC]='darken';for(i=30;i--;x[fc](0,0,w,w))j=w+t*99,a(g=x[fy]=x[cR](X=S(i)*j%w,Y=C(i)*j%w,99,X,Y,0)),g[ao](0,'#fff'),g[ao](1,R())
u/lionleaf

#worley

show FPS hide FPS share fullscreen

pavel

remix of d/10601 by u/anotherkitten

function u(t) {

with(x)for(i=60;r=5e-9*(i+3*t%2)**6,d=S(r/25-4*t)*r,--i;beginPath(fill(arc(960+d,540+d,9*r,0,7))))fillStyle=`hsl(${r+i%2*r-20*t} 50%${r/2}%`

Oct 23 2018 1:56 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/iverjo

#tunnel

show FPS hide FPS share fullscreen

keithclark

remix of d/10528 by u/keithclark

function u(t) {

for(c.width=640,i=3e3;i--;i&256||x.fillRect(320-(3-S(t)-i%8)*J,240+((i/8&7)-3.7+t%1)*J,J/=2,J))J=3e3/(i/64+t%1*8),x.fillStyle=R(q=2e4/J,q,q)

Oct 22 2018 7:14 PM UTC

}// 140/140

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

Managed to shave off enough bytes to get Y axis movement. Hat tip to @prplz for help saving bytes

u/keithclark

For better resolution, at the expense of FPS:
u/keithclark

for(c.width=640,i=4e3;i--;i&512||x.fillRect(320-(3-S(t)-i%8)*J,240+((i/8&7)-3.7+t%1)*J,J/=2,J))J=5e3/(i/64+t%2*8),x.fillStyle=R(q=2e4/J,q,q)
u/lionleaf

#d3 #depth #cube
u/rodrigo.siqueira

There is a Brazilian artist (Denis Maricato) who draws this by hand, see here: https://web.facebook.com/denis.maricato/post…
u/vain

amazing fake 3d cube world

show FPS hide FPS share fullscreen

veubeke

function u(t) {

x.fillRect(0,0,1920,1080)
for($=14;$--;)
for(x.font='120px"',i=6*$;i--;)
x.fillText('👻',900+C(a=i/$/.954+t)*(_=120-S(t)*40)*$,600+S(a)*_*$)

Oct 22 2018 8:25 AM UTC

}// 139/140

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

#ghost vision - stare at it for a while then somewhere else

u/joeytwiddle

That worked pretty quickly

show FPS hide FPS share 2 remixes fullscreen

anotherkitten

remix of d/10600 by u/anotherkitten

function u(t) {

for(t+=i=17;i--;x.beginPath(x.fill()))p=i+t%1,x.fillStyle=`hsl(${(p-t)*9} 50%${i-t&1?40:60}%`,x.arc(960+C(p+t)*p*p,540+S(p+t)*p*p,5*p*p,0,7)

Oct 22 2018 4:11 AM UTC

}// 140/140

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

odd spiral

Show more comments…
u/veubeke

wow
u/joeytwiddle

I really like these colours
u/pavel

groovy!
u/DataMeta

Niiice!
u/aleamb

yeah! cool!
u/pavel

You use a trick that does not work on iPhone. In the HSL call you need a space between S and L.
u/veubeke

@pavel: here’s a version that works in Safari d/10641

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

for(d=19;d--;x.beginPath(x.fill())){p=d+t%1;x.fillStyle=`hsl(${140+t*2} 66%${80-S(p/4)*40}%`;x.arc(960,540,p*60,o=p/2+t/2,++o)}

Oct 21 2018 3:06 AM UTC

}// 127/140

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

cute spiral

u/Agnes

Consider using properly formatted HSL if you have the characters to spare - these all show up as 100% black on iOS Safari!
u/anotherkitten

true, should have done, just habit to use the broken one

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/10485 by u/joeytwiddle

function u(t) {

for(z=42;j=z-->>1;x.fillRect(960+S(k)*15-w/2,540+C(k)*15+w/2-r,w,2*r-w))k=7*t-j/2,x.fillStyle=`hsl(${15*k},33%,${7*j}%)`,r=50*j,w=r*(.5+z%2)

Oct 20 2018 8: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).

Fixed the plus shape in the back and added color cycling

u/pavel

Check it out in fullscreen

dwitter.net | artfarnaa (12215)