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: #ScaryMovies

show FPS hide FPS share fullscreen

magna

function u(t) {

eval(unescape(escape`󭍼󯌨󭼽󨼮󭽩󩍴󪌽󜜹󜬩󒭄󟝸󛭣󬭥󨝴󩝉󫝡󩽥󡍡󭍡󚍷󛌱󜌸󚜊󡌮󩍡󭍡󛭳󩝴󚍛󛬮󛭡󭍯󨬨󨼮󭍯󡍡󭍡󥝒󣌨󚜮󬽰󫍩󭍠󛍠󦼱󧜩󧜮󫝡󬌨󚍣󛍩󚜽󟭩󙜴󟌳󟽣󛭣󪍡󬭃󫽤󩝁󭌨󚜺󜬵󝜩󛭳󫍩󨽥󚌰󛌸󜬹󝌴󚜩󒭸󛭰󭝴󢝭󨝧󩝄󨝴󨜨󡌬󜌬󭌪󭌩`.replace(/u../g,'')))

Nov 22 2021 2:06 PM UTC

}// 128/140

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

Uhhh #glitch

u/magna

Just feedbacking PNG bytes into image data: t||(w=c.width=192) D=x.createImageData(w,108) D.data.set([...atob(c.toDataURL().split,[1])].map((c,i)=>i%4<3?c.charCodeAt():255).slice(0,82944)) x.putImageData(D,0,t*t)
u/Xen

nice!!
u/andrea270872

wow. this one looks scary! if my screen would start do behave like that I would just freak out :D
u/DataMeta

hahaha cool!

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

for(x.fillRect(0,0,w=2e3,w),h=i=540;i--;)x.clearRect(960+(S(p=i/35+S(t/2)*60)*S(q=(i/57|0)*h))/(Z=C(p)*S(q)+2+S(t))*h,h+C(q)/Z*h,s=20/Z,s)

Nov 12 2021 8:04 PM UTC

}// 138/140

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

#spherechallenge

u/taupelink

nice!
u/sigveseb

awesome indeed!
u/vain

very cool and smooth

show FPS hide FPS share fullscreen

tomxor

remix of d/24141 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𩠽𧰽🡓𛰶𞀭𜐮𞀸𯁃𛰱𝠭𝀮𜑼𤰫𝀦𞀬𭰽𨰮𭱩𩁴𪀦👩🐳𜰰𜠴𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𤰽𪐦𜠵𝐬𠰽𪐾🠸𛀱𛁱🐲𚡰𯀰𚐬𤠽𚁰𛑱𚐯𜐶𛁵𦱔𧐫🐳𚡒𛁵𦱔👩𛑷𧐫🐵𚡒𛁵𦱔𛐱𧐽𤠩𬀽𚁵𦱩𧐫🐷𚡒𚐫𚁦𚀩🱦𚁓𛐽𝀬𠰭🐴𚐿𚁓𚡓𚱃𚡃𚐯𞑥𝀫𛠱𞠱𞠰𚑼𯀰`.replace(/u../g,'')))

Oct 16 2021 12:50 AM UTC

}// 140/140

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

#default Floyd–Steinberg #dithering

u/ciaccodavide

oooooh, I love dithering! Nice one!
u/tomxor

me too :) I didn't realise how simple the algorithm was before no, and it can be done in a single pass because it's only half a 2d kernel. Tweaking the coefficients (*R) can be fun, e.g 7*R=>5*R, 3*R=>5*R better preserves the dark and light areas in this image.
u/magna

Wow
u/sigveseb

Very nice!

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

dwitter.net | mxfh (11556)