Dweets awesomed by u/baon

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 fullscreen

Blacklink

function u(t) {

eval(unescape(escape`㭣⹷楤瑨簽愽〻猽㔰⭃⡴⤪⠳〫⸱⩴⤻景爨㭡㰱㤲〻愫㵳⥻景爨戽〻戼㄰㠰㭢⬽猩筥㵡⼴㠰ⴲ⸵㭦㵢⼴㠰ⴱ㭨㵤㵮㴰㭷桩汥⡨⩨⭤⩤㰴☦渼琩筧㵨⩨ⵤ⩤⭥㭤㴲⩨⩤⭦㭨㵧㭮⬫絩昨渼琩砮晩汬剥捴⡡Ɫⱳⱳ⥽紻`.replace(/u(..)/g,"$1%")))

Jul 3 2019 3:01 PM UTC

}// 140/140

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

An animation showing the impact of resolution and loop depth on the quality of a mandelbrot!

Show more comments…
u/Blacklink

I think that I 'may' have been able to make it draw the pattern without compression but to make it more unique I wanted to add these features which required compression
u/Blacklink

the resolution changes but also the max resolution increases over time, just as the loop depth increases over time
u/Xen

woah! that is damn impressive! i love it
u/Xen

#waitforit #mandelbrot
u/katkip

#fractal #slowrender
u/KilledByAPixel

👍

show FPS hide FPS share fullscreen

stefano

function u(t) {

c.width=1920;d=60
for(i=1;i<32;i++)
for(j=1;j<18;j++)
{
h= C(t)*(d*S(i/32));
w= C(t)*(d*S(j/18));
x.fillRect(i*d-w/2,j*d-h/2,w,h)
}

Jul 2 2019 12:44 PM UTC

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

KilledByAPixel

function u(t) {

c.width|=c.style.background="#CDF";for(j=3e3;j--;x.arc(960,540,430+60*S(j/500+a*4)*(S(a-t)/2+.5)**9,a,a))a=j/159+t,x.lineWidth=29
x.stroke()

Jul 1 2019 2:56 PM UTC

}// 140/140

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

Circle Wave #beesandbombs 🐝 💣

u/KilledByAPixel

This one was fun because I found a way to combine the loops and hide the start/end gap that removes the need for a beginPath. Freeded up enough space for background color, or something cool in a remix.
u/aleamb

yeah!
u/pavel

Buggy in Safari. Jagged things sticking out, i think from the line end-caps, also breaks after a while because you didn't wrap-around the angle in arc.
u/pavel

Huh, actually both issues are resolved by modding the arc angle by 2*pi
u/KilledByAPixel

Explanation for how it works at http://frankforce.com/?p=6597

show FPS hide FPS share 2 remixes fullscreen

pavel

remix of d/14826 by u/KilledByAPixel

function u(t) {

for(w=j=c.width|=f=o=>500*C(q=22/7/(3+~~o*5%8))/C((a+t)%(2*q)-q);a=44/7*--j/w;x.arc(960,540,f(t+1)*e+f(t)*(1-e),a,a))e=(t%1)**9
x.fill()

Jun 29 2019 7:03 AM UTC

}// 136/140

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

u/13thptr

smooth
u/katkip

wooow
u/KilledByAPixel

I knew pavel would make it better. ;)
u/KilledByAPixel

https://imgur.com/MDGvSaU
u/donbright

amazing

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/14781 by u/KilledByAPixel

function u(t) {

P=2*Math.PI
t/=2
p=P/(3+~~t%5)
for(w=j=c.width|=0;j--;x.arc(960,540,500*(1+(C(p/2)/C(a%p-p/2)-1)/(1+1e5**C(P*t))),a,a))a=P*j/w
x.fill()

Jun 29 2019 3:01 AM UTC

}// 135/140

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

u/KilledByAPixel

Amazing!
u/katkip

