Dweets awesomed by u/qm3ster

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 5 remixes fullscreen

tomxor

remix of d/20405 by u/tomxor

function u(t) {

eval(unescape(escape`𨰮𬱴𮑬𩐽𙱦𪑬𭁥𬠺𪑮𭡥𬡴𚀧𞱦𫱲𚁬𩑴𘁺𛁁𛁂𛁮𛁘𛁙𛁩🐲𝀻𪐻𦀫👁𛁙𚰽𠠩𚀴𜀫𦀯𝀸𧠱𝠫𦐯𝀸𚐥𜐵🠱🱸𛡦𪑬𫁒𩑣𭀨𦀬𦐬𫠯𚰫𮠪𚠮𝐬𜐯𞀩𞠨𮠽𜐬𬠽𚁮𚰷𚐪𚡩𚡴𛁁🐲𚡓𚁲𚐬𠠽𜠪𠰨𬠩𛀭𛑮𚑼𯀨𫠽𞀬𦀽𜐲𞀰𚱩𚡓𚁴𚐬𦐽𝰲𜀫𪐪𠰨𭀩𛀭𛑩𚐻`.replace(/u../g,'')))

Jan 10 2021 12:15 AM UTC

}// 140/140

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

2D #raymarching #globalillumination

Show more comments…
u/KilledByAPixel

very cool 👍
u/Xen

Love it!
u/Qwitter

cool, i wish i could follow the js. what does the code look like unpacked?
u/Qwitter

Sometimes Im amazed at how stupid I am: 'filter:invert(';for(let z,A,B,n,X,Y,i=24;i;X+=A,Y+=B)(40+X/48^16+Y/48)%15>1?x.fillRect(X,Y,n/++z**.5,1/8):(z=1,r=(n+7)**i*t,A=2*S(r),B=2*C(r),--n)||(n=8,X=1280+i*S(t),Y=720+i*C(t),--i);
u/jellyedwards

Wow!
u/Pascal

damn
u/aleamb

fucking awesome
u/sigveseb

I let it sit for a while and took a screenshot https://imgur.com/a/MokWulC
u/magna

wow
u/DataMeta

absolutely amazing
u/iverjo

Very nice. Writeup please?
u/joeytwiddle

Great! #lighting #shadow
u/vain

great raycast

show FPS hide FPS share 3 remixes fullscreen

rodrigo.siqueira

remix of d/21197 by u/rodrigo.siqueira

function u(t) {

for(i=2e3,f=g=>i*C(i+S(t)**4)*g(i/70)*T(i/999);i--;x.fillRect(960+f(S),540+f(C),9/t,9/t))x.fillStyle=`hsl(${i/t/80},99%,${S(i-t)*99}%,.1`

Jan 8 2021 1:10 PM UTC

}// 137/140

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

Cubist Spiral #spiral

Show more comments…
u/ciaccodavide

Bueautiful! *^*
u/danny@hille.dk

Incredible, love it!
u/Xen

nicely done!
u/DataMeta

this is so rad
u/taupelink

trippy
u/joeytwiddle

That is rich

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`琿琪㴶〺漽⡡㵮敷⁁畤楯䍯湴數琩⹣牥慴敏獣楬污瑯爨⤻焽漮晲敱略湣礮癡汵攽⡴♴㰼㑞琩┸㤷㭸⹦楬汓瑹汥㵒⡱┲㔵ⰰⱱ⼳⤻砮晩汬剥捴⡴┲〴㠭焯㈬焬稽琿焺㉥㌬稩㭯⹣潮湥捴⡡⹤敳瑩湡瑩潮⤻漮獴慲琨⤻`.replace(/u(..)/g,"$1%")))

May 6 2019 6:38 PM UTC

}// 140/140

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

Demo In a Dweet with Music & Graphics! You might need to click the window to start the audio.

Show more comments…
u/KilledByAPixel

The music slowly changes over time and will not stop on its own. This is a new idea combining the oscillator setup with byte beat music to allow for enough space to write graphics code!
u/KilledByAPixel

uncompressed... t?t*=60:o=(a=new AudioContext).createOscillator();q=o.frequency.value=(t&t<<4^t)%897;x.fillStyle=R(q%255,0,q/3);x.fillRect(t%2048-q/2,q,z=t?q:2e3,z);o.connect(a.destination);o.start();
u/KilledByAPixel

Works in Firefox!
u/magna

Awesome!
u/hvianna

Wow! Sounds like opera!
u/username

ffs take this down, this damaged my hearing
u/metamero

#audiovisual
u/KilledByAPixel

Sorry username, I know it is loud and may play automatically in firefox! (even though it shouldn't) I won't be posting any more music for a while so you are safe (for now).
u/albertmelo

You saying that those kanji chars are compressed code?
u/albertmelo

OMG that's so nice!
u/13thptr

Nice
u/iverjo

Very good :) #audio #compressed
u/katkip

