Dweets awesomed by u/dull_pixel

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

DirtyDan

remix of d/7586 by u/New_Core

function u(t) {

Z=Math.random
x.shadowColor=R(x.shadowBlur=a=128)
x.fillStyle=R(g=Z()*a+a*2,425-g)
x.beginPath(x.fill())
x.arc(Z()*2e3,Z()*1e3,Z()*a+50,0,7)

Apr 6 2018 1:29 AM UTC

}// 140/140

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

Orange :D

u/magna

Pretty! :D
u/sigveseb

<333
u/diceroll123

O R A N G

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

fujimotos

function u(t) {

for(c.width=i=640;i--;){
z=Math.max(Math.min(-t+i/5,0),-1)
x.setTransform(C(z),-S(z),S(z),C(z),400+40*i+-200*t,250)
x.fillRect(0,0,-25,-80)}

Mar 22 2018 1:57 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 more comments…
u/lionleaf

https://youtu.be/9hPIobthvHg?t=206
u/fujimotos

Maybe we can add coloring to domino tiles. It'd be a lot cooler.
u/jylikangas

for(c.width=i=250;i--;x.fillStyle=R(i%3*99))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))
u/jylikangas

Needs a bit more golfing to get different colors
u/BirdsTweetCodersDweet

d/7466 and d/7467 for some interesting phenomena
u/joeytwiddle

#dominoes
u/micahcowan

#default
u/katkip

#infinite

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)for(c.width|=i=9,scale(m=100,m),font='2px A',fillText("🚚",r=20-t*(1+.2*C(t)),6);i--;fillRect(Math.min(4+i+S(t)*3,r+i/2-4),4,.5,2));

Mar 9 2018 1:49 PM UTC

}// 138/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/fujimotos

Haha, good.
u/jylikangas

Awesome! Reminds me of Shikato animations. :D
u/aleamb

Lol! nice!
u/Xen

love it :-)
u/magna

LOL
u/M1T0

haha very smart
u/Agnes

#default
u/joeytwiddle

#physics
u/micahcowan

#truck #emoji
u/vain

haha... great idea and impressive implementation

show FPS hide FPS share 3 remixes fullscreen

jylikangas

function u(t) {

for(c.width=i=W=300;i-=2;)for(j=40;j<W;x.fillRect(i,j++-h,2,h+1))x.fillStyle=R(h=((d=W*3/j)*S(A=i/W+S(t))-t&d*C(A)+t*9&7)*99/d,j|2,!h&&W-j)

Mar 8 2018 6:16 AM UTC

}// 139/140

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

Tuulian Minecraft :)

Show more comments…
u/yonatan

Beautiful!!
u/nystrand

Impressive!
u/joeytwiddle

Flipping awesome!
u/aleamb

epic!!
u/loni_art

Damn! my pc is dyingwith this but at least its awesome!
u/magna

What. The.
u/artfarnaa

Dangerous if this got out.
u/zanella

... AND there's still one character left. Jesus!
u/p01

AMAZING! Btw, you can save 3 bytes without changing the visuals or camera path by using fillRect(i,j++,2,~h) ;)
u/jylikangas

Thanks all! p01 - I didn't know fillRect takes negative height. That's gonna save bytes in my other demos too - big thanks for the tip!
u/jylikangas

118 byte version including Mathieu's tip... for(c.width=i=W=199;i--;)for(j=9;j<W;x.fillRect(i,j++,2,~h))x.fillStyle=R(h=((d=W*4/j)*S(A=i/W)&d*C(A)+t)*99/d,j,h||W)
u/jylikangas

<W;x.fillRect(i,j++,2,~h))x.fillStyle=R(h=((d=W*4/j)*S(A=i/W)&d*C(A)+t)*99/d,j,h||W)
u/iverjo

Wow, incredible!
u/p01

https://www.dwitter.net/d/7337 Check out "Tuulian Minecraft: Sheep edition": 140 characters and one sheep.
u/iverjo

#minecraft
u/donbright

:O
u/Conjuror

love it and it is cool
u/vain

Unbelievable cool faked 3d minecraft like scene
u/CalSch

My phone's cpu does not vibe with this, but it is cool nonetheless.

show FPS hide FPS share fullscreen

M1T0

function u(t) {

for(c.width|=j=3;j--;T=400)for(g=S(t)<.9?0:(t+j)**8%60,k=9;k--;x.fillRect(T+k*99+S(t)*T+g,T+g,50,200))x.fillStyle=g&&'#'+'0ff0f'.substr(j,3)

Mar 4 2018 10: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).

Glitch

Show more comments…
u/M1T0

Thanks to u/BirdsTweetCodersDweet u/yonatan u/akm and u/AnnanFay for making this dweet so short!
u/prplz

Nice substring usage
u/M1T0

thhat was from u/yonatan he made it shorter this way
u/fujimotos

I really like this. Your idea is so clever.
u/M1T0

Yea at least the idea is mine :P, thanks!
u/DirtyDan

