Dweets awesomed by u/geb

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

gpolonus

function u(t) {

f=(a,y)=>x.fillRect(a,y,9,9)||f
t||c.addEventListener('mousemove',e=>((a,y)=>f(a,y)(2e3-a,1e3-y)(a,1e3-y)(2e3-a,y))(e.x*3.4,e.y*3.4))

Mar 3 2020 7:17 PM UTC

}// 133/140

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

Shorter 4 mouse cursors

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=f=g=>22/7/(1+1e3**g(2*t+i%32/16));i--;x.fillText('dn',-6,3))x.setTransform(6,0,0,6,6*i+i%2*96,i%32*96-f(S)*61),x.rotate(f(C))

Feb 13 2020 8:21 AM UTC

}// 140/140

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

up / dn #beesandbombs

u/pavel

https://beesandbombs.tumblr.com/post/1674924…
u/pavel

Not quite the same due to golfing but still looks good I think
u/andrea270872

Amazing. I could swear that the letters are bending... which is impossible! Wow!
u/eduft15

Amazing!

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

pavel

remix of d/17175 by u/pavel

function u(t) {

for(i=c.width|=p=355/226;i--;x[i&5?'arc':'moveTo'](960,600-50*z,2e3/z,b=((i>>3)*2+S(i*p)-z)/8%4*p,b))z=2.5-2*t%1+(i>>7)+C(i*p)/2;x.fill()

Jan 17 2020 2:47 AM UTC

}// 137/140

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

u/aleamb

amazing!
u/tomxor

ooh, toroidal chess?
u/katkip

#tunnel

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

pavel

function u(t) {

x.font='9em"';T>-99&T<2e3?c.style.background='#070':(h=300,T=8+t%4<<7,p=q=5+t%9);h-=p-=3;x.fillText('🎴',T+=q&1?q:-q,h>1e3?(p*=-.8,h=1e3):h)

Dec 18 2019 4: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).

#solitaire

u/username

d/13995

show FPS hide FPS share 1 remix fullscreen

bencoveney

remix of d/16489 by u/bencoveney

function u(t) {

with(x){fillStyle="#222"
fillRect(0,0,2e3,2e3)
fillStyle="#fff"
font="5em Courier"
u+=i=""
u.split`
`.map(l=>fillText(l,i++%8==0||99,i*99))}

Nov 2 2019 4:11 PM UTC

}// 140/140

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

nicer #quine formatting

u/metamero

cool! <3 quines

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/16118 by u/KilledByAPixel

function u(t) {

with(x)for(t*=i=89;i--;fill())beginPath(r=i*(1+t%1)),ellipse(t*9%2e3+C(a=i*t)*r,S(t*t)*2e3+S(a)*r,r,r/3,a,0,7),fillStyle=`hsl(${t} 99%${i}%`

Oct 15 2019 6:41 AM UTC

}// 140/140

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

Flower Arrangement ❀

Show more comments…
u/metamero

aah so joyful ❁
u/larzuk

snazzy stuff!
u/taupelink

yay!
u/DataMeta

✿
u/joeytwiddle

Lovely! #diwali
u/KilledByAPixel

#Inktober day 14: Overgrown
u/joeytwiddle

#flower

dwitter.net | geb (18677)