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 fullscreen

joeytwiddle

remix of d/9573 by u/katkip

function u(t) {

x.font='3.5in x';(x.lineWidth=44+300/t-9*t)>9&&(x.strokeText('☭𝔇𝔴𝔦𝔱𝔱𝔢𝔯☭',77,650),x.strokeStyle=`hsla(${t*99},99%,50%)`)

Aug 31 2018 11:16 AM UTC

}// 119/140

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

Painful colour contours. #sorry #text

Show more comments…
u/katkip

XD. now the background color and the text color aren't so Stalin...
u/katkip

and it's not centered
u/joeytwiddle

This is centered on Mac. I tried px, em and vw but all have the same problem: smaller on Linux, larger on Mac.
u/f8f82804

163 char with centering: with(x)((f=a=>font=a+'in ☭')(1),f(1800/measureText(s='☭𝔇𝔴𝔦𝔱𝔱𝔢𝔯☭').width)),(lineWidth=44+99/t-9*t)>9&&(strokeText(s,60,650),strokeStyle=hsl(${t*56} 99%50%)
u/Xen

Thats a damn Sexy dweet!
u/katkip

why is this popular than mine? mine is more stalinish
u/aleamb

lol! great!
u/joeytwiddle

Very nice f8f82804. Sorry katkip, propaganda.

show FPS hide FPS share 2 remixes fullscreen

katkip

function u(t) {

x.font='4in x';x.lineWidth=120/t;x.strokeText('☭𝔇𝔴𝔦𝔱𝔱𝔢𝔯☭',40,600)
x.strokeStyle=`hsla(${t*9},99%,50%)`;

Aug 31 2018 8:02 AM UTC

}// 103/140

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

#sorry XD

u/joeytwiddle

Nice effect! #text
u/katkip

thx

show FPS hide FPS share fullscreen

mormondad

function u(t) {

p = 'hey'
x.font="708px Comic Sans ms"
for (i=1;i<4;i++) {x.fillStyle=R(C(t)*250,2,S(t)*250)
x.fillText(p[i-1],(i*9)*50,500+S(t+i/2)*500)
}

Jul 11 2018 7:49 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/lionleaf

Hey! #text

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

New_Core

function u(t) {

c.width=-1
for(i=99;i--;)x.fillText(String.fromCodePoint(65+i%58),i*8-t*60%464,177),x.drawImage(c,i+260,170,1,10,i*8,50+20*S(i/9+t),18,60)

Jun 10 2018 12:45 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 FPS hide FPS share 1 remix fullscreen

johnbruin

function u(t) {

c.width=-1
x.translate(150,85)
for(j=9;j--;){
x.font=j/5+'em a'
x.rotate(t)
for(i=21;i--;)x.rotate(.3),x.fillText("CIRCLE*"[i%7],0,j*20)}

May 23 2018 9:33 PM UTC

}// 137/140

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

#text

u/magna

#circle

show FPS hide FPS share fullscreen

johnbruin

remix of d/8156 by u/johnbruin

function u(t) {

c.width=w=200
x.font='1.1cm a',x.fillText("DWITTER",0,w)
for(y=60;y--;)
x.drawImage(c,0,160+y+4*S(t*5+y/6),w,1,7+8*S(t+5*C(t+y/40)),y*2,w,2)

May 23 2018 4:24 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/lionleaf

#text

show FPS hide FPS share 2 remixes fullscreen

johnbruin

function u(t) {

c.width=w=200
x.font='1cm a',x.fillText("DWITTER",0,w)
for(y=0;y<40;y++)
x.drawImage(c,0,169+y+4*S(t*5+y/6),w,1,15+15*S(t*2),y*3,w,3)

May 20 2018 9:45 PM UTC

}// 133/140

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

u/Xen

love it :-)
u/joeytwiddle

Wobbly #text

show FPS hide FPS share 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 fullscreen

marvinklein

function u(t) {

for(x.font='18px monospace',i=1e4;i--;)a=i%128,b=i>>7,m=a-64,n=b-36,x.fillText(String.fromCharCode((m*m+n*n>1e3?65:97)+i%24),15*a,15*~~b)

May 4 2018 9:05 PM UTC

}// 137/140

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

https://www.sfmoma.org/artwork/2015.16.3

u/joeytwiddle

#art #tribute #text
u/Xen

Love it!

dwitter.net | #Text