This is some crazy code
u/joeytwiddle

#default #glitch

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/7105 by u/yonatan

function u(t) {

for(X=c.width=99;X--;)for(Y=57;Y--;x.fillRect(X,Y,1,1))q=X*X+Y*Y,z=(9e3-q)**-.3,x.fillStyle=`hsl(${(t*9+X*z^Y*z)*22},50%,${95-q**.5}%`

Feb 28 2018 10:31 AM UTC

}// 134/140

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

lit and colored

Show more comments…
u/donbright

!!!!!!!!!!!!!!
u/sigveseb

Lit af
u/magna

^
u/joeytwiddle

#lighting #sphere
u/FireFly

Holy cow!! :o
u/Cloud

Wooooow!!!
u/vain

amazing!

show FPS hide FPS share fullscreen

snydej

remix of d/7060 by u/snydej

function u(t) {

for(T(0,i=4e3,.06);r=--i**4.3;T(t**(i<9?9:i<30)*200+r,a=r%5*S(i+t)**2,51*a))T=(w,s,a)=>x.fillRect(w*2%2e3,w%1079,s,s,x.fillStyle=R(a,a,a,a))

Feb 24 2018 2:52 AM UTC

}// 140/140

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

Golfed this one better and added a few details, like differing star sizes.

Show more comments…
u/DirtyDan

Cool!
u/snydej

Feature request: When in fullscreen center the canvas and fill unused space with black. I'm guessing the white background is there in case the dweet has transparency. Would it be possible to put the canvas in a div with a white background and put a black background behind that?
u/New_Core

Did you want t?0:c.height=2e3 infront of your dweet and expand the w%1079 number by a few 100?
u/snydej

It'd be nice but I don't have the room to add it to this dweet. I'm sure some dweets do that and so I tried to suggest a fix that wouldn't break that behavior.
u/AnnanFay

"When in fullscreen center the canvas and fill unused space with black" This seems like it would break many dweets.
u/snydej

By unused space I mean the space OUTSIDE the canvas. This is pretty standard behavior when fullscreening anything.
u/snydej

For instance, d/6967. On my monitor the canvas does not extend to the bottom of the screen in fullscreen mode and there is a white bar running along the bottom. This makes the dweet look cut off. If it were a black bar it would look fine because the screen would just look dark there. This is how everything from TVs to YouTube deal with fullscreening when the source material that has a different aspect ratio from the screen.
u/snydej

by d/6967 above I meant https://www.dwitter.net/d/6967 I think the period messed up the link
u/snydej

Actually it looks like the canvases already their background color set to white (I had assumed that the background was not set and that setting it would change the rendering of some dweets, but it looks like that's not the case.) So you wouldn't even need the additional div that I suggested originally.
u/Renaud___

Beautiful
u/aleamb

amazing
u/joeytwiddle

I think the canvas is transparent by default, the white is just the page behind it.
u/snydej

Nope, that's what I thought too. The image data within the canvas is initially transparent (this affects the rendering of dweets that call x.drawImage(c, ... ) but there is also a background css property on the canvas that is set to white and this causes transparent areas of the canvas to show up as white regardless of what's behind them. You can try this out by locally tweaking the css for the body element that contains the canvas. On most dweets you don't see any part of this element unless the dweet is fullscreened but there are exceptions like d/7084 . I don't know what the best way to handle that would be.
u/donbright

:)
u/iverjo

#stars
u/joeytwiddle

#landscape #scene
u/larzuk

quite impressive!
u/vain

nice night sky with shooting stars. just incredible work

show FPS hide FPS share 2 remixes fullscreen

DirtyDan

remix of d/7053 by u/DirtyDan

function u(t) {

with(x)for(i=32;i-->0;)fillStyle=`hsla(${99*t+i*9},100%,50%,.01)`,beginPath(arc(S(t)*960+960+C(t)*i,540,i*(1+S(t)*C(t))*16,0,7),fill())

Feb 23 2018 6:34 AM UTC

}// 135/140

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

u/aleamb

nice!
u/DirtyDan

Don't know what I was thinking having "+960+C(t)*i" in the first arc parameter -_- ... 11 extra characters!
u/DirtyDan

nvm, the +960 was necessary, not the "+C(t)*i"... 7 extra characters.
u/Purpzie

This is so beautiful.

show FPS hide FPS share 2 remixes fullscreen

snydej

remix of d/6990 by u/snydej

function u(t) {

c.width|=p=2.0943;[0,1,2].map(d=>x.fillRect(0,0,h=540,h,x.setTransform(s=S(q=d*p+t),C(q),S(q+=p),C(q),960,h),x.fillStyle=R(l=140+80*s,l,l)))

Feb 18 2018 7:10 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/aleamb

cooooooooool
u/magna

WAAAAAA
u/zanella

Niiiiiiiiiice!
u/joeytwiddle

#cube #lighting #renderer
u/S.T.L.K.R.

wtf very nice
u/vain

amazing lightsources cube

dwitter.net | dull_pixel (15260)