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

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!

show FPS hide FPS share fullscreen

pavel

remix of d/18577 by u/trusktr

function u(t) {

c.parentNode.style='perspective:4in';onmousemove=e=>c.style=`background:tan;transform:rotateY(${e.x-284}deg)rotateX(${160-e.y}deg)scale(.7)`

May 3 2020 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).

Tan plane looking at your mouse

u/pavel

#interactive #mouse
u/pavel

I tried doing this in js but its just too hard to fit!
u/pavel

168 c.width|=onmousemove=e=>T=e;b=.6-T.y/264;e=g=>C(i)*g(1-T.x/264);f=g=>S(i)*g(b)+e(S)*g(b-1.6);for(i=.8;i<6;x.fill(x.lineTo(960+e(C)/z,540-f(C)/z)))i+=1.57,z=(2+f(S))/960
u/pavel

This post looks better with rotation angles divided by 2 but I couldn't figure out how to fit it.

show FPS hide FPS share 1 remix fullscreen

trusktr

function u(t) {

eval(unescape(escape`𨰿𚁮👣𛁣🐰𛁯𫡭𫱵𬱥𫑯𭡥👥🐾𮱶🐮𝐪𩐮𨱬𪑥𫡴𦀻𫠮𬱴𮑬𩐽𨁢𨑣𪱧𬡯𭑮𩀺𪁳𫀨𙁻𭡽𛀵𜀥𛀵𜀥𚐻𭁲𨑮𬱦𫱲𫐺𬡯𭁡𭁥𦐨𙁻𭡽𩁥𩰩𨁽𛁢👮𛡰𨑲𩑮𭁎𫱤𩐬𨠮𬱴𮑬𩐽𙱰𩑲𬱰𩑣𭁩𭡥𞠸𜀰𬁸𙰬𨠮𬁲𩑰𩑮𩀨𙱍𫱶𩐠𭁨𩐠𫑯𭑳𩐮𛠮𙰩𚐺𜀠`.replace(/u../g,'')))

May 2 2020 11:17 PM UTC

}// 136/140

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

Hello! I am new to dwitter; testing the waters out. This is interesting!

u/pavel

Nice idea, almost no js! #interactive #mouse
u/trusktr

Thanks! :D
u/trusktr

u/pavel Thanks!

dwitter.net | #mouse