Dweets awesomed by u/lionleaf

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

prawnwarp

function u(t) {

c.width|=0;for(j=0;j<12;j++){for(i=0;i<10;i++){x.beginPath();x.moveTo(j*100,540);x.lineTo(960+500*C(t*i),540+500*S(t*i));x.stroke();}}

Apr 20 2017 3:16 AM UTC

}// 134/140

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

u/donbright

interesting idea
u/joeytwiddle

If I look at the point, I see it coming out of the screen. But if I look at the back, I see it point away.

show FPS hide FPS share fullscreen

hscells

function u(t) {

w=c.width=1920;s=32;for(i=0;i<w;i+=s){for(y=0;y<c.height;y+=s){x.fillStyle=`hsl(${i+y*t},99%,70%)`;x.fillRect(i,y,s,s)}}

Apr 17 2017 5:19 AM UTC

}// 120/140

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

u/sigveseb

Pretty colors!

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

show FPS hide FPS share 1 remix fullscreen

Woodmouth

remix of d/2471 by u/Woodmouth

function u(t) {

t?x.fillRect(a=(1920+a+9*S(d))%1920,b=(1080+b+9*C(d))%1080,9,9):(b=a=99,d=0),d+=Math.random()-.5
x.fillStyle=`hsl(${t*99},99%,50%`

Apr 12 2017 9:27 AM UTC

}// 130/140

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

Thanks to everyone, and perhaps especially donbright, we have enough space for colors! (I just copied the fillStyle from cantelope's #2451 )

u/Woodmouth

t?x.fillRect(a+=9*S(d),b+=9*C(d),9,9):(b=a=99,d=0);d+=Math.random()-.5;d=b>1080?3:(b<0?0:(a>1920?5:(a<0?2:d)));x.fillStyle=hsl(${t*99},99%,50%
u/Woodmouth

4 characters away from colors and boarder btw
u/donbright

@joeytwiddle was correct, you can take the parenthesis out of my ? statements which should leave enough room

show FPS hide FPS share fullscreen

donbright

remix of d/2025 by u/@literallylara

function u(t) {

c.width^=0
onmousemove=e=>T=e.pageX/42
R=_=>S(s)+(S(s++)>0?0:2)-1
for(s=i=H=540;i--;)x.lineTo(1e3+(R()*C(T)-R()*S(T))*H,H+R()*H)
x.stroke()

Apr 10 2017 11:40 PM UTC

}// 139/140

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

homage to @literallylara 's 2025 with mouse.. (please try moving your mouse over screen)

u/donbright

thanks 2 @cantelope / @manga for T trick, @Jenky for mouse inspiration
u/joeytwiddle

I like the interactivity, and Firefox support. And one of the tricks is really going to save me some characters!
u/gabrielsroka

#interactive

show FPS hide FPS share fullscreen

z3vin

function u(t) {

z=Math.random;for(i=0;i<999;i++)x.rotate(t),x.beginPath(),x.arc(i*i,i*S(t)*49,1199,2.4,3),x.stroke(),x.clearRect(599-C(t)*599,0,z()*999,z())

Apr 10 2017 4:44 AM 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

i wish this was like on a 2 meter screen at an art gallery
u/z3vin

Thanks man!

show FPS hide FPS share fullscreen

donbright

remix of d/2455 by u/cantelope

function u(t) {

onmousemove=e=>N=e.pageY/9
for(c.width=i=2e3;i--;)x.fillRect(1e3+S(p=i+t)/(Z=4+C(p)*(h=1+S(i/99-t*4)/N))*1e3*h,540+1/Z*(i-999)*3.3,s=40/Z,s)

Apr 9 2017 11:02 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 movement tunes the pipe

Show more comments…
u/donbright

(i.e. move your mouse over the image)
u/donbright

inspiration @cantelope + @Jenky https://www.dwitter.net/d/2437 + @joeytwiddle https://www.dwitter.net/d/2446
u/cantelope

Fixed "N is not defined" error by using T *which is predefined).. onmousemove=e=>T=e.pageY/9;for(c.width=i=2e3;i--;)x.fillRect(1e3+S(p=i+t)/(Z=4+C(p)*(h=1+S(i/99-t*4)/T))*1e3*h,540+1/Z*(i-999)*3.3,s=40/Z,s)
u/donbright

@cantelope that is clever!
u/cantelope

@donbright i learned it from magna :)
u/donbright

thanks @cantelope i used this in d/2025
u/iverjo

#interactive

show FPS hide FPS share 2 remixes fullscreen

cantelope

remix of d/2452 by u/cantelope

function u(t) {

w=(c.width|=0)/2
x.fillStyle="#64f"
for(i=2e3;i--;x.fillRect(w+S(p=i+t)/(Z=4+C(p)*(h=1+S(i/99-t*4)/2))*w*h,540+1/Z*(i-999)*w/300,s=40/Z,s));

Apr 9 2017 6:17 AM UTC

}// 140/140

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

u/magna

<3
u/donbright

loved it, remix w mouse control https://www.dwitter.net/d/2460

show FPS hide FPS share fullscreen

magna

remix of d/2451 by u/cantelope

function u(t) {

x.fillRect(0,0,(w=960)*2,w*2)
for(i=99;i--;p=i/5+t,x.clearRect(w+1/(Z=3+C(p))*(i-50)*w/20,540+S(p)/Z*w,s=199/Z/Z,s))x.globalAlpha=.1

Apr 9 2017 6: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).

u/cantelope

nice! :)

dwitter.net | lionleaf (43039)