Dweets awesomed by u/yukulele

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(x.beginPath([X,Y=X,r=X]=t?d.shift():d=[666]),i=4;i--;i&&d.push([X+p/2,Y-q/2,r/2]))p=r*S(b=i*2.094),q=r*C(b),x.lineTo(X+p,Y-q);x.stroke()

Jan 17 2020 3:48 AM UTC

}// 140/140

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

Incremental #sierpinski

u/katkip

#fractal
u/Cloud

Wow! Nice fractal!

show FPS hide FPS share fullscreen

pavel

function u(t) {

X=450
c.width|=f=(r,a,o)=>r>9?f(r/=2,a-o,-o)+f(r,a,o)+f(r,a+o,-o):(t-=.02)>0&&x.lineTo(X+=r*C(a*=355/339),Y+=r*S(a))
f(Y=1e3,0,1)
x.stroke()

Jan 17 2020 3: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).

One stroke #sierpinski

u/tylertoomey

Wow, this is phenomenal!
u/katkip

#curve #sfcurve

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 fullscreen

pavel

function u(t) {

for(c.width|=i=4;i--;x.fill(x.arc(96*(8+i%2*4+2*o+C(a=Math.PI*(o?q:-q))),540+96*S(a),96,0,7)))q=t+3*(i>1),x.beginPath(o='001221'[~~q%6]-1)

Jan 7 2020 11:54 PM UTC

}// 138/140

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

Points

Show more comments…
u/pavel

Credit https://www.reddit.com/r/loadingicon/comment…
u/tylertoomey

Can you explain how you are declaring your variables? specifically in "8+i%2*4+2*o+C" you reference 'o' and 'C' before they have even been declared -- I think.
u/pavel

for(i=9;i--;/*code here*/)/*runs after code here*/
u/ivylab

Exactly the other way around, isn't it? First the code after the bracket runs and then the code in the brackets. Your declaration is behind them. c.width=1e3;for(i=9;i--;x.fillStyle='red')x.fillRect(112*i,0,100,1000) shows that too.
u/sigveseb

Or in other words, a for loop for(A; B; C) D; will run the different parts in this order: A B D C B D C B D C .. B
u/ivylab

Exactly what I think and meant. Well written @sigveseb
u/joeytwiddle

beginPath, arc and do-si-do 🕺💃 🎻
u/UEZ

#dance

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 2 remixes fullscreen

yonatan

function u(t) {

t*=44
for(c.width|=i=99;i--;x.fillRect(w+z*(y%8-2),y%4*k,3,-q))z=5e3/(i-t%1),x.fillRect(w=960-z+(S((y=t+i|0)/9)-C(t/9))*z,k=540+z,q=z*2,3)

Dec 25 2019 7:40 PM UTC

}// 138/140

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

https://twitter.com/ntsutae/status/120935675…

u/katkip

amazing! #street #road
u/ivylab

Really nice, howwww

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

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

Dec 19 2019 3:48 AM UTC

}// 133/140

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

Black hole

u/Leodude123

wwwwwwwwwwwwooooooowwwww!!!!!!!!

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 fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𭀿𫱮𫑯𭑳𩑭𫱶𩐽𩐽🡥𛡢𭑴𭁯𫡳🱔🰨𡐽𩐬𪐽𥀽𜀬𠐽𦱝𚐺𠐮𬁵𬱨𚁻𮀺𩐮𮀬𮐺𩐮𮑽𚐺𥀿𜀺𥀽𥠽𩐺𠐽𦱝𞱣𛡷𪑤𭁨👩𫡮𩑲𥱩𩁴𪀻𫀽𠐮𫁥𫡧𭁨𞱔𙠦𫀦𙠨𨐽𠑛𪐫𚰥𫁝𛁡𛡸𚰽𥠮𮀭𡐮𮀬𨐮𮐫👖𛡹𛑅𛡹𚐻𩡯𬠨𨐠𫱦𘁁𚑸𛡦𪑬𫁒𩑣𭀨𨐮𮀬𨐮𮐬𞐬𞐩`.replace(/u../g,'')))

Jul 16 2019 4:03 PM UTC

}// 139/140

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

Draw a squiggle and watch it move #interactive

u/katkip

This is so clever
u/PotatoImaginator

how does this work ? plz explain

dwitter.net | yukulele (2247)