Dweets awesomed 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

ciaccodavide

function u(t) {

for(m=Math,i=2e5*(t<1);i--;)r=m.random,X=r(),Y=r(),d=m.hypot(j=.4-X,k=.2-Y),m.hypot(.48-X,.3-Y)<.2&&x.fillRect(2e3*X,2e3*Y,-d*d*26,1)

Oct 15 2021 10:00 AM UTC

}// 133/140

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

GANTZ

u/rep_movsd

Brilliant
u/magna

u/rep_movsd lol

show FPS hide FPS share fullscreen

jellyedwards

function u(t) {

for(w=c.width|=i=290;i--;T=S(t*6.28)*R)x.font='40em a',i<99-t/2||i>99?x.fillRect(w-i*9,0,9,w):x.fillText(["🪓","😃"][~~t%2],T<0?R-T:R,R=700)

Oct 14 2021 8:46 PM UTC

}// 139/140

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

heeeeeeeere's emoji #ScaryMovies

u/pavel

Hah its gets a little wider every hit, nice.
u/lars-erik

No play makes Jack a dull boy! 😄👍
u/sigveseb

love it

show FPS hide FPS share fullscreen

magna

function u(t) {

eval(unescape(escape`󙌽󚍆󛍓󛍘󛍙󛍃󛍦󚜽󟭻󮌮󩭯󫭴󟝠󙍻󡭽󨽭󘌤󮽦󯝠󞽸󛭦󪝬󫍓󭍹󫍥󟝃󞽸󛭦󪝬󫍔󩝸󭌨󤼬󦌪󞜬󦜪󞜩󯜊󙌨󜼰󛌧󧍵󜬵󠝃󙼬󝌰󛌱󜌰󛌧󭍥󨝬󙼩󒬤󚌶󛌧󡍷󪝴󭍥󬬧󛌶󝜬󝼶󛌧󘽦󩭦󙼩󒬤󚌱󜼬󙽜󭝄󞌳󡝜󭝄󡍁󞌧󛌸󞌬󝜲󚜊󙌨󜜬󨍏󙽒󡝉󣍌󦝠󛌴󜌬󜜱󞜬󤬨󚜬󙽡󬭩󨝬󙼩`.replace(/u../g,'')))

Oct 13 2021 10:47 PM UTC

}// 140/140

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

Essential reading

Show more comments…
u/magna

Text positioning tweaked on a Chrome on macOS, so may look screwed up on other browsers.
u/magna

Also, holy shit. Look at those artifacts around the skunk. Who at Apple cleaned that image?
u/magna

*Apple -> Chrome/Google? I don't know who is responsible for the emojis :)
u/mxfh

Lol. Apple Skunkworks I suppose. dwitter is a whole argument while real other browsers should be enforced to be allowed on iOS.
u/rep_movsd

Chromium doest show the skunk :(
u/tomxor

Safari/webkit is the new IE in terms of browser stagnation and bugs, i come to dwitter to not care about it :)
u/mxfh

ok, spotty alpha channels are not that rare: https://observablehq.com/@mxfh/emojis

show FPS hide FPS share fullscreen

pavel

function u(t) {

c.width|=f=(X,Y,r)=>r>1&&x.moveTo(X+r,Y)+x.arc(X,Y,r,0,7)+f(X+r*C(a=(S(b=5*t)-b)/4),Y,r/2)+f(X,Y+r*S(a),r/2)
f(960,540,270)
x.fill`evenodd`

Oct 13 2021 9:44 PM UTC

}// 139/140

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

Some nice math for the 270 initial radius: The half-height is 540, this must equal r+r/2+r/4+r/8+...=r(1+1/2+1/4+1/8+...). Think about the bit in the brackets in terms of pizzas. You have a whole pizza, plus half a pizza, plus a quarter (half the remaining half), plus an eighth (half the remaining), etc. You have two pizzas! So 540=r*2.

u/pavel

Remix of d/11587. I remixed my other remix but that one was boring so I deleted it.
u/ciaccodavide

nice!
u/cantelope

i think about everything in terms of pizzas

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

c.style.filter='invert(1'
for(i=2;i--;x.fillText(i?'🥚':[...'ALIEN'].join`　　　`,960,200+i*600))x.font=`${3+i*9}cm Arial`,x.textAlign='center'

Oct 13 2021 5:53 PM UTC

}// 139/140

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

One of the best #ScaryMovies of all time

u/tomxor

Yess!
u/magna

More authentic version: d/24101
u/mxfh

'A L IEN'

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/24054 by u/ciaccodavide

function u(t) {

for(m=Math,i=1e4*(t<1);i--;)r=m.random,X=r(),Y=r(),d=m.hypot(j=.5-X,k=.27-Y),x.fillRect(2e3*X,2e3*Y,69-d*345,1);c.style=`margin:${r()}px`

Oct 12 2021 8:45 AM UTC

}// 137/140

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

The Ring #ScaryMovies

u/ciaccodavide

maybe I should have used margin:${r()/2}px for a subtler shake

show FPS hide FPS share fullscreen

FireFly

remix of d/3078 by u/FireFly

function u(t) {

for(c.width|=0,i=4e4;--i;C[a=i&8?i:i^15]<(a%16-8)**2+((S+t*2)%16-8)**2||x.fillRect(i%256*8,S*8,8,8))t?S=i>>8:C[i]=Math.random()*32

Oct 10 2021 3:54 AM UTC

}// 130/140

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

Animated sprite silhouettes! (crawling)

u/FireFly

Adding a #time dimension to an old dweet of mine, by rethinking it a bit :)
u/rep_movsd

Amazing
u/rep_movsd

Looks like some of your earliest dweets dont render anymore on the new dwitter shim code
u/FireFly

hmm, they seem to work fine for me :o (in Firefox)
u/rep_movsd

Must be Chromium issues then

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)

show FPS hide FPS share fullscreen

mxfh

remix of d/24028 by u/mxfh

function u(t) {

for(w=710,r=113,τ=w/r,c.width|=i=0;i<2e4;i+=τ/2+S(t/7)/20)x.arc(w,w,i**(-.7+T(t/5)/9)*1e4,a=i+t,a+τ/16)
x.stroke()

Oct 7 2021 4:17 PM UTC

}// 114/140

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

those fractions of τ is a space to explore

u/Chippackage

I love Bézier Animations like this.

show FPS hide FPS share 2 remixes fullscreen

mxfh

remix of d/24011 by u/KilledByAPixel

function u(t) {

for(w=710,r=113,τ=w/r,c.width|=i=0;i<w;i+=τ/3+S(t)/20)x.arc(w,w,i**(-.7+T(t)/9)*1e4,a=i+t,a+τ/4)
x.stroke()

Oct 7 2021 4:10 PM UTC

}// 107/140

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

#tunnel #cavern

dwitter.net | mxfh (12134)