Top dweets by u/joeytwiddle

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

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

c.width=420;x.scale(25,25),i=0;for(j of '🌇🌆🌅🌉🌃🌌⛺🌄')k=4*C(6.28*i++/8-t/5)-3,x.globalAlpha=k<0?0:k,x.fillText(j,3,9)

Apr 30 2018 10:27 AM UTC

}// 114/140

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

Stellar-themed serene scenes

u/lionleaf

Nice one! #emoji
u/joeytwiddle

Blurred out of the park in Chrome v83 on Linux
u/joeytwiddle

Fixed version: c.width=420;x.font="13em'",i=0;for(j of "🌇🌆🌅🌉🌃🌌⛺🌄")k=4*C(6.28*i++/8-t/5)-3,x.globalAlpha=k<0?0:k,x.fillText(j,75,185)

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/8288 by u/joeytwiddle

function u(t) {

for(c.width|=k=512;k--;x.fillRect(960-W-12*j*C(a=t+i*17),960-j*(p=i+4*S(a)),2*W,p))i=k>>5,j=k%32,x.fillStyle='#fc74',W=99*S(j/10)

Nov 7 2018 5:25 AM UTC

}// 129/140

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

An orange flower for Diwali

u/joeytwiddle

#flower #diwali https://en.wikipedia.org/wiki/Diwali
u/aleamb

coool

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/2474 by u/joeytwiddle

function u(t) {

c.width|=i=30;with(x)for(lineWidth=45;i--;r%4&&stroke())beginPath(r=2+i%10),arc(940,540,r*44,s=i+4*S(t/3+i),s+(4+i*3)%6)

Mar 31 2018 6:20 AM UTC

}// 120/140

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

Revision Logo (golfed)

Show more comments…
u/joeytwiddle

Info: http://revision-party.net Live: https://www.twitch.tv/revisionparty Videos: https://www.youtube.com/user/RevisionParty
u/sigveseb

You at revision joeytwiddle?
u/joeytwiddle

Sadly not. Still on the wrong continent. My crew too. But I'm tuned in.
u/lionleaf

Too bad :( I actually flew in from a different continent; you need a stronger excuse!
u/joeytwiddle

Hehe well I'm also trying to save the oil. Although I'm realising it's useless :(
u/joeytwiddle

Downloads: http://www.pouet.net/party.php?which=1550&am…
u/iverjo

#revision
u/joeytwiddle

#logo
u/Coalshork

i cant not see the earthbound boss background lol

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/7333 by u/Batrachus

function u(t) {

for(i=d=960,c.width=d;i--;x.arc(d/2+(j-.5)*S(t)*d/2,d/4+S(3*j)*d/8,M,0,7))j=i/d,M=d/2*Math.max(0,S(2.5*j+.6)/6-.06)+12;x.stroke()

Mar 18 2018 9:06 AM UTC

}// 129/140

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

Smooth banana

u/joeytwiddle

We need x.beginPath() to draw filled circles, so instead this draws lots of hollow circles
u/iverjo

#banana

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/4805 by u/Jezza

function u(t) {

c.width=640;d=-2.1;e=1.9;for(i=l=j=t;i<6e4;i++)k=S(d*l)+C(t)*C(j*d),m=S(e*j)+S(t)*C(l*e),j=k,l=m,x.fillRect(320+j*100,180+l*70,.3,.3)

Dec 30 2017 3:29 PM UTC

}// 133/140

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

u/xem

Splendid
u/joeytwiddle

I do like adding alpha to other people's attractors http://bit.ly/2pZCrOg http://bit.ly/2DDaPjO
u/joeytwiddle

This version is easier to resize: https://www.dwitter.net/d/5336
u/joeytwiddle

Please do give Jezza an upvote. They did most of the work here!
u/katkip

#attractor

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

joeytwiddle

remix of d/27279 by u/joeytwiddle

function u(t) {

for(h='<div style=perspective:99vw>',i=20;i--;)h+=`<div style=transform:rotateY(${7*C(i/27+t/2)}rad)>${x+x}</div>`
document.body.innerHTML=h

Jun 9 2024 3:37 PM UTC

}// 140/140

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

#text #perspective #twister fixes

u/cantelope

neat
u/lewdev

What the heck is perspective? This is so cool! I changed its value to 30vw which made the effect a lot more dramatic 😁

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/17943 by u/katkip

function u(t) {

for(c.width=i=99,x.fillStyle='#024';i--;c.style.filter=`blur(9px)contrast(15)invert()`)x.fillRect(50+22*(q=C(i+t%20)),99-50*C(q)-i*t%40,4,9)

Mar 15 2020 2:54 PM UTC

}// 140/140

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

Spirits in the flame

u/katkip

scary
u/Xen

Fire!
u/aleamb

wow! love it!
u/aleamb

#fire #flame

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/11549 by u/joeytwiddle

function u(t) {

for(R=Math.random,i=700;i--;x.fillRect(960+r*C(a),80+y+r/9*S(a),.2,.2))y=896*R(),T=y>768,r=T?30:(y|127)*(y*S(y/300)-2*y%128)/1313,a=9*R()

Dec 25 2019 2:02 PM UTC

}// 137/140

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

A quick and dirty Merry #Christmas #tree mix

u/katkip

Awesome!
u/Xen

nicely
u/iverjo

Great!
u/joeytwiddle

I originally felt a little ashamed to post because the distribution of dots is not uniform, hence "dirty", but your kind comments have reminded me that nobody really cares. Indeed, bugs like this can even give an image more character than perfection would. Thanks! 🙏

dwitter.net | joeytwiddle (2443)