New #mouse dweets

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

magna

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪍼󟝯󫭭󫽵󬽥󫝯󭭥󟝥󟜾󥌽󩜻󩭯󬬨󪜽󝜴󝌻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚌭󝌬󛜱󝬬󞌬󜼲󚜩󭽩󭍨󚍍󨝴󪌩󦌽󪜥󜼲󟌼󝬬󦜽󪜯󜼲󟌼󝬬󮌮󬽥󭍔󬭡󫭳󩭯󬭭󚍭󟝓󚍡󟝡󭍡󫬲󚍪󟝘󚽾󥌮󮌯󛬳󛍫󟝙󚽾󥌮󮜯󛬳󚜩󛍮󟝃󚍡󚜬󛝮󛍭󛍘󛍙󚜬󮌮󩭩󫍬󤽴󮝬󩜽󤬨󪍹󬍯󭌨󪬬󪼩󚜻`.replace(/u../g,'')))

Oct 17 2024 9:28 PM UTC

}// 139/140

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

Color Parallels demake https://www.mightypenguin.dev/igloo/color-pa… #mouse #interactive

u/magna

Works best non-fullscreen

show FPS hide FPS share fullscreen

dabl03

remix of d/32266 by u/HardlyProductive

function u(t) {

if(!t)X=Y=0,
onmousemove=e=>x.fillRect(X=f(e.x),Y=f(e.y),90,90);
x.fillStyle=`rgba(${255*C(X)},${255*C(Y)},0,.4)`;
f=a=>~~(a*3.36/99)*99;

Aug 21 2024 8:26 PM UTC

}// 140/140

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

Reveal hidden pattern with mouse #pattern #mouse

u/SockTaters

Lovely! This seems dangerously close to being a game
u/lewdev

#interactive nice!

show FPS hide FPS share fullscreen

baon

function u(t) {

c.width|=0;t?0:(X=m=1e3,Y=n=5e2)
onmousemove=e=>{m=e.x*3.4,n=e.y*3.4}
X-=(X-m)/19;Y-=(Y-n)/19;x.fillRect(X-200,Y-200,400,400)

Dec 24 2023 2:31 AM UTC

}// 126/140

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

smooth #mouse #lerp

u/tomxor

The step is linear but the velocity decays exponentially. Also the proportional part of a PID.

show FPS hide FPS share fullscreen

kimeiga

remix of d/16584 by u/f8f82804

function u(t) {

t?s=(c.width^=onmousemove=_=>b=_.x)/4:a=b=1.57;for(q=r=a;(q-=1/s)>-a;x.lineTo(C(q+b/99)*S(r-t)*s+2*s,(C(t+=1/s)*C(r-t))*s+s))r+=a;x.stroke()

Mar 22 2021 11:05 PM UTC

}// 140/140

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

I would love to be able to understand this but I sincerely don't. #interactive #mouse #remix

u/f8f82804

Great golfing!

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/22045 by u/ciaccodavide

function u(t) {

c.width|=1
onmousedown=e=>k=~~t%2==0?'😸':'😻'
onmouseup=onmouseover=e=>k='😺'
onmouseout=e=>k='😿'
x.font='36em"'
x.fillText(k,300,700)
}{k='😿'

Mar 19 2021 9:56 AM UTC

}// 140/140

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

Pet The Damn Cat

u/ciaccodavide

#interactive #mouse
u/Xen

cool idea

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/21905 by u/veubeke

function u(t) {

onmousemove=e=>{R=c.offsetWidth/(c.width|=0);X=e.x/R;Y=e.y/R;for(i=9;i--;)x.fillRect(i*100+X,Y,50,200)}

Mar 12 2021 5:31 AM UTC

}// 103/140

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

#default except you need to move it yourself with the mouse, as true to the original as possible. #interactive #mouse

u/veubeke

😂
u/erin

this is so funny

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/21883 by u/BackendForth

function u(t) {

c.onmousemove=e=>{for(i=c.width|=0;i-=64;)for(j=1080;j-=54;)X=e.x/.3-i,Y=e.y/.3-j,r=(X*X+Y*Y)**.4/56,x.fillRect(i-X/r,j-Y/r,r*9,r*9)}

Mar 10 2021 6:52 PM UTC

}// 133/140

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

golf and play

u/BackendForth

Nice! I'll keep the |= operator in mind for next time.
u/danny@hille.dk

#interactive #mouse

show FPS hide FPS share fullscreen

Pascal

function u(t) {

t?onmousemove=e=>x.fillRect(e.x-25,e.y-25,50,50):c.width=innerWidth,c.style.filter='blur(9px)contrast(99',x.fillStyle=`hsl(${99*t},80%,30%)`

Jan 7 2021 7:53 PM UTC

}// 140/140

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

move the #mouse to paint

u/erin

i love what i've incited. the renaissance of canvas filters. beautiful.
u/aleamb

#paint #interactive #blur

show FPS hide FPS share fullscreen

danny@hille.dk

function u(t) {

t||(æ=ø=50,c.onmousemove=e=>{æ=e.x/6,ø=e.y/4},c.width=220,x.font='70px a')
x.fillText(`👨‍💻`,æ+S(t)*9,ø+50)
x.drawImage(c,-25,-25,280,1400)

Nov 29 2020 2:29 PM UTC

}// 139/140

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

Me trying to come up with a good dwitter idea...

u/Xen

looking good
u/danny@hille.dk

#interactive #mouse

show FPS hide FPS share fullscreen

iznax

function u(t) {

s="💀🧔"
eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁯𫡭𫱵𬱥𫑯𭡥👥🐾𥀽𩐬𥰽𨰮𭱩𩁴𪀽𪑮𫡥𬡗𪑤𭁨𛁩🐲𞱩𛐭𞱩🱦𫱮𭀽𘠷𨱭𙰢𞡦𪑬𫁒𩑣𭀨𜀬𜀬𥰬𥰩𛁦𪑬𫁔𩑸𭀨𦰮𛠮𬱝𦱩𧐬𞐲𛀲𝐰𚱓𚁴𚠹𚐪𚁔𛡸🠵𜀰𚐪𝀩𚑣𫁩𬀨𦠽𫡥𭰠𤁡𭁨𜡄𚀩𛁚𛡲𩑣𭀨𜀬𜀬𪐿𥰺𥀮𮀬𥰩𚐻`.replace(/u../g,'')))

May 4 2020 1:55 AM UTC

}// 140/140

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

Move Mouse To X-Ray #mouse

u/pavel

Clever idea. If you do fill you can re-use the rect you did for clipping. onmousemove=e=>T=e.x;c.width=568;with(x)for(font="7cm'",i=2;i--;i&&clip(fill(rect(0,0,T,568))))fillText(i?"🧔":"💀",92,250+S(t*9)*(T>500)*4)
u/iznax

nice crunching!
u/katkip

#interactive
u/aleamb

LMAO nice!

dwitter.net | #mouse