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: #Food

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 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 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/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

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

function u(t) {

W=c.width=2e3;for(i=96;i--;)j=i>>2,x.fillRect(j?X=(3*j%8*33*t+i*590)%W:W/2,j?Y=j*90:Z*90,99,50),!t||j==Z&&(X-W/2)**2<W*4?Z=0:onclick=e=>Z++

Apr 23 2017 7:47 AM UTC

}// 139/140

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

You know this game. Click to play.

Show more comments…
u/hscells

this is awesome
u/donbright

omg i made it
u/sigveseb

Really nice!
u/magna

:D
u/MrM@_S

nice job
u/joeytwiddle

Thanks guys 🚗🚙🚓🏎🚂 💥 🐸
u/MrM@_S

I made a quine remix https://www.dwitter.net/d/2596
u/joeytwiddle

An improved version with different levels: https://www.dwitter.net/d/2612

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/2491 by u/New_Core

function u(t) {

t?x.fillRect(a+=9*C(d),b+=9*S(d),9,9):a=b=k=j=0
d=Math.atan2(j-b,k-a)
s=2e3/c.clientWidth
onmousemove=e=>(k=e.pageX*s,j=e.pageY*s)

Apr 15 2017 3:40 PM UTC

}// 130/140

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

Woodmouth's ant chasing your mouse

Show more comments…
u/joeytwiddle

Since I couldn't fit the edge detection, I stop the ant when it reaches the target. So I stored the target in k,j
u/donbright

this mouse technique is excellent
u/joeytwiddle

To make him a slow turner: D=(Math.atan2(j-b,k-a)-d+3.14)%6.24-3.14;d+=.05*D
u/joeytwiddle

err I mean 6.28
u/Woodmouth

That's impressive. The slow turn was exactly what i was looking for, but that is sadly just a bit too big.
u/MrM@_S

K=3.14;d+=((Math.atan2(j-b,k-a)-d+K)%6.28-K)/20
u/iverjo

#interactive

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/1763 by u/New_Core

function u(t) {

onkeyup=e=>{T||a.close();a=new AudioContext;o=a.createOscillator();o.connect(a.destination);o.frequency.value=7*1.06**e.keyCode;T=o.start()}

Apr 13 2017 12:32 PM UTC

}// 140/140

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

A piano you can play with your keyboard. G is middle-c, i think

Show more comments…
u/joeytwiddle

Twinkle little star: GGNNPPN LLKKIIG NNLLKKIx2 GGNNPPN LLKKIIG
u/joeytwiddle

Silent Night: G IG D, G IG D, N NK, L LG, (I IL KIG IGD)x2, N NQ NKL P LGDGEB L
u/joeytwiddle

Star Wars: (IIIN U SRPZ U SRPZ U SRSP)x2 I IK KSRPN NPRP KM, I IK KSRPN UP. I IK KSRPN NPRP KM, IIN LJI GED BI. IKNSP
u/joeytwiddle

Thanks to @donbright who showed me where i could save 5 chars
u/iverjo

Very impressive :D
u/donbright

this is unbelievable. (ps thx but i stole the idea from others here)
u/donbright

(ok technically they gave it to me prob @cantelope / @manga)
u/Woodmouth

This is the strangest piano i've ever played, but good job!
u/Woodmouth

Also, i found a way to stop it, just press shift. (or any other key with a value too high or low to hear (At least i think that's what happens))
u/joeytwiddle

and of course thanks to New_Core for the intro to Web Audio API
u/joeytwiddle

#audio #music #piano #interactive
u/joeytwiddle

Star Trek intro: R M P H, F KP OKHMR RV Q T L, J OT SOLQV VZ
u/joeytwiddle

Star Trek main: B-L-KIGFE, C B-N-LKIGF, E-D FGIKLKN Q, P N D, I G (ILPS!)
u/joeytwiddle

One more you might know: NPSP WWU, NPSP UUS, NPSP S UR N NU S
u/joeytwiddle

Check the old comments for some simple tunes to play. You'll need to click on the blank canvas for keyboard focus. Hit Space, Shift or Escape for "silence".

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

function u(t) {

c.width|=0;x.lineWidth=d=45;for(i=30;i--;r%4&&x.stroke())r=(2+i%10),s=i+4*S(t+i),l=(4+i*3)%6,x.beginPath(),x.arc(940,540,r*d*.9,s,s+l)

Apr 12 2017 7:16 PM UTC

}// 134/140

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

http://revision-party.net is this weekend!

Show more comments…
u/reportbase

Thumbs Up. This is cleaver.
u/donbright

!!!!!!
u/sigveseb

Who's going?
u/joeytwiddle

Unfortunately I am too far from the party. BTW this dweet runs too quickly. I should have used t/3
u/iverjo

I'm going to revision :D
u/joeytwiddle

Lock some of the blocks, so not everything is moving at once: s=i+2*C(t/4+i)**32
u/joeytwiddle

Have a great time iverjo and anyone else attending!
u/iverjo

#revision

dwitter.net | joeytwiddle (2547)