Top #text dweets

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

lionleaf

remix of d/1525 by u/lionleaf

function u(t) {

c.width=2e3;v='We have a chat! See comments!';for(i=v.length;i--;)x.font=70+S(t*5)*20+'px Arial',x.fillText(v[i],i*69,540+S(t*9+i)*20)

Jan 20 2018 5:39 PM UTC

}// 134/140

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

Discord chat for all things dwitter: https://discord.gg/emHe6cP (This dweet has been temporarily pinned to the top for visibility)

Show more comments…
u/sigveseb

Welcome all!
u/Xen

see you there :-)
u/mattdzugan

nice, might be cool to allow for #4525 syntax to automatically link to the dweet
u/lionleaf

That's the plan mattdzugan :) Except d/4525, as # is reserved for hashtags
u/edelstone

omg
u/Twitchkidd

This was the thing at the top! I think this is awesome, but I'm, what, a 'framework kiddie?' I dig it though! Where do I start on here?
u/Serg

I see "Jan 1, 2018 7:39 PM" the date of post. Is it ok?)
u/sigveseb

That's the trick used to sticky the post :D the ranking is based on a combination of date posted and number of awesome. Future date == stickied post :D
u/Serg

Not a bug. Feature!
u/ThreeNPlusOne

this website is kind of like "bytebeat", procedurally generated music from one line of code
u/tqdwqwd

qwd
u/donbright

@Twitchkidd hit 'new' and start changing numbers around
u/lionleaf

Aaaand, comments are working again! \o/
u/lionleaf

Code blocks are live! Thanks u/magna :) use backticks ` to enable
u/magna

YAY! 🎉 🎉 🎉
u/BirdsTweetCodersDweet

console.log("hooray for code blocks!");
u/BirdsTweetCodersDweet

are code blocks gonna have syntax highlighting any time?
u/lionleaf

Test u/lionleaf test
u/lionleaf

#feature #chat #discord
u/lionleaf

#text

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

t?c.width=-1:a=1
a+=(t%6)-3
x.arc(300+a,119-68*S(2*t%3.16),50,0,7)
x.stroke()
x.clip()
x.font="6cm A"
x.fillText("Dwitter",200*S(t)-200,160)

May 11 2018 9:01 AM UTC

}// 140/140

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

u/uchenna

please i'm new to javascript how can i use this code on my project
u/sigveseb

this is a cool one!
u/prplz

Nice! I didn't know about clipping
u/BuRRak

Cool! By commenting out clip you see what is going on a bit more!‮
u/fujimotos

#text
u/13thptr

#clip

show FPS hide FPS share 3 remixes fullscreen

mxfh

function u(t) {

with(x)for(transform(X=16,0,0,X,540,540),fillText('𝘼𝙋𝙀𝙍𝙏𝙐𝙍𝙀',5,3);X-->9;fill(new Path2D(`M9 3a9 9 0 0 0 0-6l-5 7`)))rotate(.78)

Apr 3 2017 10:50 PM UTC

}// 127/140

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

«It's hard to overstate my satisfaction.»

Show more comments…
u/magna

🎂
u/sigveseb

Doesn't work on android, just see boxes with X inside :(
u/mxfh

just replace 𝘼𝙋𝙀𝙍𝙏𝙐𝙍𝙀 with Aperture. Which also is a bit heavy on the byte count.
u/mxfh

but you miss out on MATHEMATICAL SANS-SERIF BOLD ITALIC
u/magna

SHAME!
u/mxfh

the funniest thing about this is, that the kerning is a different kind of noticeably wrong on all platforms and browsers
u/donbright

all u need is to implement truetype rendering in 140 chars
u/mxfh

@dinbright kind of: https://www.dwitter.net/d/2417
u/Xen

love it!
u/iverjo

#path2d
u/mxfh

#text #logo #transform

show FPS hide FPS share 1 remix fullscreen

veubeke

remix of d/5008 by u/Boomerang

function u(t) {

r=a=>x.fillRect(a*99,540+s*99,99,9)
for(x.fillStyle=R(a=19,0,0,.05);a--;r(16+c*s))s=S(_=t/9+a/3)*3,c=C(_),c<.5&&r(2+c*s),r(7+c*2),c<0&&r(12)

Dec 31 2017 8:30 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/coderkid

Awesome! Happy new year!
u/Pjaerr

Happy new year!
u/sigveseb

Wow nice, rare to see a custom font in a dweet!
u/sigveseb

And really cool to see the iteration from remix OP to this
u/magna

Damn!
u/joeytwiddle

#text

show FPS hide FPS share 2 remixes fullscreen

prplz

function u(t) {

c.width|=0;with(x)[-4,0,4].map(i=>{globalCompositeOperation='xor',setTransform(i=Math.exp(t%8+i),0,0,i,0,1080),fillText('Dwitter',-1,0)})

Mar 3 2018 4:46 AM UTC

}// 137/140

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

u/8

noice
u/smartjey

sivakumar
u/dwitter

infinite Dwitter....
u/prplz

#text
u/katkip

#infinite
u/joeytwiddle

#loop #perfectloop

show FPS hide FPS share 2 remixes fullscreen

aemkei

remix of d/7285 by u/aemkei

function u(t) {

x.font="3em'"
x.fillText("ᴀscii",C=0,40)
d=x.getImageData(t*3,Y=t*120%82,2,D=3).data
for(;D<19;)C+=!d[D+=4]
x.fillText("Xw=^ "[C],t*54,Y*22)

Jun 21 2018 8:47 PM UTC

}// 140/140

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

#ascii #art Now with 4 symbols.

u/aemkei

5 symbols: x.font="3em'";x.fillText("ᴀscii",C=0,40);for(d=x.getImageData(t*3,Y=t*120%82,2,D=3).data;D<23;)C+=!d[D+=4];x.fillText("Xwo=^ "[C],t*54,Y*22)
u/magna

ASCI version: d/8698
u/magna

3 chars shorter, using existing character set for shading: d/8699
u/aemkei

128 bytes: x.fillText(a=x.font="3em' ",C=0,40);for(d=x.getImageData(t*3,Y=t*120%82,2,D=3).data;D<19;)C+=!d[D+=4];x.fillText(a[C],t*54,Y*22)
u/katkip

#text

show FPS hide FPS share 4 remixes fullscreen

veubeke

function u(t) {

c.width^=0
x.font='200px"',
x.fillText('Mirrored',590,540)
for(i=27;i--;)x.drawImage(c,500,405+i*5,800,5,500+C(i/2+t*8)*8,700-i*5,800,5)

Nov 4 2018 6: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).

show FPS hide FPS share fullscreen

deobfuscate

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪌽󝌰󜌊󮌮󬭥󨽴󚌨󬌽󜬰󜌩󚬭󠼨󭌩󚽰󛌲󜌪󤼨󭌩󚼨󬜽󜜰󜌩󛍱󛍱󚜊󮌮󬭥󨽴󚍱󚭓󚍴󚬳󚜫󬌬󬌪󠼨󭌩󛍱󛍱󚜊󮌮󬽴󬭯󪽥󚌩󒭸󛭣󫍩󬌨󚜊󮌮󩭯󫭴󟜢󝍥󫜧󘬊󮌮󩭩󫍬󥍥󮍴󚌢󦝯󭜠󨽡󫭴󘍳󩝥󘍭󩜢󛍓󚍴󚜪󬜬󜜴󜌩`.replace(/u../g,'')))

