Top dweets by u/joeytwiddle

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

joeytwiddle

function u(t) {

c.width|=0;for(i=2;i--;)s=i?99+80*S(t*3):9,x.font=P=s+"px sans",
T=i?P:'X'.repeat(400),
x.fillText(T,960-x.measureText(T).width/2,540+s/3)

Jul 24 2019 8:53 AM UTC

}// 138/140

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

To centralise #text vertically, add ~fontSize/3

u/joeytwiddle

To centralise horizontally, subtract x.measureText(T).width/2
u/joeytwiddle

(I think u/f8f82804 showed me that trick)

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

eval(unescape(escape('👣🐮👷👩👤👴👨🐽🐳🐰🐰🐻👸🐮👦👩👬👬👔👥👸👴🐨🐢👴👹🐠👀👆👡👫👥👕👮👩👣👯👤👥🐢🐬🐹🐬🐱🐵🐩').replace(/u.{8}/g,'')))

Mar 13 2018 6:58 AM UTC

}// 93/140

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

https://twitter.com/FakeUnicode/status/97326…

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/3633 by u/joeytwiddle

function u(t) {

for(r=Math.random,i=w=700;i--;x.fillRect(i%9?960+a/2*C(p=w*r()):960+99*C(p),i%9?80+a+a/6*S(p):790+200*r()+30*S(p),k=2/(5+t),k))a=w*r()**.6

Dec 14 2017 4:10 PM UTC

}// 138/140

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

Wishing you a jolly perceptually bistable holiday!

show FPS hide FPS share 2 remixes fullscreen

joeytwiddle

remix of d/3632 by u/joeytwiddle

function u(t) {

for(r=Math.random,w=350,i=4e3;i--;x.fillRect(c?4*w+a*C(p):500+S(w*p)*a,c?40+2*a+a/3*S(p):700+C(w*p)*a,k=2/(5+t),k))a=w*r()**.4,p=3*r(),c=i&1

Dec 14 2017 3: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).

Plato's meditation room

u/joeytwiddle

But which one does he sit on?
u/BirdsTweetCodersDweet

Obviously the cone...
u/joeytwiddle

What I was really going for: https://js1k.com/2017-magic/demo/2648
u/joeytwiddle

#stochastic #scene

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/554 by u/iverjo

function u(t) {

b=33;for(i=0;i++<1e3;)s=45/(9-(t+i/99)%9),x.fillStyle=R((d=i*119)%256,d/1.4%256,d/7%256),x.fillRect(960+5*s*C(h=i*t/b+t),540+5*s*S(h),s,s)

Dec 4 2017 4:51 PM UTC

}// 138/140

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

Just a minor remix. Play with the b variable ;-)

u/Xen

:-D
u/Xen

i had a play #3604
u/joeytwiddle

b=14 is my favourite KALIVERSCOPE
u/joeytwiddle

#kaleidoscope

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

r=800/t,p=9+t*t&9,s=540
x.fillStyle=`hsl(${s*t},99%,50%`
for(i=p*s;i--;)A=i/p/s,a=r+6*A,R=r*S(3*i/s),x.fillRect(960+R*S(a),s+R*C(a),9,9)

Oct 18 2017 8:01 AM UTC

}// 136/140

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

Happy Diwali!

u/joeytwiddle

For 2 - 9 petals: p=2+(t*t&7)
u/joeytwiddle

I was trying to build a #rangoli but in 140 chars I could only fit this hot mess

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/1763 by u/New_Core

function u(t) {

c.onclick=_=>window.a||(a=new AudioContext,o=a.createOscillator(),o.connect(a.destination),o.start(),c.onmousemove=e=>o.frequency.value=e.x)

Apr 8 2017 8:22 PM UTC

}// 140/140

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

Starts making noise if you click on the canvas. Hopefully you can silence it by going left, but no guarantees!

u/cantelope

"woooOOOOoooOOOO" :D
u/magna

It's a dweetheremin!
u/joeytwiddle

Yes it is :) More fun with a wider frequency range: o.start());c.onmousemove=e=>o.frequency.value=5*e.x
u/lionleaf

Haha, amazing! Fullscreen gives you a wider audio range :)
u/joeytwiddle

#audio #interactive

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/35250 by u/joeytwiddle

function u(t) {

eval(unescape(escape`䰽等㨧慭⁡汩癥⽷慮琧ⱷ慮琺❴漯楴⁡汬✬❴漧㨧物摥⁭礠🚲⽳瑡礯汩癥⁦潲敶敲⽢牥慫⁦牥攧紊吽⡴☦䱛坝籼❉✩⹳灬楴⠧⼧⤬圽呛⠲⭴⤪⨳┱⩔⹬敮杴桼そ੤潣畭敮琮扯摹⹩湮敲䡔䵌㵐㵴㽐⬧‧⭗㩗`.replace(/u([^D].)/g,'$1%')))

Apr 18 2026 12:13 PM UTC

}// 140/140

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

not quite so smol language model

u/cantelope

wow
u/Joachim

amazing, AI is clearly sentient!

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/35087 by u/lewdev

function u(t) {

X=t?X:(Y=0,this);if(X!=Y)document.body.innerHTML=(Y=X)+` <select onchange="X=window[value]">`+Object.keys(this).map(s=>"<option>"+s).join``

Mar 26 2026 2:55 AM UTC

}// 139/140

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

Weak reflection

u/lewdev

Hehe, nice! #interactive

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

c.width|=0;for(i=9;i--;)x.save(),x.translate(115+280*i,400+80*i-9*i*i),x.scale(20,20),x.rotate(S(t-i/5)/4),x.fillText('🏮',-6,6),x.restore()

Feb 5 2019 5:57 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/lionleaf

Lunar New Year!
u/joeytwiddle

Curious. Chrome only keeps the resolution now, when the text is horizontal.

dwitter.net | joeytwiddle (2684)