MY SPEAKERS EXPLODED WITH SUB BASS AND MADE MY HOUSE VIBRATE
u/katkip

Sounds so good tho sorry for caps
u/pavel

Yeah my sub shook my windows and I freaked out
u/KilledByAPixel

It was worth it! btw I just released a 1k javascript demo album of similar music at http://minbytes.3d2k.com
u/KilledByAPixel

I posted another Dweet where you can make your own equation! https://www.dwitter.net/d/13670
u/KilledByAPixel

#music YouTube version - https://www.youtube.com/watch?v=qWW868WKiWs

show FPS hide FPS share fullscreen

aemkei

function u(t) {

A=c.width=600
X=(a,b,c)=>x.fillRect(a*10,b||a*10,A,A,x.fillStyle=c)
X(-46)
X(13)
X(34,-1)
X(-47,0,"#359")
X(35,-470,"#ED6")
X(14,0,"#D30")

May 3 2019 8:30 AM UTC

}// 139/140

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

Tribute to Mondrian.

u/aemkei

Celebrating 100 Years of #Bauhaus
u/Jezza

Love it!

show FPS hide FPS share 3 remixes fullscreen

pavel

function u(t) {

c.width|=0;for(let i=4e3,X=Y=Z=w=960;i--;x.fillRect(w+w*X/z,w*Y/z,s=64/z/z,s))a=i**t%5/.64,b=!!a,X=X/2+b*S(a+t),Y=Y/2+b,Z=Z/2+b*C(a+t),z=4+Z

May 2 2019 7:40 PM UTC

}// 140/140

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

#sierpinski #pyramid #waitforit #chaosgame

u/pavel

#d3 #perspective
u/Jezza

I really like this!
u/jylikangas

Great! And with performance optimization. :)
u/katkip

UFO :))

show FPS hide FPS share fullscreen

katkip

function u(t) {

t||(q=0);f=frame;for(i=216;i--;)x.fillStyle=R(29-q,i/3,q+=C(i*f+q/99)*2),x.fillRect(f*5,i*5,5,5)

Apr 22 2019 11:34 AM UTC

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

katkip

remix of d/13365 by u/katkip

function u(t) {

α=Math.PI;for(i=1337;i--;)x.fillRect(960+C(α/1*i+t+C(i/3-t)/2)*500,540+S(α/1*i+t+S(i+t)/2)*500,3,3),x.fillStyle=R(128+C(i)*128,i/9,i*t,.2)

Apr 22 2019 8:58 AM UTC

}// 138/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 2 remixes fullscreen

KilledByAPixel

remix of d/13325 by u/KilledByAPixel

function u(t) {

for(i=0;i<2e3;x.fillRect(i?960+i*S(F=260*(t+9)/i+S(i*i)):0,i?500+.2*(2*i*C(F)+2e4/i):0,K=i++?S(i)*9:2e3,K))x.fillStyle=R(99*i,2*i,i,i?1:.4)

Apr 20 2019 7:07 PM UTC

}// 139/140

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

#blackhole

Show more comments…
u/DataMeta

Quite cool!
u/katkip

wow
u/aleamb

epic!
u/donbright

#space #astronomy
u/KilledByAPixel

Full explanation on my blog: http://frankforce.com/?p=6378
u/chenliang

cool
u/katkip

top of the year

show FPS hide FPS share fullscreen

LimeLaser

remix of d/12626 by u/qm3ster

function u(t) {

r=Math.random
p=t?p.map(([u,v,i,j]=[99,99,1,1])=>[u+i,v+j,i+(960-u)/1e4+r()-0.5,j+(540-v)/1e4+r()-0.5,x.fillRect(u,v,4,4)]):[...Array(99)]

Mar 7 2019 7:30 AM UTC

}// 138/140

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

99 Accelerating Particles (thank you qm3ster)

u/LimeLaser

I have been hoping to make a particle system that persists individual positions and velocities for a while now. With the code golfing qm3ster has done, I can finally do it!

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/12658 by u/qm3ster

function u(t) {

for(r=Math.random,i=1e4;i--;x.fillRect(p[0]+=2-4*r(),p[1]+=2-4*r(),2,2))p=u[z=i%2e3]=u[z]||[a=z,b=r()*1080,R(a/8,b/4)],x.fillStyle=p[2]

Mar 7 2019 12:16 AM UTC

}// 135/140

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

A little golf and a color tweak to get some room to play with performance. it seems like the limit is just in drawing; Math.random() seemingly can't be improved on. I'd like to look at putImageData as suggested by https://stackoverflow.com/a/4901604 because it's possible that color parsing is a big overhead cost.

dwitter.net | qm3ster (1063)