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

magna

function u(t) {

c.width|=s=[]
x.font='200px arial'
for(p in x)s=s.concat(p.split(/(?=[A-Z])/))
x.fillText(s.map(w=>w.toUpperCase())[t*5%s.length|0],0,600)

Mar 7 2018 12:27 AM UTC

}// 138/140

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

Some inspirational words

u/Xen

:-)
u/magna

#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 fullscreen

New_Core

function u(t) {

c.width=a=200
x.font=3+'cm a',x.fillText("DWITTER",a*S(t)-150,a)
for(i=90;i--;)x.drawImage(c,0,120+i,a,1,9*S(t+5*C(t+i/40))-9,9+i,220,1)

Feb 6 2018 5:34 PM UTC

}// 136/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/joeytwiddle

#text

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 fullscreen

tarasyarema

function u(t) {

c.width=1920
for(i=1;i<20;++i)x.fillStyle=R(0,172,237,1/(i*i)),x.font=300+i+"px arial",x.fillText("dwitter",500+20*i*T(t),660+10*i+20/S(t))

Jan 16 2018 6:38 PM UTC

}// 139/140

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

Just to begin :3

u/katkip

#text

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 fullscreen

Orez

function u(t) {

c.width=1920;n=540;x.font=n+"px x";m=10;for(i=0;i<m;i++){f=255*i/m;x.fillStyle=R(f,f,f,i/m);x.fillText("( ͡° ͜ʖ ͡°)",n/2,n+S(t+i*.05)*100);}

Dec 27 2017 7:19 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/sigveseb

Lol
u/iverjo

^_^
u/katkip

#text
u/katkip

that lennyyyyy

show FPS hide FPS share 2 remixes fullscreen

FireFly

function u(t) {

c.width|=0,x.font='3in a';for(x.fillText("warped",Y=A=500,300);Y--;x.drawImage(c,0,Y,2e3,1,D/2,Y+A+C(Y*t/9)*4,2e3-D,4))D=S(Y/40*T(t))*A*C(t)

May 11 2017 1:16 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

mxfh

function u(t) {

c.width|=o=w=800
x.font="9em Trebuchet MS";[v=S(t)*7,70,78+v/3,49-v,74,42,75].forEach((v,i)=>x.fillText("kerning"[i],o+=v,w))

Apr 5 2017 9:44 AM UTC

}// 125/140

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

#text #kerning

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

dwitter.net | #text