Dweets awesomed by u/d0n.key

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 1 remix fullscreen

Agnes

function u(t) {

for(w=c.width|=i=9;i--;)x.rect(400+i*100+S(t)*300,400,50,200);x.clip();for(i=1e3,A=Math.random;i--;x.arc(w*A(),1080*A(),3*A(),0,7));x.fill()

Apr 25 2018 9:40 AM UTC

}// 140/140

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

Noisy default

show FPS hide FPS share 2 remixes fullscreen

anthonylewis

remix of d/7718 by u/anthonylewis

function u(t) {

w=c.width^=0
x.globalAlpha=.1
for(i=30;i--;)
Z=w/(i-t%2+1),x.fillRect(960-Z/2,540-Z/2,Z,Z)

Apr 21 2018 1:33 AM UTC

}// 90/140

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

u/Agnes

Really classy shades of grey... looks like something you'd see at a museum.
u/BuRRak

This is so satysfing to watch
u/rjro

dat hotline bling dat James Turrell aesthetic
u/BuRRak

This is mindblowing because it is all the same color
u/lionleaf

#tunnel

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

k=3*t
x.fillRect(500+(30*S(k)-60*C(k)-8*S(2*k)+10*S(3*k))*3,500-(50*S(k)+18*S(2*k)-12*C(3*k)+14*C(5*k))*3,5,5)
x.fillRect(560,440,10,10)

Apr 14 2018 9:48 PM UTC

}// 136/140

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

Neumann's elephant

u/BuRRak

Cool! I was just browsing random and I see a wild elephant appear. I wonder why only 1 awesome so i look at the date it was made. Not even a minute ago!

show FPS hide FPS share fullscreen

nehhaket

function u(t) {

x.font='99px s'
x.fillText("Click me for magic to happen.",0,99)
this.onclick=()=>document.location='//webglsamples.org/field/field.html'

Apr 12 2018 7:29 PM UTC

}// 137/140

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

u/firegodjr

Clever, but cheating ;P
u/d0n.key

That's it I'm calling the police.

show FPS hide FPS share 1 remix fullscreen

BirdsTweetCodersDweet

function u(t) {

x.rotate(c.width^=0.5,a=9e3)
for(i=1e3;i--;)x.fillRect(50*i+S(t/100)*a-a,-a/3,25,a),x.fillStyle=`hsl(${t*9+(i*20)},50%,50%)`

Apr 1 2018 3:34 PM UTC

}// 124/140

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

More colour

u/BirdsTweetCodersDweet

Feel free to play around :D... Might make this into something better soon if all goes well, but that's a secret for now...
u/BirdsTweetCodersDweet

You can also change c.width^=0.5 to c or delete it entirely (d/7538) to get other weird effects...
u/BuRRak

t/frame instead of c.width^=0.5 also makes it look cool
u/BuRRak

and changing the variable a also makes it nice

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

c.width=300+S(t/2)*99
with(x)for(i=17;--i;fill())globalAlpha=.2,arc(X=99+i*S(t/3)*3,70,450/(Z=i-t*6%1),2.7,6.7)&rect(X-(z=150/Z),70+z,z*2,7)

Mar 31 2018 10:18 AM UTC

}// 140/140

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

Tribute to Strange Crystals

Show more comments…
u/iverjo

Very good tunnel!
u/p01

✨ You can save 3 bytes by replacing 2.7 and 6.7 by 9 and 13
u/jylikangas

Thanks! Improved version: c.width=W=350+C(t)*150 with(x)for(i=17;--i;fill())globalAlpha=.2,arc(X=W/2+i*S(t/3)*4,70,450/(Z=i-t*8%1),9,13)&rect(X-(z=150/Z),70+z,z*2,7)
u/iverjo

#tunnel
u/sigveseb

#witchcraft
u/pavel

Even better with(x)for(c.width=W=350+C(t)*150,i=17;--i;fill(rect(X-z,70+z,z*2,7)))globalAlpha=.2,z=150/(i-t*8%1),arc(X=W/2+i*S(t/3)*4,70,3*z,9,13)
u/vain

This psydo 3D programming is just too high for me! My biggest respect! ! ++++

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

jylikangas

remix of d/7410 by u/fujimotos

function u(t) {

for(c.width=i=250;i--;x.fillStyle="#"+i*19)x.fillRect(0,0,6,-49,h=(H=i/9-t)<0&&H,x.setTransform(K=C(z=h>-1?h:-1),-S(z),S(z),K,99*(H+2),99))

Mar 25 2018 7:24 AM UTC

}// 139/140

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

Fujimotos original now with colors as suggested

u/fujimotos

The use of x.fillStyle here is very very clever. I love it.
u/fujimotos

#dominoes

show FPS hide FPS share 1 remix fullscreen

BalintCsala

remix of d/7404 by u/xem

function u(t) {

c.width=innerWidth;c.onmousemove=e=>B.push([e.x-X,e.y-Y,X=e.x,Y=e.y])
B.map(i=>x.fillText("⚫",i[2]+=i[0],i[3]+=(i[1]+=0.1)))};{B=[X=Y=0]

Mar 24 2018 9:12 PM UTC

}// 136/140

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

u/iverjo

#interactive

show FPS hide FPS share fullscreen

nystrand

remix of d/6046 by u/nystrand

function u(t) {

for(i=w=2e3;--i;x.fillStyle=R(N*a/4,50+a*3+w,w,.1),x.fillRect(-2,-a,6,w,w=3))a=i%32,x.setTransform(32-a,w,C(t-i/333)*9+w,N=9-T(i>>5),i,1070)

Mar 23 2018 3:53 PM UTC

}// 140/140

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

Color version

Show more comments…
u/BuRRak

Amazing
u/aleamb

wow!
u/jylikangas

What a clever way to do the background. I also like how you used Math.tan to get the trees.
u/magna

wat.
u/sigveseb

<3
u/iverjo

Niiice
u/joeytwiddle

very nice again! :)
u/iverjo

#grass
u/joeytwiddle

#tree #trees #palm #palm_tree #organic #landscape
u/joeytwiddle

#scene ;-)

dwitter.net | d0n.key (16320)