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

joeytwiddle

remix of d/2355 by u/cantelope

function u(t) {

x.save(),x.translate(960,540);for(i=95;i--;x.fillStyle=`hsl(${i*6-t*99},99%,60%`,x.fillRect(a=i*i/9,a,-a*2,-a*2),x.rotate(t/3));x.restore()

Apr 27 2017 4:54 PM UTC

}// 139/140

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

Minor remix that shows off the patterns in the spiral, as pointed out by sfz on the original dweet.

u/magna

Wooo!
u/joeytwiddle

Oeps too fast again! t/19 might look smoother for you

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2604 by u/magna

function u(t) {

for(i=c.width=w=192;i--;)for(j=w;j--;!!('ưưƠƀÃÇÏÏ'.charCodeAt(j&7^f*7)-w&1<<(i%8^(X+Y&1)*7))^f&&x.fillRect(i,j,1,1))X=i>>3,Y=j>>3,f=t*X/Y&1

Apr 26 2017 10:17 PM UTC

}// 139/140

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

Filled truchet tiles, now animated thanks to shaving by @donbright

u/donbright

the thing that strikes me is the black and white balls never move, only their connections.... but it looks like the whole plane is aliv
u/magna

@donbright To achieve that: Starting with a single tile, every other tile is flipped on the X axis. And then to flip a tile, I need to both invert the tile's pixels and also to flip it on the Y axis. Lots of XOR was needed :)
u/sigveseb

Excellent
u/iverjo

#dots
u/magna

#truchet

show FPS hide FPS share fullscreen

keithclark

function u(t) {

for($=c.width|=0;$--;x.fillRect(b+960,F+520,h/=3,h))e=$/7-C(t/4),d=($>>6)+t*6%1,h=d**(d/20),b=S(e)*d*h+S(t/3)/h*4e3,F=C(e)*d*h+C(t/5)/h*1e3

Apr 26 2017 2:35 PM UTC

}// 139/140

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

u/magna

Wheeeeee!!!
u/iverjo

#tunnel
u/vain

nice dot tunnel.

show FPS hide FPS share 1 remix fullscreen

vvarr

function u(t) {

i=q=c.width=2e3
for(;i--;x.fillRect(o*C(a)*z+q/2,(r*S(b)+190)*z,z*=z/2,z))z=q/((o=2e2+(r=25+9*C(6*S(a=i/310-t)))*C(b=i%50/8))*S(a+=2*t)+710)

Apr 26 2017 12:06 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

wwooooahhh!!!
u/rileyjshaw

for(i=q=c.width|=0;i--;... can save a few bytes :)
u/Kalanchoe

oh wow! this is mind-blowing
u/sigveseb

Very cool stuff
u/vvarr

Thanks a lot guys, my first dweet! ^^

show FPS hide FPS share fullscreen

BriSeven

remix of d/2554 by u/cantelope

function u(t) {

cx=1e3
for(i=99;i--;)for(j=59;j--;)X=i/2-25-C(t)*2,Y=3+S(i/5)*S(j/5+t*3),x.fillStyle=R(Y*60),x.fillRect(cx+1/j*X*cx,60+Y/j*cx,s=999/j,s)

Apr 23 2017 11:28 PM UTC

}// 136/140

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

u/cantelope

really awesome. I was wishing for a colored "sea". R(0,0,Y*60) yields blue waves :)
u/recursive

I did one kind of like this: https://www.dwitter.net/d/1978

show FPS hide FPS share 2 remixes fullscreen

prawnwarp

function u(t) {

c.width|=0;for(i=0;i<1920;i+=64){for(j=0;j<1080;j+=64){x.fillStyle=`hsla(${i*j},50%,50%,.3)`;s=S((t*j*.01+i))*64+64;x.fillRect(i,j,s,s);
}}

Apr 21 2017 1:53 PM UTC

}// 139/140

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

u/magna

So pretty!
u/cantelope

you can omit the closing parenthesis for hsla and save 1 delicious byte :)
u/donbright

man this is nice

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

a=c.width=2e3;for(j=15;j--;){q=j*9;for(i=50;i--;)x.lineTo(i*(40+q),(99-j*5)*S(t*j*.5+i)+300+j*60);x.lineTo(0,a);x.lineTo(a*2,a);x.stroke()}

Apr 21 2017 12:08 PM UTC

}// 139/140

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

a quick paralx idea, ofcourse would been nicer filled in colors ;) wonder if it can be shorten enough for that.

u/donbright

remix https://www.dwitter.net/d/2547
u/lionleaf

Reminds me of https://www.dwitter.net/d/113
u/joeytwiddle

More sine waves here https://www.dwitter.net/d/1509 ;)
u/13thptr

#parallax

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".

dwitter.net | lionleaf (43234)