Dweets awesomed by u/Magiwarriorx

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

katkip

function u(t) {

q=Math.PI*Math.E+1.6;t||x.translate(960,540);x.fillRect(C(t*q)*900*t/60,S(t*q)*400*t/60,5,5+T(t*q));x.fillRect(C(t*9)*500,S(t*9)*500,10,10)

Nov 19 2018 3:45 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

anotherkitten

remix of d/11002 by u/Magiwarriorx

function u(t) {

x.fillStyle=R((m=Math.random)(w=255)*w,w*m(x.font="5em Wingdings"),w*m())
x.fillText('abcdefghijl'[~~(m()*11)],m()*4e3,1)
x.drawImage(c,0,2)

Nov 16 2018 4:34 AM UTC

}// 140/140

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

was able to fit 11 letters, not all 26 though

u/Magiwarriorx

Much better job than I did! I'm still learning, and didn't realize you could do it that way; thanks for demonstrating. For whatever it is worth though, not every character in Wingdings hangs low enough to be visible when printed that high. Capital C, E, F, R, and X don't, nor do lowercase d, h, l, n, s, or w. I didn't check numbers or punctuation.
u/anotherkitten

I started out knowing basically 0 tricks, its been fun to learn.

show FPS hide FPS share 1 remix fullscreen

Magiwarriorx

function u(t) {

eval(unescape(escape`砮景湴㴢㕥洠坩湧摩湧猢ⱷ㴲㔵ⱱ㴶㔫㈶⩍慴栮牡湤潭⠩ⱸ⹦楬汓瑹汥㵒⡷⩍慴栮牡湤潭⠩ⱷ⩍慴栮牡湤潭⠩ⱷ⩍慴栮牡湤潭⠩⤬砮晩汬呥硴⡓瑲楮朮晲潭䍨慲䍯摥⡱⤬ㄹ㈰⩓⡱⩴⤬ㄩⱸ⹤牡睉浡来⡣ⰰⰲ⤻`.replace(/u(..)/g,"$1%")))

Nov 16 2018 4:06 AM UTC

}// 139/140

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

My first dweet! Wish I could have fit it uncompressed, but oh well. Here's it is uncompressed.

u/Magiwarriorx

x.font = "5em Wingdings" w=255 q =65+ Math.random()*26 x.fillStyle = R(w*Math.random(),w*Math.random(),w*Math.random()) x.fillText(String.fromCharCode(q),S(q*t)*1920,1) x.drawImage(c,0,2)

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

eval(unescape(escape`睩瑨⡸⥦潲⡩㴴㤬挮獴祬攮扡捫杲潵湤㵒⡸⹫㵦楬汒散琩㭩ⴭ㭰㴶〪椪⨮㐬欨㤶〭瀬㌰〫椪㐬瀪㈬㈩⥦潲⡪㴸ㄻ樭ⴻ欨椪㜰⵪⩃⡩⼹⤪㔬㔰〫横㤬樥㤿㌺㤹ⰹ⤩晩汬却祬攽恨獬⠤筪㼳〰㨶㔭楽‹㤥⑻橼簸〭楽╠`.replace(/u(..)/g,"$1%")))

Nov 16 2018 1:36 AM UTC

}// 140/140

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

vaporwave sunset

u/anotherkitten

src: https://pastebin.com/V4y4ejsC

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`楦⠡琩筩㴹㘰㭪㴵㐰絲㵍慴栮牡湤潭㭰㵮㴾⠨爨⤼〮㔩⵮⤽㴰㼱㨭ㄻ椫㵰⠱⤪㄰㭪⬽瀨ㄩ⨱〻砮晩汬剥捴⡩ⱪⰲ〬㈰⤻砮杬潢慬䍯浰潳楴敏灥牡瑩潮㴧硯爧㭸⹦楬汓瑹汥㵠桳污⠤筩籪紬㠵┬㔰┩总`.replace(/u(..)/g,"$1%")))

Aug 18 2018 11:28 AM UTC

}// 134/140

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

Random virtual ant that actually builds underground tunnels. Inspired from Langton's Ant and compressed using d/9207

u/BirdsTweetCodersDweet

#ant #compressed #random #langton
u/BirdsTweetCodersDweet

Nice, do the colors represent the depth or something?

show FPS hide FPS share 4 remixes fullscreen

MrM@_S

function u(t) {

eval(unescape(escape`瑼簨挮潵瑥版呍䰽⊻㱩湰畴⁩搽漾ꬢⱯ⹯湢汵爽昽㹯⹶慬略㴨甫〩⹳灬楴恜湠嬱崮牥灬慣攨⽛帡⵾崫⼬却物湧⹦牯浃桡牃潤攨⸮⸨漮癡汵攫∻∩⹭慴捨⠯⸮⽧⤮浡瀨攽㹥学㴢捨慲䍯摥䅴≝⠩㰼㡼敛晝⠱⤩⤩⤻`.replace(/u(..)/g,"$1%")))

Aug 11 2018 4: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).

