Dweets awesomed by u/AlephCubed

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

BackendForth

function u(t) {

if(!t)p=960,q=5,n=1,r=9
p+=C(n)*r
q+=S(n)*r
x.lineTo(p,q)
x.stroke()
n+=.1
r+=.01
if(p<0||p>1920||q<0||q>1080)n-=3.14

Apr 25 2021 11:54 AM UTC

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

contone

function u(t) {

x.save()
x.translate(960,540)
x.rotate(f=frame)
x.translate(-f,-f)
x.fillText("🐓",0,0)
x.restore()
x.font="9cm'"
x.fillText("🐔",720,630)

Apr 5 2021 3:14 PM UTC

}// 136/140

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

chicken reality

show FPS hide FPS share 1 remix fullscreen

anotherkitten

function u(t) {

for(i=96;i--;x.fillRect(i*20,540-(Y=S(t+i)*500+90),20,Y))x.fillStyle=R(C(t+i)*200)

Feb 20 2021 7:53 AM UTC

}// 82/140

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

splitting apart

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/19371 by u/danny@hille.dk

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁦𪑬𫁓𭁹𫁥👒𚀹𛀰𛀹𛀮𜐩𛁦𪑬𫁒𩑣𭀨𜀬𜀬𭰽𜡥𜰬𪀽𭰩𛁤𬡡𭱉𫑡𩱥𚁣𛀰𛀴𛁷𛁨𛀰𛀰𛁷𛁨𚐬𪐽𞐹𞰭𛑩𞱦𪑬𫁒𩑣𭀨𤰨𪐩𚡳𚰱𩐳𛁃𚁩𚐪𬰫𝐰𜀬𞐬𞐩𚑦𪑬𫁓𭁹𫁥👒𚁳🐱𝰵𚠨𤰨𝐪𪐭𤰨𭀯𜠩𚠲𞐩𚡓𚁴𚐫𜠩𚐻`.replace(/u../g,'')))

Oct 9 2020 5:51 PM UTC

}// 131/140

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

quick play and golf

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

smtsjhr

function u(t) {

c.width=1920;n=40;d=50;
for(i=0;i<n*n;i++){
k=i%n;j=(i-k)/n;f=(j*k+n*n)*t/1000;
x.fillRect(d*j,d*k,d*S(f),d*C(f))}

Mar 11 2020 5:27 AM UTC

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

Leodude123

function u(t) {

eval(unescape(escape`猽挮獴祬攻献扡捫杲潵湤䉬敮摍潤攽❳捲敥渧㭦潲⡢㵛椽㤹崻椭ⴻ扛楝㵠牡摩慬ⵧ牡摩敮琨⑻匨椪椩⨲⬲⸵絥洠慴․笵〫ㄵ⩓⡱⥽┤筙紥Ⱔ筒⠲㔵ⱙⱙ⼷ⱙ⼴㤭⸳⥽Ⱓ〰〩怩夽㐸⬲㘪䌨焽椫琩㭳⹢慣歧牯畮搽戻`.replace(/u(..)/g,"$1%")))

Jan 15 2020 6:33 PM UTC

}// 140/140

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

u/KilledByAPixel

nice, what did you change?
u/Leodude123

Nothing!
u/lionleaf

Looks like the previous one is missing a )

show FPS hide FPS share 3 remixes fullscreen

New_Core

remix of d/17189 by u/yonatan

function u(t) {

x.fillRect(0,0,w=2e3,w)
for(let i=480;i--;x.strokeRect(0,560+i,w,w))x.setLineDash([i]),x.lineDashOffset=-960%i+i*t*5,x.strokeStyle=R(i)

Jan 14 2020 1:32 PM UTC

}// 135/140

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

u/Xen

nice!
u/katkip

#floor
u/sEkKi

Bruh
u/jeyko

you can save characters by removing "let"

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

pavel

remix of d/13487 by u/KilledByAPixel

function u(t) {

for(i=t?c.width|=d=_=>u[j=q&-64|p>>6]=-!u[j]|1:(p=q=540,r=7,s=4);i--;)u[i]||x.fillRect(i?i%64*64:p+=r*=d(p+=r),i?i:q+=s*=d(q+=s),z=i?64:9,z)

Apr 27 2019 4:26 AM UTC

}// 140/140

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

#breakout #tribute

Show more comments…
u/pavel

Had to make some visual sacrifices to get this #uncompressed
u/pavel

I discovered p+=r*=d(p+=r);q+=s*=d(q+=s) as part of messing around with this. Why does it work?
u/pavel

:)
u/KilledByAPixel

Oh wow, nice! That's the code that updates the position, velocity and applies collision for x and y. It needs to call the d function to check its colliding and also set the block to 1 if it does. It needs to check x and y separately so it knows which side to bounce off
u/pavel

Notice how d only takes one argument, and it ignores it.
u/KilledByAPixel

I see what you did there. So many great tricks in this one.
u/pavel

p+=r*=d(p+=r) the inner p+=r increments p and d ends runs with that value, however the outer p+= caches the old value of p so when d resolves the inner p+=r is silently ignored!
u/pavel

#physics

dwitter.net | AlephCubed (5594)