Dweets by u/pangolin

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

show FPS hide FPS share fullscreen

pangolin

function u(t) {

t||(a=new Audio(),c.onclick=e=>{a.src=`http://u.onloop.net/ks3f7Ny/${~~(e.pageX/28)}.mp3`;a.play()})

Mar 31 2017 5:47 PM UTC

}// 100/140

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

Click Piano

show FPS hide FPS share 1 remix fullscreen

pangolin

function u(t) {

if(t-~~t<.5){new Audio("data:audio/wav;base64,UklGRsYAAABXQVZFZm10IBAAAAABAAEAQB8AAIA+AAACABAAZGF0YaIZAAA"+Array(90).join("DWEET")).play();}

Mar 21 2017 3:46 PM 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/Myst

Play freebird
u/pangolin

I've been trying to get something that would play different notes, but I can't get it small enough. The next step would clearly be freebird.
u/recursive

There's a separate audio synthesis api that might work. It's kind of wordy though
u/mxfh

;new Audio("data:audio/wav;base64,UklGRsYAAABXQVZFZm10IBAAAAABAAEAQB8AAIA+AAACABAAZGF0YaIZAAA"+c.toDataURL("image/bmp").substr(22,4000)).play()
u/mxfh

have no idea how to tweak the wav header to align samples with imagedata and where the bmp header ends, but just past this to the end of any dweet
u/pangolin

There isn't much that changes in the header info: http://soundfile.sapp.org/doc/WaveFormat/
u/mxfh

ok here's your header tweak tool: http://codepen.io/mxfh/pen/mWLMrJ
u/joeytwiddle

#audio

show FPS hide FPS share fullscreen

pangolin

function u(t) {

c.width=1920;f=(y,z)=>{x.lineTo(y*70+980,z*70+540)}
for(i=C(t);++i<25;){for(j=~~t-t;++j<20;){
f(i,0);f(0,-j);f(-i,0);f(0,j);}}
x.stroke();

Mar 14 2017 2:02 AM UTC

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

pangolin

remix of d/2063 by u/pangolin

function u(t) {

c.width=400
f=(y,z)=>{x.moveTo(a,a);x.lineTo(y*S(z)+a,a-y*C(z));x.stroke()}
d=new Date/1e4%4320
f(a=90,d%6*1.047)
f(80,d/57%6.3)
f(60,d/855)

Mar 13 2017 2:04 AM UTC

}// 140/140

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

Clock V.2

u/nick

Wait? How did you get 145 characters?
u/pangolin

It says 140/140 for me. If you copy it into notepad++ or something I think it counts linebreaks as 2, Dwitter counts linebreaks as 1.
u/recursive

If you edit it, suddenly the character count becomes correct also.

show FPS hide FPS share 1 remix fullscreen

pangolin

function u(t) {

function f(y,z){x.arc(a,a,y,4.7,z+4.7);x.stroke();}a=90;c.width=400;d=Date.now()/10000%4320;f(20,d%6);f(60,d/6%60/9.5);f(a,d/a/9.5);

Mar 12 2017 3:01 AM UTC

}// 132/140

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

Clock (UTC)

show FPS hide FPS share fullscreen

pangolin

function u(t) {

t||(a=[9,9],c.onclick=e=>{a=[e.pageX,e.pageY];});c.width=568;z=(S(t)+1)*90;x.strokeStyle=`hsl(${2*z},99%,50%)`;x.arc(...a,z,0,7);x.stroke();

Mar 11 2017 3:49 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.

show FPS hide FPS share fullscreen

pangolin

function u(t) {

t||(c.onmousemove=e=>{x.lineTo(e.pageX*3.3,e.pageY*3.3);x.stroke();})

Mar 10 2017 11:04 PM UTC

}// 70/140

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

u/nick

mousemove. brilliant
u/farter

3.37 more precisely
u/pangolin

I suppose I did end up with a few spare characters I could have splurged on the last 7.

show FPS hide FPS share fullscreen

pangolin

function u(t) {

m=256;n=2*m;o=6*m;w=t*o%o;h=t*99%n;
x.fillStyle=R(Math.abs(w-3*m)-m,-Math.abs(w-n)+n,-Math.abs(w-2*n)+n,h/n);
x.fillRect(w,h,30,9);

Mar 10 2017 5:55 PM UTC

}// 131/140

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

u/recursive

cool dweet
u/pangolin

thanks, I achieved my goal of building a color mapping in 140 characters.

You've reached the end.

dwitter.net | pangolin (44)