too math for me

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪁼👦👧🐾𚁫𙐱𝠦𙠱𚱫𙐲𚠮𝀱𝀩𚡧𚁡🐮𝰸𝐴𚠨𪰫𜠯𚀱𚰱𩐳𚠪𚁴𙐱𚠴𛑩𚐩𚐩𛁫🐵𝰻𪐽𛐭𪰾🠴𞱸𛡦𪑬𫁒𩑣𭀨𞐶𜀫𝰰𜀪𦀯𮠭𬰬𝐴𜀫𝰰𜀪𦐯𮠭𬰬𬰪🐲𛁳𚐩𦱘𛁙𛁚𧐽𦱘👦𚁃𚐬𪐭𜠬𩠨𤰩𛁘𛁩𛐲𧐮𬱬𪑣𩐨𭀥𜰩𛁺🐳𚱚𛁳🐹𞐯𮠯𮠻`.replace(/u../g,'')))

Jun 19 2019 3:43 AM UTC

}// 139/140

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

Rubik's Cube Movement

Show more comments…
u/pavel

191 for(c.width|=f=g=>(k%16&&1+k%2*.414)*g(a=.7854*(k+2/(1+1e3**(t%1*4-i)))),k=57;i=--k>>4;x.fillRect(960+700*X/z-s,540+700*Y/z-s,s*=2,s))[X,Y,Z]=[X=f(C),i-2,f(S),X,i-2].slice(t%3),z=3+Z,s=99/z/z
u/katkip

too good.
u/username

Rubik's Cubes cannot move the middle layer
u/pavel

If you hold the sides the middle moves, no? How could it not!
u/pavel

Here are notation-only moves for(c.width|=f=g=>(k%16&&1+k%2*.414)*g(a=.7854*(k+y*2/(1+1e3**(t%1*4-i)))),k=57;i=--k>>4;x.fillRect(960+700*X/z-s,540+700*Y/z-s,s*=2,s))[X,Y,Z]=[y=i-2,X=f(C),f(S),y,X].slice(t%3),z=3+Z,s=99/z/z
u/username

Technically you are moving both sides at the same time in that case instead of moving the middle layer.
u/katkip

^
u/pavel

That's not what technically means. You have a mental model that only permits sides to move, and you have that model because adding middle rotations would be notationally redundant in that model. This does not mean middle rotations are somehow impossible or that they definitely consists of two side rotations.
u/username

Erm, the middle layer is attached to the core, that is what I mean. It is about the construction of a Rubik's Cube.
u/username

http://www.madehow.com/images/hpm_0000_0007_…
u/pavel

Still seems like this is a matter of perspective. You are chosing a perspective in which the core is always fixed, even though the motion I am describing specifically involves holding the two sides fixed and rotating the core... In my reference frame the core is rotating. So what if the core contains more parts than the side pieces when you take the cube apart?
u/13thptr

that escalated quickly
u/donbright

maybe they dont actually move like this... but they should!

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀪🐱𞱴𯁼𚁱🐰𚐻𩠽𚁡𛁢𛁣𛁤𚐽🡻𨐫👃𚁣𚐪𩀬𨠫👓𚁣𚐪𩀬𞐬𞐻𩀾𜐿𩠨𨐬𨠬𨐪𨠪𨰯𜑥𞐫𨰪𜠬𩀯𜠩𞡸𛡦𪑬𫁒𩑣𭀨𨐬𨠬𜰬𜰩𯐻𩡯𬠨𪐽𝀹𞐹𞱩𛐭𞰩𩠨𞐶𜀬𝐴𜀬𬐬𜠵𜀩𛁱𚰽𛠰𜀴`.replace(/uD./g,'')))

Jun 15 2019 12:46 PM UTC

}// 117/140

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

Chaotic movement spirograph fractal #fractal #spirograph #chaos

u/magna

Awesome!
u/joeytwiddle

Pretty cool. Has an alien #organic feel to it.

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼🐰𞱦𫱲𚁩🐱𜐰𞱩𛐭𞱸𛡲𩑳𭁯𬡥𚁸𛡦𪑬𫁔𩑸𭀨𘡒𩑦𫁥𨱴𘠬𪐿𞐫𪐪𤰨𪐯𜰫𭀪𞐩𛰲𞠹𛀵𝀰𚱩𚠲𚠵𚐩𚑸𛡳𨑶𩐨𮀮𩡯𫡴🐢𝀱𩑭𙰢𚐬𮀮𨡥𩱩𫡐𨑴𪀨𚐬𮀮𬡥𨱴𚀰𛁩𚠵𚰵𝀰𛀲𩐳𛀵𚐬𮀮𬱴𬡯𪱥𤱴𮑬𩐽𘠣𜀰𡠢𛁸𛡳𭁲𫱫𩐨𚐬𪐦𙡸𛡣𫁩𬀨𚐻`.replace(/u../g,'')))

Jun 13 2019 6:59 AM UTC

}// 140/140

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

Reflect

show FPS hide FPS share 2 remixes fullscreen

simonmkwii

remix of d/13488 by u/pavel

function u(t) {

for(x.fillRect(0,0,i=640,i);z=--i**.3;x.fillStyle=R(0,500/--z))x.setTransform(s=20/z,0,0,s,0,0),x.fillText(';',i%z*99,t++%z*60)

Jun 9 2019 6:59 AM UTC

}// 127/140

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

;

u/katkip

um ok
u/lionleaf

#matrix :) Nice one
u/Xen

oooo

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;r=S(k=--i>>6)**2;x[i%64?'fillRect':'clearRect'](7-k/4,0,r,r))x.setTransform(99,0,0,42,960,32*k+(i%64*r||3)),x.rotate(3*t+k)

Jun 7 2019 6: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).

#box #tornado #d3

u/aleamb

amazing!
u/donbright

how the....
u/KilledByAPixel

❒
u/vain

hard to believe... top!

dwitter.net | baon (14761)