Dweets awesomed by u/katkip

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 fullscreen

jylikangas

function u(t) {

for(c.width=Y=W=256,t*=w=99;Y--;x.fillStyle=R(t%w,Y,w))x.fillRect(w-w/(z=Y/9)+S((v=Y+t)/w)*z*7+(v&8&&w)/z,W/z+Y*C(v/50),v/8%W>9&&W/z,Y%60/z)

Feb 27 2018 12:52 PM UTC

}// 140/140

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

Enjoy the ride but watch out for the missing track pieces! :)

Show more comments…
u/aleamb

wow! epic!
u/zanella

Damn!!
u/sigveseb

Crazy good!
u/artfarnaa

Crazy Epic!
u/jylikangas

Thanks!
u/aleamb

#rollercoaster

show FPS hide FPS share 1 remix fullscreen

Batrachus

function u(t) {

for(c.width*=j=1;j<11;j*=10)for(a=Math.exp(t%2.3),i=-45;i<45;i++){x[f="fillRect"](d=i*20*j*a+960,0,b=5-5/a/j,1e9);x[f](0,d-420,1e9,b)}

Feb 27 2018 1:18 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/joeytwiddle

Calculus
u/Batrachus

Don't know why I used exp, when I could have used pow
u/BirdsTweetCodersDweet

Pow doesn't work on Chrome for me for some reason
u/joeytwiddle

#infinite #loop

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 fullscreen

Agnes

function u(t) {

with(x)t?(drawImage(c,-965,-545,1930,1090),rotate(t),fillStyle=`hsla(${40*t},50%,50%,.1)`,fillRect(20*S(t),20*C(t),t,t)):translate(960,540);

Feb 23 2018 9:40 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 FPS hide FPS share fullscreen

jellyedwards

function u(t) {

c.width=w=600;for(s=j=80;j<330;j+=4){x.beginPath();for(h=i=200;i;i-=5){d=(i-w/6)/38;x.lineTo(h+i,j-(s/=.9)%w/t*Math.exp(-d*d))}x.stroke()}

Feb 20 2018 8:48 PM UTC

}// 138/140

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

unknown pleasures

u/joeytwiddle

Nice! Dwitter album covert art d/2108
u/jellyedwards

@joeytwiddle yours looks much more like it! I had a few other versions with fBm and fill etc. but couldn't get them under 140 chars!

show FPS hide FPS share 1 remix fullscreen

dogspace

function u(t) {

if(!t){C=document;S=C.createElement('script');S.src="https://pastebin.com/raw/i8nt279b";C.head.appendChild(S)} //Shoutz to Amir & Apex!!!

Feb 16 2018 10:30 PM UTC

}// 137/140

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

credit to Amir because he made the dweet; shoutz to Apex because his dweet inspired me, and big big thanks to AnnanFay who helped me make this dweet..

Show more comments…
u/Apex

:)
u/meaniningOf42

It's cool, but isn't linking an external script cheating?
u/dogspace

its the only way really
u/Apex

u/meaniningOf42 that's the point ;p
u/BuRRak

I had this idea 2 days ago, this is so unfair
u/BirdsTweetCodersDweet

Love it :O
u/FFS2309

I wonder why your script on pastebin has to be that long ? Does it do anything other than just recreate the dwitter environment for the actual code to run in? I'm asking because I did some script loading test already ( d/5992 ) and my code worked without recreating the environment.
u/katkip

#external

show FPS hide FPS share fullscreen

Erazed

function u(t) {

w=c.width=2e3;h=w/2;p=S(t)*220
for(i=0;i<w;){x.fillStyle=R(p*1.5*i/h,p,p);x.fillRect(0,i++,w,1)}x.arc(h*-C(t)+h,5*-p+h/.7,99,0,9);x.fill()

Feb 14 2018 10:54 PM UTC

}// 138/140

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

u/akm

that's amazing!
u/aleamb

cool!
u/joeytwiddle

#sun #landscape #scene #sunset

show FPS hide FPS share fullscreen

Xen

function u(t) {

for(i=299;i--;x.stroke())x.beginPath(),x.strokeStyle=`hsl(${Z=i*t*4%555/C(t)},99%,9%)`,x.arc(Z*S(Z/i)+c.width/2,Z*C(Z/i)+c.height/2,i*5,0,7)

Feb 13 2018 8:36 PM UTC

}// 140/140

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

quick test for a secret project ;-)

u/aleamb

nice secret!
u/Xen

thanks, it wont look anything like this lol

show FPS hide FPS share fullscreen

akm

function u(t) {

c.width|="‮";for(i=9;i--;)x.fillRect(400+i*100+S(t)*300,400,50,200)

Feb 13 2018 3:07 PM UTC

}// 67/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/loni_art

haha what?
u/aleamb

WTF! lol!
u/magna

WAT
u/Paisley

lol, what even is this voodoo
u/akm

might have gotten the idea from here... https://securelist.com/zero-day-vulnerabilit…
u/joeytwiddle

Awesome!
u/iverjo

Interesting hack! Basically, this is c.width|="Right-to-left Override unicode character goes here";for(i=9;i--;)x.fillRect(400+i*100+S(t)*300,400,50,200)
u/akm

u/iverjo exactly! It took me a little while to find a place to put the character and still have valid js
u/joeytwiddle

#trick
u/Purpzie

WOAH. How do you even copy and paste the special character?

show FPS hide FPS share fullscreen

akm

function u(t) {

ǀ=[],ᛁ=-~ǀ,ⅼ=+ǀ,ⵏ=ᛁ+ᛁ+ᛁ;for(c.width|=ꓲ=+[``+-~ǀ+ +ǀ]+~ǀ,ߺ=[!+ǀ+ⵏ]+ⅼ+ⅼ,_=-~ǀ+``+~~ǀ+~~ǀ;ꓲ--;)x.fillRect(+ߺ+ꓲ*_+ⵏ*(S(t)*_),ߺ,ߺ>>ⵏ,ߺ/[ᛁ+ᛁ])

Feb 10 2018 3:00 AM UTC

}// 136/140

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

u/dogspace

HAHAHAHAHAHAHA
u/diceroll123

what is this memery
u/iverjo

lol
u/magna

LOL
u/Lazy1337

#default
u/13thptr

#obfuscated

dwitter.net | katkip (33318)