[Dwitter Compressor V1.37] Click in between the arrows. Paste your code in the INPUT element and go to a new tab. Then come back here to get your compressed code. From there, just copy the text in the INPUT element, and paste in your dweet to post it. Now supports characters ranging from 0-255. LImit of 184 bytes.

Show more comments…
u/MrM@_S

#compressed #compressor #interactive #tool #obfuscated
u/MrM@_S

No need to worry about even character counts either.
u/katkip

Love it!
u/aleamb

love it!
u/joeytwiddle

Super!
u/Xen

Nice work!
u/SuperFromND

r=x.createRadialGradient(1000,00,25,1000,t*23000,4200);a=r.addColorStop.bind(r);a(1,'#000');a(Math.abs(S(t%20)),hsl(${t^200},300%,50%));a(0,'#fff');x.fillStyle=r;x.fillRect(0,0,2000,1000);x.drawImage(c,0,1)
u/SuperFromND

man, i wish you could *delete* your comments on dwitter :/
u/SuperFromND

really nice compressor though!
u/magna

Who compresses the compressor?
u/metamero

@magna A: itself! dwitter allows to run code with more than 140 chars without posting ;)
u/metamero

BEAUTIFUL code !
u/firegodjr

#application
u/KilledByAPixel

I made an uncompressor for this and other dwitter compressors... https://www.dwitter.net/d/14004

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/7301 by u/yonatan

function u(t) {

for(x.beginPath(i=1920);i--;x.lineTo(i,t%9*99+(Y|0)*8*t))for(Y=0,j=4;j--;)Y=Y+S(((i-960)/t+S(t+Y)*299*j*j/t)/(40*2**j));
t<9&&x.stroke()

Mar 12 2018 11:13 AM UTC

}// 136/140

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

jagarikin inspired wireframe landscape

Show more comments…
u/joeytwiddle

Nice work by yonatan. I am happy to abuse all the spare characters they saved!
u/joeytwiddle

To finish it off: s/t%9/t/ ; s/t<9/t<15/
u/aleamb

wow! love it!!
u/iverjo

Neat!
u/iverjo

#landscape
u/fujimotos

#scanline
u/fujimotos

#slow_render

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

magna

remix of d/6493 by u/magna

function u(t) {

x.fillRect(0,0,2e3,2e3);for(i=64;i--;)for(x.setTransform(1,0,0,1,i%8*240,(i>>3)*135),j=99;j--;)x.clearRect(120+C(t+j/4)*50,67+S(j*i)*50,3,3)

Jan 26 2018 1:14 AM 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/donbright

!!!!!!!!!!
u/donbright

man this is... unbelievable
u/aleamb

fucking awesome!
u/magna

thanks! there's a lot of room to play around with variations with this idea. go nuts!
u/sandstedt

Amazing!
u/zanella

I didn't know computers could do such thing. :D
u/rikardlindstrom

Wowwowowow
u/Qwitter

!!!!!!!!!!!!!!!!!
u/Qwitter

This makes me just eant to give up a qwit
u/sigveseb

Really nice :D
u/sigveseb

64-in-1 dweet value megapack ^^
u/diceroll123

how do i give you Dwitter Gold™️?
u/magna

I only take Dwittercoin, but thanks for the thought!
u/Qwitter

Have a Dwitcoin <svg height="40" width="40"><circle cx="10" cy="15" r="9" stroke="#999900" stroke-width="2" fill="#bfbf22" /><text x="7" y="20" fill="#cfcf00">$</text><text x="5" y="20" fill="#eeee00">D</text></svg>
u/bepisTM

wait what, dwitter comments support tags?
u/Qwitter

<del>no</del>
u/bepisTM

<span style="color:#f06">test</span>
u/Qwitter

<svg height="20" width="40"> <text x="5" y="10" fill="red" transform="rotate(30 0,0)">P</text> <text x="10" y="10" fill="red" transform="rotate(20 0,0)">A</text> <text x="15" y="20" fill="red" transform="rotate(-20 0,0)">S</text> <text x="20" y="35" fill="red" transform="rotate(-30 0,0)">S</text> </svg>
u/StarStep

pass
u/lionleaf

#multi_dweet #awesome #visualization
u/lionleaf

#multidweet
u/rodrigo.siqueira

A collection of Lissajous patterns
u/vain

Lissajous patterns in 140 chars? top!

dwitter.net | Magiwarriorx (1745)