Dweets awesomed by u/sChiab8

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

KilledByAPixel

remix of d/16102 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁩🐷𞐬𩡯𫡴🐧𜠵𩑭𘠧𛁴🱔👲🐾𬠪𞀪𣑡𭁨𛡲𨑮𩁯𫐨𚐺𩡩𫁬𥁥𮁴𚀧𡱒𣱗𥁈𙰬𝠰𛀷𜀰𚐻𪐭𛐻𚑦𪑬𫁓𭁹𫁥👒𚁩𛁩𚠳𚐬𩱥𭁉𫑡𩱥𡁡𭁡𚁘👔𚀲𝀰𚐬𦐽𥀨𜠰𜀩𛀱𛀱𚐮𩁡𭁡𦰳𧐦𙡙🀷𝐰𛑴𚠷𙠦𩡩𫁬𤡥𨱴𚁘𚱔𚀲𚐭𜐴𛁙𚱔𚀲𚐭𜐹𛀹𛀹𚐻`.replace(/u../g,'')))

Feb 11 2020 6:36 AM UTC

}// 140/140

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

#growth

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width=640,i=8;i--;x.stroke())x.beginPath(R=3+12**.5*C(t+=22/21)),j=i<2,x.arc(320+150*(2*!i-j),180+260*S(t)*!j/R,130/(j||R*R)**.5,0,7)

Jan 4 2020 12:23 AM UTC

}// 139/140

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

Eight kissing circles

Show more comments…
u/pavel

These are the circles e^is, 1/3*e^is, 1/3*e^is + 2/3*e^i(n*pi/3+t) for n=0..5 transformed via the conformal map (3^.5+z)/(1+3^.5*z)
u/yonatan

Fascinating, but incomprehensible :)
u/yonatan

my best guess: z in the map is coords as a complex number, i is sqrt(-1), e is euler's const? no idea what's s
u/pavel

You got it. s is just a parameter, a real number. If you plot e^is in the complex plane you get a circle (https://en.wikipedia.org/wiki/Euler%27s_form…). Then that map magically moves and resizes things but keeps circles as circles.
u/pavel

This d/17068 is what the circles look like before the mapping. The mapping moves the inner one sideways, outside of the outer circle, and resizes it to be the same size, meanwhile the moving circles keep touching.
u/pavel

Check out https://jsfiddle.net/umL3t1he/9/ on desktop
u/katkip

#apolloniangasket

show FPS hide FPS share fullscreen

pavel

remix of d/17040 by u/pavel

function u(t) {

for(i=c.width|=f=g=>g(a=S(t))*(Math.asin(S(z+t))-2*a+i%2*2-1)+z*g(a-8);i--;x.strokeRect(960+f(C)*h,540-h/2,h/42,h))z=(i/60+t)%32,h=1500/f(S)

Jan 3 2020 12:32 AM UTC

}// 140/140

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

Strafing through wireframes

u/pavel

Alternatively, Dweetenstein 3D
u/KilledByAPixel

👍
u/katkip

#d3 #perspective
u/jylikangas

This is a fresh and inspiring idea - thanks!
u/aleamb

absolutely amazing!

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/14082 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𥐽𝀳𜐻𭱩𭁨𚁸𚑦𫱲𚁦𫱮𭀽𘠷𜡥𫐠𪑭𬁡𨱴𘠬𩡩𫁬𤱴𮑬𩐽𙰣𜐰𜰲𙰬𩡩𫁬𥁥𮁴𚁚👩🐲𜀲𜀬𞐬𜑥𜰬𜐹𜀰𚐻𪐭𛐻𭀫👩𙑕🰰𞠹𚑱👴𙐴𛁑👚𚠨𭀾🠲𚐬𥀽𬐪𥐪𤰨𪐩𛁣𫁥𨑲𤡥𨱴𚁓𚁩𚡩𚐪𥀫𤐥𞐶𝰫𥐬𥐫𤐥𥐫𠰨𪐪𪐩𚡔𛑱𚠳𞐹𚱱𚡱𚡕𛁦🐴𚱩𙐵𛁦𚐻`.replace(/u../g,'')))

Dec 31 2019 3:19 PM UTC

}// 139/140

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

Happy new year!

Show more comments…
u/iverjo

Awesome!
u/katkip

awesome
u/lionleaf

Happy 2020 everyone! Awesome dweet! #fireworks #newyears #nye
u/Qwerty

What do you use to generate those special characters?
u/KilledByAPixel

Compress up to 194 characters into a dweet! 👉 https://www.dwitter.net/d/14282
u/username

