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

nonce

remix of d/2312 by u/nonce

function u(t) {

with(x)font='390px Arial',m=t?m:1,c.onmousemove=()=>m++,lineWidth=2,setLineDash([m,1e9]),strokeText(atob("SGVsdmV0aWNh"),3,1e3)

Mar 27 2017 7:02 AM UTC

}// 127/140

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

Find the word

u/cantelope

black magic!
u/joeytwiddle

#interactive #text
u/katkip

eval(atob("SGVsdmV0aWNh")) i found it

show FPS hide FPS share fullscreen

New_Core

remix of d/506 by u/New_Core

function u(t) {

c.width=400;x.translate(200,114);x.rotate(t*.6);for(i=19;i--;)x.rotate(.3),x.fillText("DWITTER   ".split("")[0|i%10],0,50+30*C(t+i)+30)

Mar 25 2017 6:44 PM UTC

}// 135/140

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

#text

show FPS hide FPS share 3 remixes fullscreen

nonce

function u(t) {

with(x)font='950px o',lineWidth=30,strokeStyle=`hsl(${t*50%360},99%,50%)`,setLineDash([9,3e3]),lineDashOffset=t*120,strokeText('I❤U',9,880);

Mar 25 2017 5:45 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/tapgiles

In Chrome, the text is too large, and the heart never shows up. Pretty awesome idea, though.
u/recursive

It shows perfectly for me in Chrome on Windows.
u/nonce

I so wish I could fix the font here. Sadly it has to go with whatever default font you have. If someone could golf this down by 4 chars we could do font='950px Arial'
u/New_Core

with(x)font='25cm Arial',lineWidth=30,strokeStyle=hsl(${t*50},99%,50%),setLineDash([9,3e3]),lineDashOffset=t*120,strokeText('I❤U',9,880);
u/joeytwiddle

#text

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

c.width=2e3;x.font=4+'cm a';x.translate(1e3,540);x.rotate(-t);for(i=15;i--;)x.rotate(.3),x.fillText("samtsirhC yrreM".split("")[0|i],0,-425)

Dec 4 2016 4:05 PM UTC

}// 140/140

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

Little early greeting.. ;)

show FPS hide FPS share fullscreen

New_Core

function u(t) {

if(!t)s=["The","Worst","Zoomtext","Ever","Made",";)"];c.width=500;z=250/(250-60*t%250);x.font=10*z+'pt a';x.fillText(s[~~(t*.24)%6],0,200);

Nov 22 2016 10:31 PM UTC

}// 139/140

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

u/iverjo

128 characters: c.width=500;z=250/(250-60*t%250);x.font=10*z+'pt a';x.fillText("The|Worst|Zoomtext|Ever|Made|;)".split('|')[~~(t*.24)%6],0,200);
u/New_Core

ah yea, I was thinking of using the split but didnt think it would fit as nicely as you showed it.. good one =)
u/iverjo

115 characters: c.width=500;x.font=250/(25-6*t%25)+'pt a';x.fillText("The|Worst|Zoomtext|Ever|Made|;)".split('|')[0|t*.24%6],0,200)
u/New_Core

#text #zoom

show FPS hide FPS share fullscreen

New_Core

function u(t) {

g=150;w=c.width=1920;x.font=g+"px s";x.fillText("NEW CORE",g,g);for(i=g;i--;)d=S(t+i*0.01)*g,x.drawImage(c,d,i,g*9,1,w+t%35*-g,500+i,w,1);

Jul 22 2016 11:35 AM UTC

}// 138/140

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

u/sigveseb

Very cool technique!
u/iverjo

Agreed
u/13thptr

#text

show FPS hide FPS share 1 remix fullscreen

lionleaf

remix of d/57 by u/sigveseb

function u(t) {

c.width=2e3;x.font='99px Arial';v='Introducing: Comments! Go crazy;)';for(i=v.length;i--;)x.fillText(v[i],i*60+S(t+i)*20,540+S(t*9+i)*20)

May 20 2016 7:15 PM UTC

}// 137/140

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

Woohi! Check it out you guys! Comments :) Feedback, plz

Show more comments…
u/iverjo

Yo, just testing this thing. Ooh, monofont. Like it. But no support for line breaks?
u/iverjo

The font in the input and the rendered comment is different :/
u/iverjo

Also, space after the colon following the username plz
u/sigveseb

waddap in da space
u/lionleaf

Ooops, 500 on load older comments. Looking into it now.
u/lionleaf

500 solved!! :D
u/lionleaf

Alright, please break more stuff?
u/iverjo

</div></div>
u/iverjo

<script>alert('yo')</script>
u/iverjo

Input needs to be sanitized before placed in the DOM. Works correctly when loaded from the server, though
u/lionleaf

I don't think input is sanitized correctly when loaded from JSON
u/lionleaf

So now that I pushed your alert away it should alert!!
u/lionleaf

</div>
u/lionleaf

</div>
u/lionleaf

Yey! Comments! :D :D
u/lionleaf

Weeeeeeeee
u/Froff

<b>INCREDIBLE!</b>
u/lionleaf

<b>Does this work when posting it yourself?</b>
u/lionleaf

<b> It does! :D </b> But not on reload... I have some fixing to do
u/iverjo

test
u/dybber

What about Re-dweeting when you find something cool?
u/iverjo

dybber: create an issue about it here: https://github.com/lionleaf/dwitter/issues
u/lionleaf

#feature #comments #comment
u/lionleaf

#text

show FPS hide FPS share 1 remix fullscreen

sigveseb

function u(t) {

x.fillStyle=R(a=2e3,a,a,.1);x.fillRect(0,0,a,a);x.font='99px Arial';for(i=4;i--;)x.strokeText('yolo'[i],830+i*59+S(t+i)*20,540+S(t*9+i)*20)

Jan 8 2016 1:45 AM UTC

}// 139/140

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

u/lionleaf

#yolo #text

You've reached the end.

dwitter.net | #text