Dweets awesomed by u/metamero

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

p01

function u(t) {

for(x.beginPath(i=1,q=t*99&124);i-=1/32;c.style.filter='invert(')x.lineTo(600+i*720,99+q*7-(x+i).charCodeAt(i*q*q%19)*S(i*3)**19);x.stroke()

Jul 27 2017 9:31 PM UTC

}// 140/140

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

JOY-DIVISION

Show more comments…
u/p01

Best seen in fullscreen while listening to JOY DIVISION by UNKNOWN PLEASURES
u/p01

for the code golfers around, I got this one down ~112bytes without the colors and less interesting noise
u/raurir

Well, I guess it's the thought that counts
u/p01

Thanks for bringing up JOY DIVISION on Slack - https://www.dwitter.net/d/2108 is super well done as well.
u/magna

Is there a Slack for Dwitter?
u/FireFly

There is a general JS golf slack with a lot of dweeters in it at jsgolf.club
u/sigveseb

kinda reminds me of life on the grid from solskogen this year: http://www.pouet.net/prod.php?which=70987
u/rodrigo.siqueira

#joydivision Here is the original Ph.D. dissertation page where this were published: https://twitter.com/ChristiansenJen/status/1…

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/2845 by u/cantelope

function u(t) {

A=960,B=540,x.fillRect(0,0,D=2e3,D)
for(i=D;i--;)x.clearRect(A+1/(Z=2.5+C(p=i*C(t/2)/40)*S(q=i/628))*(X=S(p)*S(q))*A,B+C(q)/Z*A,s=69/Z/Z,s)

Jul 10 2017 4:43 AM UTC

}// 140/140

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

Show more comments…
u/lionleaf

That's really neat!
u/Polyducks

This is amazing! What's the concept behind it? How are you getting the sphere?
u/cantelope

@Polyducks, it's a golfed version of the equation of a sphere [x=sin(p1)*sin(p2);z=cos(p2);z=cos(p1)*sin(p2);] combined with a tiny 3D projector, X=cx+1/z*x*cx; Y=cy+y/z*cx, where cx/cy is center screen, and x/y/z are the 3D coordinates. Hope that makes sense! :)
u/cantelope

*equation of a sphere: [x=sin(p1)*sin(p2);y=cos(p2);z=cos(p1)*sin(p2);]
u/alien

thanks for that, is projector a mathematical construct? does it have other names?
u/cantelope

@alien it's my own invention, the product of years of research into geometry. I wrote a tutorial with a (very ungolfed) version here https://cantelope.org/3D
u/alien

*__*
u/alien

All the lienar algebra and vectorial calculus in my bachelor finnally comes to life in my head... this is soooo cool @cantelope...
u/donbright

bravo... bravo
u/ximavus

Amazing!

show FPS hide FPS share fullscreen

MrM@_S

function u(t) {

t?E.onchange=e=>x.fillText(e.target.files[0].size+" B",9,9):(E=document.createElement`input`,E.type="file",c.onclick=e=>E.click(c.width=99))

Jun 17 2017 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).

Click the canvas and upload a file. This gives the exact size in bytes

u/PiggyClone205

Neat,
u/MrM@_S

#tool
u/Purpzie

whAaaAtt the heck that's cool

show FPS hide FPS share 1 remix fullscreen

Jenky

function u(t) {

t||(n=c.cloneNode(0),c.parentNode.replaceChild(n,c),g=n.getContext("webgl"))
g.clearColor(.7+.3*S(t*4),0,0,1)
g.clear(16384)

Apr 19 2017 9:49 AM UTC

}// 124/140

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

WebGL, anyone? :D

u/Jenky

Kinda sucks it takes so many bytes to set up, anyone have ideas to shorten?
u/magna

Just keep drawing the new, off-screen canvas onto the existing 2D context seems to work (though, is probably inefficient): https://www.dwitter.net/d/2535

show FPS hide FPS share fullscreen

Jenky

remix of d/2522 by u/magna

function u(t) {

c.width|=i=0
x.font='50px monospace';((u+'').slice(0,t*4+S(t)*6)+`
|`[t*2&1]).split(`
`).map(r=>x.fillText(r,0,++i*50))

Apr 18 2017 4:57 PM UTC

}// 119/140

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

You could keep it as +' |' instead of +<return>| but hey, we want to see the whole thing, right? :D

u/magna

