Dweets awesomed by u/larzuk

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

joeytwiddle

remix of d/7596 by u/BalintCsala

function u(t) {

for(c.width|=i=8;i--;)for(j=32;j--;x.font=(n/6*(1+C(p=j*.6+t*9))|0)+'px A',x.fillText('⚫',960+n*2*S(a=.8*i+S(p)/7),540+n*2*C(a)))n=(j%16)**2

Apr 6 2018 10: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).

Spiral flower, inspired by https://t.co/7SVu2vSUZQ

Show more comments…
u/joeytwiddle

A group effort by u/Agnes, u/BalintCsala and u/joeytwiddle
u/joeytwiddle

Colour version (200 chars): https://codegolf.tk/a/266
u/New_Core

reduced it to 138 looking exactly the same.. with only 1 for loop ;)
u/artfarnaa

Hi Joey. Beesandbombs is cool. I tool a look at his animations and the code that generates them at github. Very cool. Still his stuff would be require many hours to reverse engineer. Your effort to move one his animations here is nice work. Thanks for bringing him to my attention.
u/joeytwiddle

I sometimes post his tweets in the Discord channel, as inspiration for dwitterers with dweeter's block. Agnes posted a prototype and we hacked away at it. :D Let's keep sharing the fun ones!
u/joeytwiddle

Precedent arm: d/5796
u/f8f82804

#spiral-in-spiral
u/f8f82804

#beesandbombs

show FPS hide FPS share 1 remix fullscreen

AnnanFay

remix of d/7166 by u/AnnanFay

function u(t) {

t?0:w=c.width=576
x.fillRect(0,0,w,w)
for(z=67;z--;x.fillText(0|(Y=~~(t*(3+z**7.1%20)-37))**7.3%9,z*9,Y*9%w))x.fillStyle=R(0,z&&w,0,z||.03)

Mar 8 2018 8:54 AM UTC

}// 139/140

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

Digital Rain v2

u/iverjo

Yes!
u/katkip

#matrix

show FPS hide FPS share 3 remixes fullscreen

AnnanFay

remix of d/1494 by u/Renaud___

function u(t) {

c.width|=h=384
x.fillStyle='#62A'
for(z=1e4;z--;x.fillRect(~~a*w*C(z)+i**3%h*5,(a*h-~~a*w)*(2+i%.9)+w*S(z)/4,3,3))a=(t+C(i=z%99))%2,w=a*h-h

Feb 27 2018 2:50 PM UTC

}// 139/140

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

Rhea wanted the rain to be purple. Took a few months. I present: some purple rain.

u/Renaud___

I had some hard work to use only 140 carac ... nice golfing dude :)
u/Renaud___

and your randomized rain is far better than mine
u/AnnanFay

Glad you like it! The original is one of my favourites :)
u/larzuk

Amazing :o

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

snydej

remix of d/6994 by u/snydej

function u(t) {

[0,1,2].map(d=>x.fillRect(0,0,90,90,x.setTransform(s=S(q=d*2.1+t),C(q),S(q+=2.1),C(q),t%8*250,990*S(t/6)**2),x.fillStyle=R(l=140+80*s,l,l)))

Feb 18 2018 7:34 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/magna

WOOOT!!!
u/BuRRak

amazing
u/iverjo

Great idea!
u/13thptr

#twister -like
u/Cloud

#d3

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

c.width|=z=4+C(t);r=89;f=a=>x.lineTo(250*z+r*C(q=a-S(t+a)/3)*z,99*S(2*t)+r*z*(1+S(q)));f(0);f(1.3);f(2);f(2.5);f(0);f(2);r=99;f(2);x.fill()

Jan 23 2018 4:09 AM UTC

}// 139/140

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

Flying Paper Airplane

Show more comments…
u/donbright

:)
u/sigveseb

Nice idea
u/trupples

Woah
u/aleamb

Great idea. Very nice dweet.
u/Qwitter

Cool
u/Xen

but is it flying towards or away?
u/ellisk1

Good question! It's up to the viewer haha
u/mrbhawk

This is my favourite dweet ever.
u/aleamb

the most elegant dweet ever seen
u/hollo47

#paperplane #elegant
u/joeytwiddle

#model

show FPS hide FPS share 2 remixes fullscreen

sigveseb

remix of d/5776 by u/ETHproductions

function u(t) {

t&&a<1920||(a=b=q=0,p=t*77%23+4,h+=20)
x.font='9em"'
x.fillText('🃏',a+=p,b)
b+=q++
b>930&q>0?q*=t%1/9-.9:0};{h=0

Jan 9 2018 12:05 AM UTC

}// 112/140

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

Remixed on my phone so I didn't clean up unused variables etc. Just wanted to see how this looks with emojis :)

show FPS hide FPS share fullscreen

keithclark

remix of d/2671 by u/keithclark

function u(t) {

for(a=1e4,J=S(t/=2)/7,c.width=Z=127;a--;)x.fillRect(X=a&Z,Y=a>>7,1,'p}¶¼<¼¶}p'.charCodeAt(Z+Y*C(t)-X*J&15)>>(X*C(t)+Y*J+Z*t)%15&1)

May 3 2017 4:27 PM UTC

}// 132/140

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

6 bytes shorter (thanks p01)

u/iverjo

So good!
u/keithclark

Add a ~ before 'p}¶¼<¼¶}p' to invert colours
u/Lazy1337

epic #rotozoom
u/vain

nice rotozommer

show FPS hide FPS share fullscreen

Pyrofoux

function u(t) {

x[f="font"]=g="140px A",n=Array(9).join(0/0);7-(t=~~t%8+1)?x[h="fillText"](n,0,t<<8)+(5-t||x[h]("🦇",874,560,c.width^=0,x[f]=g)):c.width^=0

Feb 25 2017 2:41 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/iverjo

Haha, I believe this is a reference to "wat" ^^
u/andres

Is this broken because of the emoji?
u/kaicarver

NaNNaN NaNNaN NaNNaN NaNNaN BATMAN!! :-) https://youtu.be/EtoMN_xi-AM
u/iverjo

3:31 in this video: https://www.destroyallsoftware.com/talks/wat
u/sigveseb

:D
u/Kalanchoe

Haha, nice reference! For those who see boxes, it's supposed to be a bat emoji (U+1F987)
u/d0n.key

I actually wanted to type "BATMAAAAN!!!" in the comments, but jokes on me...

show FPS hide FPS share 8 remixes fullscreen

iverjo

remix of d/104 by u/iverjo

function u(t) {

c.width^=0;for(i=9;i<2e3;i+=2)s=3/(9.1-(t+i/99)%9),x.beginPath(),j=i*7+S(i*4+t+S(t)),x.lineWidth=s*s,x.arc(960,540,s*49,j,j+.6),x.stroke()

Feb 24 2017 6:47 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/SpecialAgent

my hat goes off to you sir!
u/Kalanchoe

That's unbelievable
u/iverjo

Try this one in fullscreen for a more immersive experience
u/Niklas

impressive!
u/donbright

:)
u/aendrew

This is incredible.
u/vonzo

reminds me to Gescom <3
u/hvge

http://www.pouet.net/prod.php?which=3397 ❤️
u/badthai

How did you come up with this?
u/iverjo

@badthai: First I made a classic tunnel effect (like this: https://www.dwitter.net/d/205). Then I made several remixes of it by tweaking parameters. This was one of the results. See also https://www.dwitter.net/d/106
u/iverjo

#tunnel
u/vain

cool segmented tunnel fly

You've reached the end.

dwitter.net | larzuk (2778)