Hot 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: #Opposites

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

s=40+30*((1-C(t/2))**4)
c.width=s
x.font=(s/4)+'px serif';
x.fillText("~\\/0t3*",s/9,s*.4);
c.style.imageRendering=2*t&1?'pixelated':''

Jul 28 2017 8:58 AM UTC

}// 135/140

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

Have your say regarding pixelated dweets: https://github.com/lionleaf/dwitter/pull/216

u/joeytwiddle

(The CSS in this dweet works in Chrome and Safari, but not Firefox)
u/joeytwiddle

Although I think the consensus has emerged already.
u/joeytwiddle

A bit clearer: s=40+90*((1-C((t/2|0)/2))**2)

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/2813 by u/joeytwiddle

function u(t) {

x.fillStyle=R(k=260,k,k,.1)
x.fillRect(0,0,2e3,1e3)
x.fillStyle='#09b'
x.font='480px s'
x.fillText('NOVA',k,700)
x.drawImage(c,9*S(3*t),9)

Jun 24 2017 7:52 PM UTC

}// 138/140

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

What went down at the party: https://www.youtube.com/watch?v=WLrIOFUePLQ

u/joeytwiddle

5:16 Photography and art 6:20 Music 9:11 Wilds and demos!

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

function u(t) {

x.font='480px s'
x.fillText('NOVA',260,700)
x.transform(1,0,0,1.02,0,-10)
x.fillStyle=`hsla(${888*t},50%,50%,${.001**t}`

Jun 23 2017 6:18 PM UTC

}// 120/140

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

Nova party is this weekend in Devon, UK http://www.novaparty.org/

u/joeytwiddle

x.transform(1.01,0,0,1.02,-9,-10) is also fun
u/joeytwiddle

Oh curious. 's' gives me a 'sans' font on Linux but a 'serif' on Mac!

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/2737 by u/nystrand

function u(t) {

c.width|=p=(S,D=20,X=2*S,Y=X,k=_=>p(S*.79,D-1,X+2*S*r()-S,Y-S*r()/2))=>D&&x.fillRect(X,Y,S,S,k(k(x.globalAlpha=.01)));t?p(500):r=Math.random

May 24 2017 5:26 AM UTC

}// 140/140

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

Rain cloud slideshow

u/joeytwiddle

Thanks to golfing tricks from nystrand, I could create a gallery
u/iverjo

Neat!
u/hollo47

This is some next level shit, I don't even know where it starts!
u/joeytwiddle

We can save 7 chars by removing D entirely and using S>7
u/joeytwiddle

#clouds #heavy Set D=18 for faster rendering

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

r=Math.random
t%10<.3&&(c.width|=0,U=r(),V=r())
x.beginPath()
k=p=>1+S(p*t)
x.ellipse(960+300*S(t),540,300*k(U),200*k(V),t,0,7)
x.stroke()

May 19 2017 4:25 AM UTC

}// 138/140

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

Popped in to debug an ellipse for work. Felt rude not to leave a dweet.

u/jick

Oh, neat periodic clear trick.
u/joeytwiddle

I found that trick in a random dweet I saw recently. No idea which one.

show FPS hide FPS share 2 remixes fullscreen

joeytwiddle

function u(t) {

r=Math.random;p=(X,Y,S,D,k)=>D&&(x.globalAlpha=.01,x.fillRect(X,Y,S,S),k=_=>p(X+2*S*r()-S,Y+S*r()/2,S*.8,D-1),k(),k());t||p(900,0,500,18)

May 15 2017 8:38 AM UTC

}// 137/140

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

Random cloud generator

u/joeytwiddle

You can click on the code and hit Space to see more clouds
u/jick

I would love to see a breakdown of how this works.
u/joeytwiddle

It's a fractal using recursion. p draws a square with the given parameters. Then it calls p again twice to draw slightly smaller squares, offset from the parent.
u/joeytwiddle

Like this but more random (and with 2 children instead of ~7): http://neuralyte.org/~joey/hwimirror/hwi.ath…

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/508 by u/New_Core

function u(t) {

x.beginPath();x.strokeStyle=R(0,a=255*S(7*t),a);x.ellipse(960,540,b=79+2*S(t/2),b*.7,t/2,0,7),x.stroke();x.drawImage(c,-9,-4,1938,1088)

May 9 2017 12:21 PM UTC

}// 135/140

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

s/stroke/fill/g to get rid of the white circle

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/2355 by u/cantelope

function u(t) {

x.save(),x.translate(960,540);for(i=95;i--;x.fillStyle=`hsl(${i*6-t*99},99%,60%`,x.fillRect(a=i*i/9,a,-a*2,-a*2),x.rotate(t/3));x.restore()

Apr 27 2017 4:54 PM UTC

}// 139/140

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

Minor remix that shows off the patterns in the spiral, as pointed out by sfz on the original dweet.

u/magna

Wooo!
u/joeytwiddle

Oeps too fast again! t/19 might look smoother for you

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/2600 by u/joeytwiddle

function u(t) {

t?c.width|=0:P=Z=5;for(i=36;i--;j==Z&&(X-1e3)**2<8e3?Z=9:Z?onclick=e=>Z--:P++)j=i>>2,x.fillRect(j?X=j%5*(t/19+i)*P%2e3:1e3,99*(j||Z),99,50)

Apr 27 2017 4:03 AM UTC

}// 139/140

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

Crossy Box: Traffic Tourist

Show more comments…
u/joeytwiddle

I wanted a new seed for the next level but I only had space for P++. Fortunately we can do P++ on every iteration of the loop, until Boxy gets hit by an invisible car on row 0.
u/joeytwiddle

(Actually around 6 chars could be saved if we scale the canvas down, like MrM@_S did in his remix.)
u/MrM@_S

Replacing rectangles with 🚗s also saves bytes.
u/joeytwiddle

I can get 🚗 and 🐸 in ... 141 bytes ;)
u/joeytwiddle

Correction: The scene changes when Boxy get hit by the last car in row 1. Cars in row 0 do not re-assign X (and do not move).
u/iverjo

This is awesome :D A game in 139 bytes, and I actually enjoyed playing it!
u/joeytwiddle

Thanks iverjo! ❤️ Click 5 times to start playing

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/2559 by u/joeytwiddle

function u(t) {

c.width|=0;for(i=H=1e3;i--;!t||j==Z&&(X-H)**2<8e3?Z=0:onclick=e=>Z++)j=i>>2,x.fillRect(j?X=(j%3+1)*(t/4+i)*213%2e3:H,52*(j||Z),99,40)

Apr 26 2017 5:44 PM UTC

}// 133/140

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

Golfed version with busier traffic. Difficulty level: donbright

u/New_Core

made it thru ;)
u/rileyjshaw

Same :D super fun

dwitter.net | joeytwiddle (2443)