Dwitter - javascript demos in 140 characters

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

hscells

function u(t) {

w=c.width=1920;s=100;i=s/4;for(y=0;y<c.height;y+=32){i+=C(y)*s;x.fillRect(s*2+S(t*2)*i,y,w-S(t*2)-s*4,1)}

Apr 17 2017 5:59 AM UTC

}// 105/140

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

show FPS hide FPS share fullscreen

eruonna

function u(t) {

for(c.width&=i=-9;i<9;i++,x.fillStyle=`hsl(${9*i},99%,50%`,x.beginPath(),r=i*40,x.arc(960+r*S(t/Math.abs(i)),540+r*C(t/i),20,0,6),x.fill());

Apr 14 2017 8:43 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/donbright

fascinating that they dont seem to overlap (ever?)

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

keithclark

function u(t) {

for(a=c.width^=0;a--;x.fillRect(C(a+t)*S(b)*h+960,C(b)*h+540,i=h/40-5,i))h=900/(2-S(a+t)*S(b=a*1.2502))

Apr 13 2017 9:50 AM UTC

}// 103/140

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

Smaller version of https://www.dwitter.net/d/2298

u/aemkei

Nice golfing!!
u/donbright

ditto

show FPS hide FPS share fullscreen

eruonna

function u(t) {

c.width|=0;
x.lineWidth=3;
for(i=0;i<1.57;i+=.01){
  x[i?'lineTo':'moveTo'](960+540*C(17*(t+i)),540+540*S(19*(t+i)))
}
x.stroke()

Apr 14 2017 9:00 PM UTC

}// 129/140

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

u/donbright

this boggles my mind

show FPS hide FPS share fullscreen

NMcCoy

function u(t) {

c.width=1920;
  for(i=0;i<9;i++)
{
  x.fillStyle=`hsl(${t*99+i*20},99%,80%`
  x.fillRect(400+i*100+S(t)*300, 400+S(t+i)*60, 50, 200)
}

Apr 14 2017 8:02 PM UTC

}// 134/140

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

u/f8f82804

#default

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

show FPS hide FPS share fullscreen

donbright

function u(t) {

k=t
for(m=-k;m<=k;m++)for(n=-k;n<=k;n++){
r=m*m-n*n,B=m*m+n*n,G=2*m*n
x.fillRect(4*(r+B),4*(G+B),9,9)
}

Apr 14 2017 4:14 AM UTC

}// 103/140

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

weird optical illusion after it finishes

u/iverjo

Oh yeah, it looks like there are white horizontal and vertical lines, but they are not actually there
u/joeytwiddle

Oooh yeah. I was only seeing grey dots at the intersections before, but on this bright monitor I can see the white lines too. *blinks*
u/alien

nice
u/Xen

i eat my pillow tonight and i'm blaming you!
u/donbright

lol sorry

show FPS hide FPS share fullscreen

eruonna

function u(t) {

for(g=[1440,60,1],c.width|=i=2;h=g[i];e=i--?b=540:333,f=t*.105/h,x.lineWidth=5,x.moveTo(960,b),x.lineTo(960+e*S(f),b-e*C(f)),x.stroke());

Apr 14 2017 10:47 PM UTC

}// 137/140

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

A clock! I couldn't golf it enough to get varying line widths for the hands

u/joeytwiddle

Suggestion: c.width|=0;[1440,60,1].map((h,i)=>{e=300+100*i,f=t*.105/h,x.lineWidth=5,x.moveTo(960,540),x.lineTo(960+e*S(f),540-e*C(f)),x.stroke()})
u/eruonna

Oh yeah, that is nice
u/pangolin

I made a clock too! https://www.dwitter.net/d/2085

show FPS hide FPS share fullscreen

MrM@_S

function u(t) {

if(!t)a=s=0
c.width=c.height=70    
onkeydown=e=>{if(E<a){s++;E=a}a=0}
x.fillRect(10,a,2,2)
a++
x.fillText("Lvl:"+s,30,9)
if(a>=50)E=a=s=0

Apr 13 2017 10:12 PM UTC

}// 138/140

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

a small game

u/donbright

made it to 4 woohoo
u/New_Core

to lvl 17
u/MadeOfStarStuff

This is a little maddening. I also made it to level 4 but I have no idea how. Maybe I need to learn javascript. :)
u/iverjo

Got to level 13 ^^
u/Kalanchoe

level 25 :) reminds me of the stacker arcade game haha