Dweets awesomed by u/veubeke

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

pavel

function u(t) {

for(c.width|=i=4;--i;x.arc(480*i+R-30*o,540,R>0?R:-R,0,7))o=2-(t+1.5-i)%3/3*4,R=15*o+60/o;t&1&&x.arc(0,540,1e4,0,7);x.fill`evenodd`

Jul 6 2019 3:54 AM UTC

}// 131/140

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

Show more comments…
u/pavel

Based on https://www.reddit.com/r/loadingicon/comment…
u/joeytwiddle

That's a nice subreddit for inspiration
u/KilledByAPixel

👍
u/Xen

love it!
u/magna

Awesome!
u/katkip

wow!
u/aleamb

love it!
u/Joachim

#loading

show FPS hide FPS share 1 remix fullscreen

Blacklink

function u(t) {

for(c.width|=i=0;i<8;i++){b=400
x.font=b+"px a"
l="🏠"
if(i%3==0)l="🌳"
x.fillText(l,(t*999+b*i)%2400-b,b)}x.fillText("🏍️",900+S(t)*99,700)

Jul 3 2019 5:37 PM UTC

}// 137/140

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

u/pavel

Nice
u/KilledByAPixel

looks awesome in firefox, terrible in chrome.
u/username

for me it looks the same in both browsers
u/katkip

Durarara
u/katkip

^ Celty

show FPS hide FPS share fullscreen

pavel

function u(t) {

eval(unescape(escape`𬀽𣑡𭁨𛡐𢐻𫰽𤰨𭀪𬀯𜠩𞱏👴𛰲𙐳𯀰𞱸𛡦𪑬𫁓𭁹𫁥👯🀰🰧𘱦𩡦𙰺𤠨𚐻𩡯𬠨𪠽𜠰𜀻𦐽𪠭𛐾🠴𞱸𛡦𪑬𫀨𚐩𩡯𬠨𮀮𨡥𩱩𫡐𨑴𪀨𪐽𝀩𞱩𛐭𞰩𮀮𨑲𨰨𝠹𚠨𪠥𜐶𚠲𛑙𙐲𛑏𚐬𝠹𚠨𚁙𚱏𛰳𚐪𜰪𚠮𝐭𝀩𛀱𜰸𚡯𚡯𛁡👰𛰳𚠨𜠪𪐭𫰪𫰭𜰯𜠩𛁡𚐻`.replace(/u../g,'')))

Jul 3 2019 4:25 AM UTC

}// 137/140

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

Triangles #loop

u/pavel

187 p=Math.PI;o=S(t*p/2);O=t/2%3|0;x.fillStyle=o<0?'#fff':R();for(j=200;Y=j-->>4;x.fill())for(x.beginPath(i=4);i--;)x.arc(69*(j%16*2-Y%2-O),69*((Y+O/3)*3**.5-4),138*o*o,a=p/3*(2*i-o*o-3/2),a)
u/KilledByAPixel

👍
u/katkip

#beesandbombs
u/katkip

#compressed

show FPS hide FPS share fullscreen

veubeke

function u(t) {

with(x)t?(fillStyle='#fff',A=(Y,R,X=0)=>beginPath(arc(99+X,45+Y,R,0,7),fill(),stroke())||A,A(0,5)(1,5,10)(0,.5)(1,.5,9)(22,20)):scale(9,9)

Jul 1 2019 7:57 PM UTC

}// 138/140

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

http://www.hurriyetdailynews.com/argentine-c…

u/joeytwiddle

#tribute
u/magna

:(

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/14627 by u/KilledByAPixel

function u(t) {

x.fillRect(0,0,c.width|=0,2e3)
x.fillStyle="#5CF"
for(i=8;i--;x.arc(960+250*C(b),540+250*S(b),250,z=t+b,z+3.142))b=i*.7854
x.fill('evenodd')

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

Half Circle Pinwheel

u/katkip

#flower

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

with(x)for(k=i=1080;i---99;beginPath(fill(arc((i**3+p)%2e3,(i*i+p)%k,k/(i/(6+S(t*4+i)*6)),0,7))))fillStyle=`hsla(${i+(p=t*250)},99%,60%,.05`

Jun 22 2019 3:15 AM UTC

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

veubeke

function u(t) {

V=t?[Math.random()*48|0,...V.slice(0,c.width=480)]:[]
for(i=48;i--;x.fillRect(i*10,260,9,-S*9))S=0,V.map(v=>S+=v==i),x.fillStyle=R(99+S*9)

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

Random number distribution

u/username

seems flawed
u/veubeke

Because it’s showing the last 480 numbers. If you accumulate more data it eventually evens out.
u/joeytwiddle

#random numbers are more likely to coincide than fall evenly. Coincidences are almost guaranteed! https://en.wikipedia.org/wiki/Birthday_probl…

show FPS hide FPS share fullscreen

veubeke

function u(t) {

c.width^=0
for(X=80;X--;)for(Y=45;Y--;x.fillRect(X*24,Y*24,$/5,$/5))$=Math.hypot(X-40-S(t)*16,Y-22)*6,x.fillStyle=`hsl(${$*80},90%,50%)`

Jun 19 2019 11:35 AM UTC

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

veubeke

function u(t) {

t?T=T&&T-1:onclick=e=>T=30
c.width^=0
x.scale(40,40)
x.fillText('⚡',19,18)
x.globalCompositeOperation='xor'
T>>3&1&&x.fillRect(0,0,48,26)

Jun 18 2019 5:10 PM UTC

}// 137/140

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

Don’t touch!

u/Xen

Danger Danger!
u/katkip

ouch
u/magna

#interactive

dwitter.net | veubeke (20752)