May 3 2023 6:15 PM UTC

}// 123/140

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

You cant see me

u/joeytwiddle

Some golfing: with(x){c.width=400,rect(p=200,99*C(t),q=99,q),rect(p*S(t)+p,70*C(t)+q,q,q),clip(stroke()),font="3em'",fillText("You cant see me",9,q)}
u/joeytwiddle

#text #clip #mask #clipping

show FPS hide FPS share fullscreen

lionleaf

remix of d/10837 by u/veubeke

function u(t) {

c.width^=0
x.font='200px"',
x.fillText('New top feed',390,540)
for(i=39;i--;)x.drawImage(c,400,400+i*5,2e3,5,400+C(i/2+t*9)*8,760-i*5,2e3,5)

Dec 2 2018 7:28 PM UTC

}// 140/140

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

Check out the new top feeds! There's now top of the week, top of the month, top of the year as well as top of all time! #text #new_feature

u/lionleaf

And yes, I usually browse the #text hashtag looking for something to remix when I announce new features :D This was a great one, u/veubeke !
u/katkip

cool #feature . At least now I am in a top ;)
u/iverjo

Very nice :) Keep up the good work, @lionleaf

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/25197 by u/rodrigo.siqueira

function u(t) {

c.width|=0
x.font='4em Courier';`${u+u+u+u+u+u+u+u}`.split``.map((L,i)=>{x.rotate(.999)
x.fillText(L,i/2,i*C(i-t/3))},x.translate(960,540))

Mar 26 2022 8:30 PM UTC

}// 139/140

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

Tornado of letters #text

Show more comments…
u/danny@hille.dk

shave off 10 char:c.width|=0;x.font='4em Courier';x.translate(960,540);[...code.repeat(16)].map((L,i)=>x.fillText(L,i/2,i*C(i-t/3),x.rotate(.999)))
u/danny@hille.dk

116:for(i=c.width|=0,x.translate(960,540),x.font='4em Courier';i--;)x.fillText(code[i%99],i/2,i*C(i-t/3),x.rotate(.999))
u/vain

115: with(x)for(i=c.width|=0,translate(960,540),font='4em Courier';i--;)fillText(code[i%99],i/2,i*C(i-t/3),rotate(.999))
u/Joachim

114: with(x)for(i=c.width|=0,translate(960,540),font='4em Courier';i--;fillText(code[i%99],i/2,i*C(i-t/3)))rotate(.999)
u/vgel

108 if you're OK with system font instead of Courier: with(x)for(i=c.width|=0,translate(960,540),font='4em q';i--;fillText(code[i%99],i/2,i*C(i-t/3)))rotate(.999)
u/Joachim

107 char with system font: with(x)for(i=c.width|=0,translate(960,540),font='4em"';i--;fillText(code[i%99],i/2,i*C(i-t/3)))rotate(.999)
u/Xen

104 with Joachim but rotate(1)
u/joeytwiddle

#tornado which is sort of a #quine

dwitter.net | #text