Dweets awesomed 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

MrM@_S

function u(t) {

if(!t)c.width-=d=i=400
onkeydown=e=>{r=e.keyCode;d+=r==65?-1:r==68?1:0;i+=r==74?-1:r==76?1:0;if(r==32)c.width^=0}
x.fillRect(d,i,3,3)

Apr 18 2017 12:52 PM UTC

}// 133/140

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

etch-a-sketch A and D as the left knob and J,L as the right knob. Space for a clear

u/Polyducks

This is so smart! Have you drawn anything with it?
u/MrM@_S

sort of...but not anything that great
u/joeytwiddle

Very cool!

show FPS hide FPS share fullscreen

hscells

function u(t) {

c.width=1920
x.lineWidth=6
for(i=0;i<20;i+=2)x.arc(960,540,i*30,i,i-(S(t*3)-1)*(Math.PI-2.5)),x.stroke()

Apr 17 2017 11:36 AM UTC

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

donbright

remix of d/2495 by u/joeytwiddle

function u(t) {

t?s=2e3/c.clientWidth:(a=b=B=A=1,k=j=2)
K=k-a
J=j-b
Q=K**2+J**2
x.fillRect(a+=A+=K/Q,b+=B+=J/Q,9,9)
onmousemove=e=>(k=e.pageX*s,j=e.pageY*s)

Apr 15 2017 10: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).

mouse = gravitational body (explanation https://www.patreon.com/posts/simulating-in-… )

u/joeytwiddle

Nice :) For a few spare bytes, you could place the body with onclick
u/gabrielsroka

#interactive
u/donbright

#physics

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 fullscreen

joeytwiddle

remix of d/1763 by u/New_Core

function u(t) {

c.onclick=_=>window.a||(a=new AudioContext,o=a.createOscillator(),o.connect(a.destination),o.start(),c.onmousemove=e=>o.frequency.value=e.x)

Apr 8 2017 8:22 PM UTC

}// 140/140

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

Starts making noise if you click on the canvas. Hopefully you can silence it by going left, but no guarantees!

u/cantelope

"woooOOOOoooOOOO" :D
u/magna

It's a dweetheremin!
u/joeytwiddle

Yes it is :) More fun with a wider frequency range: o.start());c.onmousemove=e=>o.frequency.value=5*e.x
u/lionleaf

Haha, amazing! Fullscreen gives you a wider audio range :)
u/joeytwiddle

#audio #interactive

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

c.width|=0;for(i=m=118;i--;c=m&(1<<i%7)?54:4,X=i*100,x.fillRect(X-c/2,700,c,220),x.fillRect(X-2,920,4,m));

Apr 5 2017 6:37 PM UTC

}// 106/140

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

Piano keys prototype

u/recursive

golfed it by 12: https://www.dwitter.net/d/2439
u/magna

#piano

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 fullscreen

nonce

remix of d/2357 by u/Jenky

function u(t) {

w=c.width|=0
c.style.filter=`hue-rotate(${-t%60}deg`
for(i=0;++i<99;)z=50+i*i/80,x.font=z+`px a`,x.fillText('🌳',(S(i)*w+t*z*4)%(w+z)-z,z*5)

Mar 31 2017 4:47 PM UTC

}// 139/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/cantelope

Looks great in chrome. seems the filter does not work in ff.
u/cantelope

i see now it simulates the changing of the seasons. very cool!
u/nonce

May I ask what FF are you on? I have FF 52.0.2 (on MacOS) and it seems to work.
u/donbright

color does not work on firefox / ubuntu. 52.0.1 64 bit, however it still looks amazing in black and white! i just love the whole effect of it, brilliant.
u/cantelope

@nonce I checked it in FF 45.8 on Win10 ( screenshot http://lookie.ml/i-12BLJO ), but Chrome is my primary browser. I've noticed that unicode tends to render somewhat inconsistently between browsers, which is why i avoid using it. But it's a great graphical hack when it works. :D
u/nonce

Oh my, it might not be consistent but I almost spat my soda all over my screen when I saw that screenshot.
u/Lazy1337

#landscape
u/Lazy1337

#trees
u/joeytwiddle

2023: working on FF Nightly on Android

show FPS hide FPS share fullscreen

mxfh

function u(t) {

t||(c.onmousemove=e=>x.lineTo(e.pageX*3.3,e.pageY*3.3),c.onwheel=e=>{x.lineWidth+=e.deltaY,e.preventDefault(),x.beginPath();})
x.stroke()

Mar 23 2017 3:24 AM UTC

}// 137/140

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

u/sfz

the wheel is a nice easter egg!
u/mxfh

for fullscreen remove the factor. or calculate new as c.width/c.scrollwidth
u/mxfh

#interactive #draw

dwitter.net | pangolin (1603)