Excellent use of `!

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/1480 by u/magna

function u(t) {

c.width|=0
x.font='50px monospace';
(u+'')
.slice(0,t*3+S(t)*5)
.concat(t*2&1?'|':'')
.split('\n')
.forEach((s,i)=>x.fillText(s,0,++i*50))

Apr 18 2017 1:55 AM UTC

}// 138/140

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

Pair programming nightmare

Show more comments…
u/joeytwiddle

that title made me Lol :D
u/sigveseb

:D
u/Jenky

That's a really clever illusion, love it
u/magna

Heh, thanks! Brought it down to 123 chars in hopes of adding occasional mistakes like skipped characters / typos etc., but couldn't immediately find a way. In case anyone wants to give it a shot: https://www.dwitter.net/d/2522
u/donbright

:o
u/Polyducks

Could you make a random function to skip odd spaces?
u/magna

It has to be a deterministic PRNG so that the places that are skipped are persistent. Otherwise, it would just look like a random flipping of characters. I thought about it, but couldn't immediately find a short solution.
u/Polyducks

That's a great point. Dwitter is such a mind twister!
u/highfestiva

Groovy baby!
u/magna

#quine
u/joeytwiddle

#funny

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 2 remixes fullscreen

mxfh

function u(t) {

c.width|=b=50
h=b-S(t)*b*5
for(e=6.283;e>0;x.lineTo(d*C(e-=.01)+h*C(s=d/b*e)+960,(d)*S(e)-h*S(s)+540))d=300-b
x.fill("evenodd")

Apr 7 2017 10:55 PM UTC

}// 127/140

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

http://mathworld.wolfram.com/Hypotrochoid.ht…

show FPS hide FPS share fullscreen

Jenky

function u(t) {

w=c.width=568;r=Math.random
t?0:(m=e=>z=[r()*w,r()*w/2])()
onmousemove=e=>{(e.x-z[0])**2+(e.y-z[1])**2<81?m():0}
x.arc(...z,9,0,7);x.fill()

Apr 7 2017 10:31 AM UTC

}// 139/140

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

Try to hover over the circle! Doesn't work in fullscreen :'(

u/Jenky

Did make a more game-like version that did work fullscreen at 190 bytes, kept score and everything, but couldn't golf it any lower
u/Jenky

Also this one only works in Chrome again, thanks to e.pageX/pageY being slightly too long
u/donbright

c.width=568 t?0:(m=e=>z=[f=frame%568,(f<<4)%250])() onmousemove=e=>{(e.pageX-z[0])**2+(e.pageY-z[1])**2<81?m():0} x.arc(...z,9,0,7);x.fill()
u/donbright

that is a firefox version :)

show FPS hide FPS share 1 remix fullscreen

Jenky

function u(t) {

w=c.width|=0
for(i=0;++i<99;)z=50+~~(i**2/80),x.font=z+`px a`,x.fillText(['🌲','🌳'][i%2],(S(i)*w+t*z*4)%(w+z)-z,z*5)

Mar 31 2017 11:58 AM UTC

}// 115/140

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

Trees to go along with https://www.dwitter.net/d/2352 :D

Show more comments…
u/Jenky

I challenge someone to combine the two, golfing that is gonna be a doozy
u/z3vin

i love this can you explain: z=50+~~(i**2/80), specifically ~~ and **
u/nonce

~~ is Math.floor() and ** is Math.pow(), I do not understand why you need to floor? Why do you need an integer z? Also i*i is 1 char shorter than i**2 so you could shorten it to: z=50+i*i/80 am I missing something?
u/nonce

FWIW you can have a non integer font size
u/nonce

Golfed a bit, removed the pines (they are evergreen) and added a season: https://www.dwitter.net/d/2361 (autumn)
u/Jenky

Totally missed that, and didn't realise fonts could have floating px. Nice remix, too :D
u/sfz

floating px makes the rendering much slower but it's doable with a reasonable amount of entities
u/nonce

@sfz what about floating em? What is the perf like for that?
u/aemkei

Nice one! Really love the style.
u/aemkei

You can save ~9 bytes:
u/aemkei

for(w=c.width|=i=0;++i<99;)z=50+(i**2/80),x.font=z+px a,x.fillText(i%2?'🌲':'🌳',(i**7+t*z*4)%(w+z)-z,z*5)
u/tapgiles

Very nice!
u/Polyducks

omg haha are these emoji!? That's so smart!!!
u/joeytwiddle

#landscape #parallax #trees
u/micahcowan

#emoji
u/katkip

#perspective

dwitter.net | metamero (18767)