Top dweets by u/mxfh

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

mxfh

function u(t) {

for(x.setTransform(f=51,0,i=7,f,h=360,h);i--;x.fillRect(i==3?-f:9+i*.6,i,99,1))x.fillStyle=`hsl(${(t+i)*f%h},99%,50%)`;x.strokeText('▲',4,7)

Mar 13 2017 7:50 PM UTC

}// 140/140

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

Dwitter Album Covers

show FPS hide FPS share fullscreen

mxfh

remix of d/2184 by u/mxfh

function u(t) {

for(w=540,i=W=4*w;i;x.beginPath(),x.arc(W*(T(i)+s*t/3)%W,i?w+w*S(r=s*W):w,i?s*9:W,0,6),x.fillStyle=R(i,i,r%i,i?1:.1),x.fill())s=w/(i--*3+w)

Mar 18 2017 4:36 PM UTC

}// 139/140

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

u/sfz

great idea and execution 💯💯💯
u/donbright

excelllent work
u/iverjo

#parallax #stars
u/mxfh

arc
u/mxfh

#arc

show FPS hide FPS share 1 remix fullscreen

mxfh

remix of d/855 by u/mxfh

function u(t) {

r=480;c.width=r*4;λ=t;for(φ=a=Math.PI/2;φ>-a;φ-=a/r/2){λ+=a;x.arc(C(φ)*S(λ-t)*r+2*r,(C(t+=a/r)*S(φ)+S(t)*C(φ)*C(λ-t))*r+r,a,-a,a)}x.fill()

Mar 15 2017 3:12 PM UTC

}// 138/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/sfz

wtf!
u/donbright

the reflection thing is great!
u/recursive

wow, what?
u/sfz

shaved some bytes by replacing Math.PI/2 with 1.57, have fun remixing!
u/sfz

Also r=480;c.width=r*4 to c.width|=r=480 ... down to 130
u/mxfh

c.width|=r=540 for(λ=φ=a=1.57;φ>-a;)x.arc(C(φ)*S(t-λ)*r+960,(C(t+=a/r)*S(φ)+S(t)*C(φ-=a/r/2)*C(λ-t))*r+r,0,λ+=a,0) x.fill()
u/mxfh

thanks, using the angle offsets in arc gives another two possible spots for variable assignment at a radius of 0, so you get something equivalent at 123
u/sigveseb

Is that the same reflection technique as in https://www.dwitter.net/d/915 ?
u/mxfh

should be, I assume it's that negative winding on polygons messes with the fill rule evaluation
u/mxfh

just to clarify, fill rules looks allright, it's really just non-covered areas due to the zig-zagging of the fill. try a lower decrement like φ-=a/r*8 to see the more graspable source of the effect
u/mxfh

#arc

show FPS hide FPS share fullscreen

mxfh

remix of d/2719 by u/keithclark

function u(t) {

for(c.width|=a=50;--a;x.arc(960+S(G+t)*400,520+C(t+G*3)*400,a%25*70,0,6.2832))x.moveTo(G=a/25|0,0)
x.fill('evenodd')

May 15 2017 1:17 PM UTC

}// 116/140

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

single fill draw call with fill-rule and arbitrary computation in moveTo

u/mxfh

#arc #fillrule

show FPS hide FPS share 1 remix fullscreen

mxfh

remix of d/2414 by u/mxfh

function u(t) {

with(x)for(transform(X=19,0,0,X,960,540),fillText('CORPORATE',-30,X);X-->9;fill(new Path2D(`M-9 9 h25 l-3-5 h-19.2`)))rotate(2.094)

Aug 13 2024 8:43 PM UTC

}// 131/140

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

#Logo #transform

u/KilledByAPixel

nice! it's a good show, i give it my official recommendation.
u/tem

I find the way to render for so long

show FPS hide FPS share fullscreen

mxfh

function u(t) {

w=960,c.width=w*2
for(i=s=~~(t*60+t)%360,x.setTransform(p=Math.PI,a=p/s,0,p,w,w/2);i--;x.rect(d=s,-d/4,w,w))x.rotate(a*2)
x.fill("evenodd")

Mar 15 2017 12:19 AM UTC

}// 139/140

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

seizure warning

show FPS hide FPS share fullscreen

mxfh

function u(t) {

b=1;h=1080;w=960;for(i=l=2*w;i--;b=!b,x.fillStyle=b?"#000":"#FFF"){x.fillRect(i+b,l,2,C(i/w-1)**2**S(i/w+t)*-h+b)}x.drawImage(c,0,-1,l,h)

Mar 13 2017 4:03 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/recursive

Looks really good in fullscreen

show FPS hide FPS share fullscreen

mxfh

remix of d/32247 by u/rodrigo.siqueira

function u(t) {

c.width|=h=C(t)
with(x)for(h,transform(X=~~(9+h*9),h,C(167/h),X,960,600);X--;fill(new Path2D(`M${T(h+X)-9} 9 h25 l-3-5 h-19`)))rotate(2.094)

Aug 14 2024 11:24 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/rodrigo.siqueira

It is possible to save 2 characters by changing the beginning of the code this way: with(x)for(reset(h=C(t)),h,... I found that x.reset() is the same as c.width|=0 but shorter. So, I usually don't use c.width|=0 trick anymore. And you can add code inside parentheses so you don't need the "enter" or ";" characters. E.g. : x.reset(code here)

show FPS hide FPS share fullscreen

mxfh

remix of d/23558 by u/mxfh

function u(t) {

this.b||(I=new ImageData(w=2048,w),b=new Int32Array(I.data.buffer))
for(i=3e6;i--;b[i]=b[i-w]-(i-Y&Y+i)*t)Y=i*w
x.putImageData(I,0,0)

Aug 17 2022 11:41 PM UTC

}// 133/140

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

new weird mountain ranges

u/mxfh

mostly this (lol) just answers my own question, if the buffer can be reused in source of this remix.
u/magna

Keeps on giving

show FPS hide FPS share fullscreen

mxfh

remix of d/23817 by u/pavel

function u(t) {

for(i=420;r=--i>>1;i&2||x.beginPath(x.fill()))x.fillStyle=`hsl(177,42%,${90-3*r}%`,x.arc(960,580,20*r,a=(i*9+(~r%2)*C(t-r/9))/.9549,a)

Oct 7 2021 4:38 PM UTC

}// 134/140

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

Looks like iOS safari closes arc in a weird way. Adding some offset to the end fixes this: … a+0.001)

dwitter.net | mxfh (1240)