Dweets awesomed by u/jylikangas

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 1 remix fullscreen

KilledByAPixel

remix of d/14822 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𬠽𦀽🡓𚀨𦁼𜀩𚠪𚁙𯀰𚐩𞱬👟🐾𬠨𦀩𚠨𜐭𦀥𜐩𚱘𙐱𚡲𚁘𚰱𚐻𮀮𩁲𨑷𢑭𨑧𩐨𨰬𜀬𛐱𚐻𩡯𬠨𪐽𜡥𜰻𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚁩𛀱𜀷𞀬𜐬𬐪𜰩𚑘👩𛰳𜀰𚰹𛁙👴𛁱🐴𞐪𚀨𜐭𦐥𜐩𚡬𚀩𚱙𙐱𚡬𚁙𚰫𚐩𛁸𛡦𪑬𫁓𭁹𫁥👠𪁳𫀨𙁻𬐭𜐸𜁽𘀤𮱱𯐥𙁻𝐰𛑱𯐥𨀻`.replace(/u../g,'')))

Jun 28 2019 11:43 PM UTC

}// 140/140

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

Antarctica

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

function u(t) {

with(x)beginPath(save(restore(font="9em'"))),translate(960,540),rotate(-t),moveTo(0,0),clip(arc(0,0,3e3,1.56,1.58)),fillText(u,-t*12*t,t*20)

Jun 24 2019 7:42 PM UTC

}// 140/140

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

Spiral #quine #slowdraw

Show more comments…
u/Xen

very clever!
u/jylikangas

And creative!
u/katkip

#genius
u/KilledByAPixel

Thank you, this one came to me in a dream.
u/katkip

#slowrender
u/iverjo

#waitforit
u/KilledByAPixel

Full explanation on my blog: http://frankforce.com/?p=6232
u/magna

This is great!

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

rodrigo.siqueira

remix of d/14525 by u/rodrigo.siqueira

function u(t) {

for(var I=960;I--;)for(var U=P=X=I/190-3,Q=Y=t/3-1.85,k=14;k--;)U=X,X=X*X-Y*Y+P,Y=2*U*Y+Q,X*X>2?x.fillRect(I*2,t*99,2,2):x.fillStyle=R(k**2)

Jun 14 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).

Red rays from the Mandelbrot Set #mandelbrot #fractal

Show more comments…
u/KilledByAPixel

Amazing.
u/artfarnaa

Is there a way to make these fractal examples render faster? Perhaps offload the calculations to web assembly?
u/username

"Red rays" also known as low iteration count
u/13thptr

u/artfarnaa wasm isn't much faster than js on most platforms and it takes a lot of space to set up
u/13thptr

see u/rbong's work on it
u/katkip

i don't understand this so awesome
u/rodrigo.siqueira

Artfarnaa, it is possible to make super fast, see this pure JS fast implementation: https://csl.name/mandelbrot/ There are many tricks specifically created to calculate Mandelbrot Set (e.g. avoid calculations in a rectangle inside the main set because all pixels are white and calculations in this white area is slower than other parts), but no speed optimization were used here because of space constraints. Some tricks to make it faster: do not use time variable to do calculations (because it is max 60 fps), do not plot each pixel, but store them in an array and plot at once using c.putImageData(img)...
u/KilledByAPixel

There is one way to make it very very fast. I just made a quick shader of it for you! https://www.shadertoy.com/view/wtjGz3
u/artfarnaa

Thanks guys, great inspiration.

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!

show FPS hide FPS share fullscreen

pavel

remix of d/14376 by u/pavel

function u(t) {

t?x.arc(w=960,h=540,h,0,c.width|=0):X=Y=1e3
X*X+Y*Y>2.4e5&&(r=C(t*t)*8+12,U=-X/r,V=-Y/r)
X+=U;Y+=++V;x.arc(w+X,h+Y,5*r,0,7);x.fill`evenodd`

Jun 6 2019 5:00 AM UTC

}// 139/140

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

#physics #bounce updated so ball size reflects speed

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/14338 by u/rodrigo.siqueira

function u(t) {

v=(a,b,Φ,r)=>{for(i=0;i++<r;)x.fillRect(a-=S(Φ),b-=C(Φ),s=r/40,s)
r>2&&v(a,b,Φ+Math.random()-.5,r*=.82)}
t<4&&v(940,1e3,0,45*t)

Jun 3 2019 6:43 PM UTC

}// 127/140

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

Growing root #organic #fractal #tree

show FPS hide FPS share 2 remixes fullscreen

metamero

function u(t) {

w=c.width=1920
t?x.fillRect(a+=p,b+=q,z,z):a=b=p=q=z=42
a>=w-z||a<=0?p=-p:0
b>=1038||b<=0?q=-q:0

May 31 2019 6:52 PM UTC

}// 97/140

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

97B bouncing thing (i bet you can do it smaller)

u/jylikangas

w=c.width|=0 t?x.fillRect(a+=p,b+=q,z,z):a=b=p=q=z=42 a%w<z?p=-p:0 b%1e3<z?q=-q:0 82b
u/joeytwiddle

77B by KilledByAPixel: c.width|=f=w=>(m=(3e3*t%w+w)%w,m>w/2?w-m:m);x.fillRect(f(3814),f(2118),42,42)
u/Xen

71B c.width|=f=w=>(m=3e3*t%w,m>w/2?w-m:m);x.fillRect(f(3814),f(2118),42,42)
u/jylikangas

f=w=>(m=3e3*t%w)>w/2?w-m:m;x.fillRect(f(3814),f(c.width=2e3),42,42) 67B

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

function u(t) {

v=(a,b,Φ,r)=>{for(i=0;i++<r;)x.fillRect(a-=S(Φ),b-=C(Φ),s=r/18,s)
r>9?v(a,b,Φ+.5,r*=.72)&v(a,b,Φ-.5,r):0}
if(t<2)v(S(t**7)*3e3,1e3,0,72*t*t)

May 31 2019 3:04 PM UTC

}// 140/140

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

Autumn forest #tree #recursive #fractal #organic

u/13thptr

nice
u/katkip

Awesome!!
u/SMON

Φ <3
u/aleamb

amazing!

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;i--;x.fillRect(960+200*(r*C(a=i*o/300)-4*o+3),540+200*((1-o)*S(i)*C(b=o*1.6)-r*S(a)*S(b)),8,8))o=t/3%1,r=(1-o)*C(i)+3*o-4

May 30 2019 4:25 AM UTC

}// 138/140

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

#torus #loop

u/katkip

#beesandbombs

dwitter.net | jylikangas (13527)