Dweets awesomed by u/jellyedwards

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 1 remix fullscreen

joeytwiddle

remix of d/3021 by u/joeytwiddle

function u(t) {

s=speechSynthesis
V=s.getVoices()
c.onclick=l=()=>(U=new SpeechSynthesisUtterance(l),U.voice=V[t%V.length|0],s.speak(U))//U.rate=U.pitch=1.2

Aug 6 2017 8:25 AM UTC

}// 140/140

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

A speaking dweet (international version)

u/joeytwiddle

Chrome users, if your utterance goes over 15 seconds, you may need to close the tab. http://tinyurl.com/chrome-bug-679437
u/cantelope

very clever :)... btw, which dweet of mine crashed your lappy? ...just curious
u/joeytwiddle

This is the one, it can reliably overheat my CPU: https://www.dwitter.net/d/2355 I think it's due to the size of the large squares. I have had to adjust the cooling thresholds!
u/cantelope

:/ sorry about that.
u/joeytwiddle

No worries Cantelope. Wow Mac has a lot of voices. The "Cello" voice is pretty funny! https://codesandbox.io/s/vq48b #audio #speech

show FPS hide FPS share 1 remix fullscreen

nystrand

remix of d/2727 by u/joeytwiddle

function u(t) {

c.width|=p=(X,Y=X,S=X,D=16,r=_=>C(t+=S*D+t/8e6),k=_=>p(X+S*r(),Y+S*r()/3,S*.8,D-1))=>D&&x.fillRect(X,Y,S,S,x.globalAlpha=.01)&k()&k();p(580)

May 16 2017 10:12 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/joeytwiddle

Thank you for this :)
u/magna

WOW
u/donbright

damn
u/joeytwiddle

I learned 5 different tricks from your golfing here!
u/iverjo

#clouds
u/jdspugh

Amazing!

show FPS hide FPS share 2 remixes fullscreen

joeytwiddle

function u(t) {

r=Math.random;p=(X,Y,S,D,k)=>D&&(x.globalAlpha=.01,x.fillRect(X,Y,S,S),k=_=>p(X+2*S*r()-S,Y+S*r()/2,S*.8,D-1),k(),k());t||p(900,0,500,18)

May 15 2017 8:38 AM UTC

}// 137/140

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

Random cloud generator

u/joeytwiddle

You can click on the code and hit Space to see more clouds
u/jick

I would love to see a breakdown of how this works.
u/joeytwiddle

It's a fractal using recursion. p draws a square with the given parameters. Then it calls p again twice to draw slightly smaller squares, offset from the parent.
u/joeytwiddle

Like this but more random (and with 2 children instead of ~7): http://neuralyte.org/~joey/hwimirror/hwi.ath…

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

recursive

function u(t) {

t||(g=h=[])
for(n=i=960;--i+n;x.fillRect(i/d+n,(4-g)*99/d,9,99))h[i]=g=(g+h[i-1]+S(n*g)/9)/2||1,x.fillStyle=R(q=3*(t+9)*g,q,q*q>>7),d=1-t/30

Mar 13 2017 4:23 AM UTC

}// 140/140

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

Rough surface

u/IV

It's like watching Bob Ross: 'happy little trees; anywhere you feel like...'

show FPS hide FPS share 3 remixes fullscreen

recursive

remix of d/1976 by u/recursive

function u(t) {

for(d=256;--d;)for(X=-32;++X<32;x.fillRect(960+X*8e3/d,100+7e4/d-h,120,9))x.fillStyle=R(h=(C(a=d/9+t*6)+C(X/9+a/3))*35,g=h+C(X^d)*6+90,g/.8)

Mar 9 2017 12:33 AM UTC

}// 140/140

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

Bluer waves

Show more comments…
u/sfz

Incredible
u/sigveseb

Epic
u/FireFly

This is crazy, great stuff :D
u/iverjo

Best water on dwitter thus far!
u/iverjo

I also tried to achieve this some time ago, but yours is much more convincing
u/iverjo

https://www.dwitter.net/d/65 and https://www.dwitter.net/d/254 and https://www.dwitter.net/d/295 and https://www.dwitter.net/d/366
u/recursive

Your idea gives really great color to the surface. I wonder if it's possible to animate the colors using your idea, and the wave geometry and lighting using mine.
u/magna

(ノಠ益ಠ)ノ彡┻━┻
u/Renaud___

very very nice
u/jsizzle

Seriously amazing. Wow
u/SpecialAgent

Bravo
u/ideokan

i am a web developre, feeling like a dumb monkey in here
u/PiggyClone205

Welcome to the club, ideokan.
u/Godcranberry

This sis amazing, totally my favorite
u/Godcranberry

is* mb fam
u/iverjo

#water
u/hollo47

#ocean
u/katkip

#waves
u/vain

Very nice and lovely wave

show FPS hide FPS share 3 remixes fullscreen

iverjo

remix of d/89 by u/iverjo

function u(t) {

c.width^=0;for(i=5e3;i--;)p=3*t+S(t/2)*i/3e3+i%4/.637,d=C(p)-S(p),d>0&&x.fillRect(960+199*S(p)+249*S(t/.7+i/6e3),i/4-2,199*d,1/(d+1))

Feb 24 2017 6:50 PM UTC

}// 133/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/SpecialAgent

nicely done!
u/Kalanchoe

Flawless!
u/donbright

oh wow, the shading!
u/sigveseb

Good twister! Can we add color?
u/iverjo

Color would be awesome :) Feel free to try to add it
u/sigveseb

https://www.dwitter.net/d/1267 red
u/iverjo

Here's a purple version. Had to make some compromises. https://www.dwitter.net/d/1278
u/donbright

i attempted a rainbow version https://www.dwitter.net/d/1282
u/iverjo

#twister
u/vain

nice twister

show FPS hide FPS share fullscreen

iverjo

remix of d/197 by u/iverjo

function u(t) {

c.width^=0;n=900;for(i=9;i++<n;)p=t+i/99,s=3/(9.1-p%9),x.beginPath(),x.lineWidth=s*s,x.arc(n+99*S(p),300*s,49*s*S(i/159),i,i+1),x.stroke()

Feb 24 2017 6:44 PM UTC

}// 138/140

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

Snek!

u/joeytwiddle

Bless the coming and going of Him. May His passage cleanse the world.
u/iverjo

#3d
u/ximavus

I like snek

show FPS hide FPS share fullscreen

iverjo

remix of d/464 by u/iverjo

function u(t) {

for(j=1080;j--;){a=b=0;for(k=35;k--&&a*a+b*b<4;a=c)c=a*a-b*b+t*6e-10-1,b=Math.abs(2*a*b)+j/1e11-1;x.fillRect(t*60,j,1,S(k/9))}

Feb 23 2017 5:10 PM UTC

}// 126/140

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

Burning ship fractal. Feel free to play with the parameters to find other interesting locations in the fractal

dwitter.net | jellyedwards (41548)