Dweets awesomed by u/DirtyDan

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

jylikangas

function u(t) {

with(x)for(i=16,c.width=198;i--;stroke()&drawImage(c,globalAlpha=.1,i))lineTo(99+S(t+=(7-i)%2/.64)*99/(Z=(t<6)+1+C(t)),49+((i%4/2<<6)-25)/Z)

Mar 28 2018 5:24 AM UTC

}// 140/140

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

White room traps you!

Show more comments…
u/aemkei

Stunning. As always.
u/joeytwiddle

Whoa! 😮
u/zanella

There's. A. Reflection. In. The. Floor.
u/loni_art

jesus!
u/iverjo

Well done!
u/DirtyDan

Remixed: d/7500
u/DirtyDan

whoops, wrong dweet
u/DirtyDan

Well this was a train wreck, wrong link too
u/jylikangas

http://jsriffs.blogspot.fi/2018/04/making-of…
u/joeytwiddle

#renderer #reflection #raytrace (or looks like it anyway)

show FPS hide FPS share fullscreen

AnnanFay

remix of d/7492 by u/AnnanFay

function u(t) {

c.width|=0
P.push(1+P[2*(1<<Math.log2(f++))-f])
x.fill(new Path2D('M960,540'+P.map(v=>'hv'[v&1]+'-| '[v&2]).join(s=60/t**.5)+s))}{P=[f=1]

Mar 27 2018 9:42 PM UTC

}// 137/140

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

Dragon Curve - filled version

u/Xen

love it!
u/joeytwiddle

novel presentation!
u/katkip

#julia #fractal
u/donbright

now thats a good way to draw a dragon

show FPS hide FPS share fullscreen

New_Core

remix of d/7470 by u/DirtyDan

function u(t) {

for(c.width|=i=99;i--;)x.arc(960+i*T(a=3*S(t)),540+3*C(T(i/120+(a<0?t:-t))),i*5,0,7)
x.fill("evenodd")

Mar 26 2018 8:24 PM UTC

}// 102/140

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

to remove that thin connecting line to right then also need to add x.closePath() after i--;

u/DirtyDan

so using fill("evenodd") is equivalent to having globalCompositeOperation='xor'? VERY good to know

show FPS hide FPS share fullscreen

xem

remix of d/7471 by u/jylikangas

function u(t) {

A=r=>x.fill(x.arc(960+R*C(t),540+R*S(t),r,0,7))
f%2&&(t+=3)
x.beginPath(A(R=f%2?190:187))
x.fillStyle='#'+(f++%2?"fff":111)
A(50)}{f=0

Mar 26 2018 6:52 AM UTC

}// 134/140

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

u/username

ah it is just shy from actual yin yang

show FPS hide FPS share 2 remixes fullscreen

jylikangas

function u(t) {

A=r=>x.fill(x.arc(960+R*C(t),540+R*S(t),r,0,7))
f%2&&(t+=3)
x.beginPath(A(R=180))
x.fillStyle='#'+(f++%2?999:111)
A(45)}{f=0

Mar 26 2018 5:01 AM UTC

}// 124/140

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

Animated Yin Yang

u/jylikangas

t+=f%2*3 to save 3 more bytes
u/jylikangas

R=180+f%2*3 to add an outline
u/joeytwiddle

#yinyang

show FPS hide FPS share 1 remix fullscreen

DirtyDan

function u(t) {

for(c.width+=i=0;i++<99;x.globalCompositeOperation='xor')x.beginPath(x.fill()),x.arc(960+i*T(a=3*S(t)),540+3*C(T(i/120+(a<0?t:-t))),i*5,0,7)

Mar 25 2018 6:22 PM UTC

}// 140/140

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

If you want to remix, for extra space delete "a=" and replace "(a<0?t:-t)" with t. That stuff just reverses the direction of the ripple depending on what side it's on.

u/magna

Awesome!
u/DirtyDan

check out d/6724
u/DirtyDan

* d/6812

show FPS hide FPS share 1 remix fullscreen

Agnes

function u(t) {

with(x)for(w=c.width|=i=0,translate(w/2,540);i++<500;r=2*w/i,rotate(o=S(t/35)),fillStyle=`hsl(${o*45*i},100%,50%)`,fillRect(m=-r/2,m,r,r));

Mar 25 2018 6:13 PM 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 fullscreen

BirdsTweetCodersDweet

remix of d/7446 by u/prplz

function u(t) {

c.width=w=800
t||(x.fillText(x[f='font']=1+x[f],0,90),d=x.getImageData(0,0,w,w))
for(i=w;i--;)x.putImageData(d,0,T(i/300+t)*9+200,i,0,1,w)

Mar 25 2018 2:53 PM UTC

}// 138/140

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

Flowing text

u/prplz

#text

show FPS hide FPS share fullscreen

AnnanFay

remix of d/7263 by u/AnnanFay

function u(t) {

(async 淵=>eval((t<9&&記?記:(reset(記=1),記=/u.t. {\n([^]*?) }/.exec(await(await fetch(名=0|Math.random()*9e3)).text(),t=0)))[1]))();throw 名}{記=0

Mar 25 2018 9:56 AM UTC

}// 139/140

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

Slideshow v2.1: A minor bug fix. Previous versions no longer work because of dwitter improvements. Good news is we can now use }{ in dweets for one time code.

u/AnnanFay

See https://github.com/lionleaf/dwitter/issues/2… for details on the improvement.

show FPS hide FPS share fullscreen

function u(t) {

for(j=0;j<6;j++) for(i=0;i<6;i++) {x.fillRect(450+i*200+S(t)*50,550+10*j/t*1/S(t)+C(t)*50,5,5),x.fillStyle=R(255-i*30,150-i*30,120+i*30)}

Mar 25 2018 12:18 AM UTC

}// 137/140

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

dwitter.net | DirtyDan (11265)