Dweets awesomed by u/iverjo

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 fullscreen

jylikangas

function u(t) {

for(c.width|=t%=i=6;i--;(A=a=>x.beginPath(x.fill(x.arc(i*365+(k?T=t%1:t>i)*200,700-S(1/T)*5,85,a,a+3))))(a=k*t*3.2+i-t/6),A(a+3.14))k=~~t==i

Nov 14 2018 9:27 PM UTC

}// 140/140

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

Rolling physics

Show more comments…
u/joeytwiddle

Great effect
u/sigveseb

The camera shake is pretty sweet
u/iverjo

You keep impressing me
u/DataMeta

Quite clever
u/statenlogic

+1 for usingd an optical illusion for some of the movement
u/13thptr

#physics #bounce

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

c.width=63
for(i=2048;i--;x.fillRect(C=i%64,T=i>>6,s>0,s))for(s=b=3;b--;s-=1/(X*X+Y*Y))X=S(a=t+b)*2+4-C/8,Y=2+S(a*5)-T/9
x.fillText(u,15,15)

Nov 14 2018 5:46 PM UTC

}// 140/140

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

Functional metaballs

u/joeytwiddle

#metaballs

show FPS hide FPS share fullscreen

robbyg

remix of d/6638 by u/robbyg

function u(t) {

x.fillRect(0,0,i=w=1920,w)
t||(X=[...Array(w)].map(s=>Math.random()*w))
for(;z=--i%6+1;)x.clearRect(X[i]+=C(i-t),(i-z+t*z*15)%w,z,z)

Nov 14 2018 2:52 PM UTC

}// 132/140

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

I always start thinking about #snow this time of year.

show FPS hide FPS share fullscreen

pavel

function u(t) {

s=t?s:new Date;c.width|=0;x.font='8em"';['t',t,'system clock',w=(new Date-s)/1e3,'ratio',t/w].map((s,i)=>x.fillText(s,i%2*800,(2+i>>1)*99))

Nov 13 2018 10:06 PM UTC

}// 139/140

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

Animation slowdown detector (does not handle pausing)

u/pavel

I've noticed animations being slower on my iphone. This dweet shows a ratio of 1 on my macbook but 0.558 on my phone!
u/pavel

This is a Safari issue; runs at .558 on phone and mac. Mac Chrome runs at 1.
u/prplz

Same result on my iPhone/safari too
u/magna

See also d/3307
u/katkip

Mine is 1.1 on pc

show FPS hide FPS share fullscreen

and3k5

function u(t) {

x.font="12em s"
x.fillText("😄",960+S(t*32)*1060,560+C(t*51)*560)
d=c.width/c.height;
x.drawImage(c,-4*d,-4,c.width+8*d,c.height+8);

Nov 13 2018 6:07 AM UTC

}// 131/140

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

smileys!

u/katkip

Where did you get the idea from?
u/and3k5

Boredom

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

with(x)for(c.width|=j=0;j++<4;stroke()){f=(lineWidth=8-(t+j*2)%8)**4;beginPath();for(i=0;i++<6;)lineTo(960+S(a=t+i+j**2)*f,540+C(a)*f)}

Nov 13 2018 5:38 AM UTC

}// 135/140

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

you guys ever play super hexagon?

u/rnbw

yeah!! (i mostly played the open source clone of it, though. gimmicky af, but really cool. made a few level packs for it actually)

show FPS hide FPS share 1 remix fullscreen

anotherkitten

function u(t) {

t=S(t)*1.7;for(c.width|=j=0;j++<9;)for(h=5;h-->-4;)for(i=5;i-->-4;x.fillRect(958+h*m*t-j*4,538+i*m*t-j*4,m+4,m+4))m=8*j,x.fillStyle=R(m,m*2)

Nov 13 2018 4:10 AM UTC

}// 140/140

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

diced

u/aleamb

amazing!
u/joeytwiddle

Nice! Small tweak, just swinging left and right: for(c.width|=j=0;j++<9;)for(h=5;h-->-4;)for(i=5;i-->-4;x.fillRect(958+h*m*2-j*4+m*9*S(t),538+i*m*2-j*4,m+9,m+9))m=8*j,x.fillStyle=R(m,m*2)

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x)for(k=n=j=255;j--;k=2,fill())for(beginPath(fillStyle=R(T=(t^k)%2*128,T,i=4));i--;)arc((j%9-t%1)*n+T,(j>>4)*n+T,64*k,a=(i-t%1)*11/7,a)

Nov 13 2018 2:29 AM UTC

}// 140/140

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

u/yonatan

arc?!
u/anotherkitten

oh you sly dog very well done
u/pavel

:)
u/jylikangas

Very cool! You can save 3 bytes by removing the unnecessary %1 from t when calculating a and also doing <<7 instead of *128. If someone is wondering how this works using a+1 instead of a at the end may help. :)
u/katkip

#beesandbombs
u/pavel

Removing %1 at the end breaks the animation on my iPhone.

show FPS hide FPS share fullscreen

jonathan-potter

function u(t) {

c.width=960
f=(o,l,X=480,Y=270)=>{if(l>1){
x.fillRect(X,Y,2,2)
f(o+t*.1,l*.6,X+=l*C(o),Y+=l*S(o))
f(o-t,l*.75,X,Y)}}
f(t,99)
f(t+3,60)

Nov 12 2018 10:57 PM UTC

}// 134/140

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

felt like doing some #selfsimilarity #recursion

u/katkip

cute #fractal

show FPS hide FPS share 1 remix fullscreen

veubeke

function u(t) {

x.shadowBlur=200+S(t)*160
for(i=12;i--;x.fillRect(960-w/2,540-h/2,w,h))x.shadowColor=`hsl(${S(t/2-i/9)*200%360},99%,50%)`,w=178*i-20,h=100*i

Nov 12 2018 8: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).

u/joeytwiddle

Launch when ready

dwitter.net | iverjo (55735)