Dweets awesomed by u/KilledByAPixel

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.

Theme challenge of the month: #glass

show FPS hide FPS share fullscreen

Xen

function u(t) {

t?0:c.width=199
for(i=19;i--;x.fillText("O",i%2*12-12+(t|0)*24,i*10))x.fillText("Si",(t|0)*24,i*20)

Mar 29 2020 12:38 AM UTC

}// 99/140

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

#Glass

u/Xen

SiO₂
u/tomxor

Nice! although i think technically crystaline makes it quartz; glass is amorphous but I no idea how that would look.
u/Xen

you got me 🤣🤣🤣

show FPS hide FPS share fullscreen

pavel

function u(t) {

f=(i,j=i%1,k=~~i,m=j*j*(3-2*j))=>S(k*k)*m---m*S(--k*k)
for(i=c.width|=0;i--;)x.fillRect(i,540+99*f(i/32+5*t),5,5)

Mar 28 2020 9:41 PM UTC

}// 113/140

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

I would love to find a better / shorter 1D noise function #challenge

u/pavel

This one assigns a 'random' number to each integer k via S(k*k) and uses smoothstep to interpolate between them.
u/pavel

Another idea to play around with f=(i,n=9)=>n&&C(n**.5*i)/n+f(i,n-1)

show FPS hide FPS share fullscreen

jellyedwards

function u(t) {

c.width=400;for(i=5;i--;x.fillRect(0,100+i*10,400,1))x.font='25px A';for(m=t*5|0;m--;x.fillText('🎵',-t*99+m*25,100+10*(m%9>4?n:4-n)))n=m%5

Mar 28 2020 7:30 PM UTC

}// 138/140

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

Philip #glass

show FPS hide FPS share fullscreen

WorldMerge

function u(t) {

x.fillText("◤",400,1000);
eval(unescape(escape`𮠽𝐰𜀻𨰽𜐶𝠻𮀮𩡩𫁬𤡥𨱴𚀰𛀰𛁺𛁺𚐻𮀮𩡩𫁬𤡥𨱴𚁺𚰱𜀰𛀰𛁺𚠴𛁣𚐻𮀮𩡩𫁬𤡥𨱴𚁺𚰱𜀰𛁺𛰱𛠵𛁺𚠴𛁣𚐻𮀮𩡩𫁬𤡥𨱴𚀰𛁺𚰱𜀰𛁺𚠴𛁣𚐻𮀮𩡯𫡴🐢𝐰𜁰𮀠𨐢𞰻`.replace(/u../g,'')))

Mar 28 2020 4:36 AM UTC

}// 135/140

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

This American Life Logo, Host is Ira #glass

u/WorldMerge

Original uncompressed code: z=500;x.fillRect(0,0,z,z);x.fillRect(z+100,0,z*4,z/3);x.fillRect(z+100,z/1.5,z*4,z/3);x.fillRect(0,z+100,z*4,z/3);x.font="500px a";x.fillText("◤",z-100,z+z);
u/WorldMerge

I used u/metamero 's compressor: https://www.dwitter.net/d/11852
u/13thptr

Hi :) your code can be shortened so that it fits into 140c without compression : z=500;x[s="fillRect"](0,0,z,z);x[s](600,0,z*4,z/3);x[s](600,z/1.5,z*4,z/3);x[s](0,600,z*4,z/3);x.font="500px'";x.fillText("◤",400,z+z)

show FPS hide FPS share fullscreen

pavel

remix of d/18074 by u/pavel

function u(t) {

c.width|=f=(X,Y,d,z=2+X*S(a=Y-4*t))=>d>>8?x.fillRect(960+1e3*X*C(a)/z,540+1e3*Y/z,6,6):[t,t+2,t+4].map(i=>f(X+C(i)/d,Y+S(i)/d,2*d));f(0,0,2)

Mar 28 2020 3:27 AM UTC

}// 140/140

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

#sierpinski dance

u/sigveseb

Very clean!
u/DataMeta

So smooth!

show FPS hide FPS share fullscreen

xem

remix of [deleted]

function u(t) {

c.width=40;for(i of["pixelated","crisp-edges"])c.style.imageRendering=i;x.font="16px a";x.fillText(String.fromCodePoint(127744+t*5|0),0,16)

Mar 27 2020 4:42 PM UTC

}// 139/140

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

Experiment: show every emoxi as a 16*16px sprite with crisp edges (Fixed for Fx & Chrome)

show FPS hide FPS share fullscreen

draseil

function u(t) {

c.width=1920 // clear the canvas
x.fillRect(400+10+T(t)*300,400,1000,200) // draw 50x200 rects

Mar 27 2020 10:52 AM UTC

}// 94/140

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

The Train Is Leaving The Station

u/tomxor

Abstract! Welcome to dwitter :)

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

c.width|=f=(X,Y,r=Y,i=r>9&&3)=>{for(x.fillRect(X,Y,s=r<10&&12,s);i--;)f(X+r/2*C(a=23*i+t*C(i)),Y+r/2*S(a),r/2)}
f(960,540)

Mar 27 2020 6:17 AM UTC

}// 122/140

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

Why can't you just be normal #sierpinski ?

Show more comments…
u/pavel

I have no idea why this works. I was messing around with something else and then a sierpinski triangle popped out and started spinning around...
u/xem

love the explanation ^ :D
u/katkip

nice
u/pavel

I think I figured it out. If you set s=12 the structure becomes more apparent. +t*C(i) doing SO MUCH WORK is an amazing accidental find.
u/pavel

This certainly looks like a 2d projection of something 3d, how to get the depth information?
u/pavel

The trick is to rng three 2d vertices and smoothly vary them. Every combination uniquely maps to a valid 2d projection of a 3d plane so our brains infer the 3d shape.
u/pavel

for(c.width|=i=3;i--;x.lineTo(960+500*S(i*t),540+500*S(i+t)));x.fill()

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

x[f="fillRect"](0,0,2e3,2e3)
for(i=600;i--;x.fillStyle=R(i*T))x[f](T=800,199+i,i?M=24+C(t)*20:320,6),x[f](T-i*2,T+i,M+i,C(i/150))

Mar 25 2020 5:19 PM UTC

}// 129/140

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

Quarantine Door

u/sigveseb

Nice concept

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/18058 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁴🱴𚠽𝠰𞡳𨱡𫁥𚀹𛀹𚐬𨡥𩱩𫡐𨑴𪀨𬱴𬡯𪱥𚀩𚐬𪰽𝐻𪰻𩡩𫁬𤱴𮑬𩐽𨁨𬱬𚀤𮱓𚁴𚐪𜐹𛑴𙐴𚠹𞑽𘀹𞐥𙁻𝠵𚰱𞐪𤰨𦀩𯐥𨀩𨐽𚁴𚰨𪰥𝀼𜠩𚐥𜐶𚠮𝀬𦀽𭀯𜐶𚰨𛐭𪰥𝀼𜠩𯀰𛁦𪑬𫀨𨑲𨰨𞐹𛀶𜀬𦀪𞐫𤰨𦀪👡𚰹𚐪𜰬𨐫👓𚁘𚡘𚐯𜠹𛁡𚐩`.replace(/u../g,'')))

Mar 25 2020 5:05 PM UTC

}// 140/140

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

Stained #Glass

dwitter.net | KilledByAPixel (22378)