u/Qwerty it is d/11852
u/KilledByAPixel

you can replace eval with throw to see the code

show FPS hide FPS share 1 remix fullscreen

DataMeta

remix of d/16988 by u/katkip

function u(t) {

c.width|=0;x.scale(23,23);for(i=96;i--;)for(j=54;j--;)if((i^j)%(g=2+~~t%7))x.fillRect(i+S(t*4+j/g)-1,j+S(t*4+i/g)-1,z=.9,z)

Dec 26 2019 5:35 PM UTC

}// 123/140

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

u/magna

Sweet!
u/sigveseb

very nice
u/gambit

hi im new! can you explain me "c.width|=0" what does it do? thanks
u/DataMeta

Welcome! It's a shorter way of clearing canvas pixels/state. Can be chained like so: for(c.width|=n=i=256;i--;). It can't be done here because we must clear the canvas before scaling it
u/includeRubiks

so cool

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/16909 by u/rodrigo.siqueira

function u(t) {

for(x.fillRect(x.globalAlpha=.1,0,i=2e3,i);r=--i*S(t/3);x.clearRect(960+r*S(a)*C(i)/z,540-r*S(i)/z,s=z>0&&6/z,s))z=1+r/2e3*C(a=i*i+t/9)*C(i)

Dec 19 2019 11:08 PM UTC

}// 140/140

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

#stars #explosion

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/16903 by u/pavel

function u(t) {

for(x.fillRect(N=0,0,i=2e3,i),v=540;Y=S(b=--i**3);x.clearRect(960+v*X/d,v-v*Y/d,Z*=5,Z))Y/=Z=1+C(++N)*C(b),X=S(N)*C(b)/Z,d=X*X+Y*Y+T(t)

Dec 19 2019 7:37 PM UTC

}// 135/140

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

Big Bang and Big Crunch. Black hole explosion, universe formation. #stars #explosion

u/katkip

Awesome!

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=f=o=>4/(1+99**(o-(t+i)%3*8)),x.scale(i=60,i);i--;x.strokeRect(17-X,6+Y,2+X-f(8)+f(19),2+f(1)-f(14)-Y))X=f(7)-f(20),Y=f(2)-f(13)

Dec 18 2019 10:45 PM UTC

}// 140/140

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

Oleg Frolov | Dribbble (sped up due to golfing)

Show more comments…
u/pavel

https://dribbble.com/shots/5836300-Loader-XL…
u/KilledByAPixel

👍
u/katkip

wow
u/katkip

good #loading
u/iverjo

This is cute
u/sigveseb

looks better sped up, too!
u/Leodude123

can i use this as a loading animation?
u/vain

Wonderfull animation !! <3

show FPS hide FPS share 2 remixes fullscreen

katkip

remix of d/16863 by u/KilledByAPixel

function u(t) {

with(x)for(fillRect(0,0,2e3,2e3),q=i=200;i--;beginPath(fill(arc(960+q*T(S(i+t)+i),540+400*C(C(i)+i*2-t*2)*i/q,i/5,0,7))))fillStyle=R(i*i,i)

Dec 17 2019 2:14 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/LydianLights

I like the colors!
u/katkip

looks like flames

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𨠽𦱩🐹𞐹𧐻𛐭𪐻𨡛𪐭𞑝👠𬡡𩁩𨑬𛑧𬡡𩁩𩑮𭀨𙁻𪐪𚠲𛰳𩐳𯑰𮀠𨑴𘀤𮰨𤰨𪐩𚠱𩐹𚱴𚡩𛰹𚐥𜠰𜀭𝐰𯐥𙁻𪐪𞐥𞐹𯐥𛁨𬱬𚀤𮰹𞐪𤰨𪐪𪐩𛐴𜁽𘀹𞐥𙁻𝑥𜰯𪑽𙐩𛀣𜀰𜀩𨀩𬰽𨰮𬱴𮑬𩐻𬰮𨡡𨱫𩱲𫱵𫡤𠡬𩑮𩁍𫱤𩐽𙱳𨱲𩑥𫠧𞱳𛡢𨑣𪱧𬡯𭑮𩀽𨠻`.replace(/u../g,'')))

May 28 2019 9: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).

ＩｎｓｉｄｅＴｈｅＮｅｂｕｌａ #Space

u/katkip

*careless whisper starts playing*
u/magna

#space
u/aleamb

ooooooh!
u/tomxor

so pretty O_O but it is melting my GPU :P
u/KilledByAPixel

#nebula

dwitter.net | sChiab8 (2402)