Top #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 fullscreen

anotherkitten

function u(t) {

t||(w=0)
onmousemove=_=>{w=((_.x-250)*6+w)/3}
c.width=1920;for(i=9;i--;)
x.fillRect(550+i*100+Math.abs(S(t/2))*(w*=w?.999:0),400,50,200)

Sep 19 2018 4:01 PM UTC

}// 136/140

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

default but you can play with it

u/f8f82804

#mouse #animated

show FPS hide FPS share fullscreen

CocoMeister

function u(t) {

c.onmousemove=e=>m=e
c.width=1920
for(i=7000;i>=0;i-=20){x.fillStyle="hsl("+C(t/3)*i*4+",90%,30%)"
x.fillRect(m.x-i/2+700,m.y-i/2+500,i,i)}

Apr 24 2018 6:39 PM UTC

}// 139/140

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

#rainbow #mouse

u/lionleaf

#interactive

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 1 remix fullscreen

tomxor

remix of d/17716 by u/ElisionFR

function u(t) {

c.width|=0;x.font='99px m'
c.style.cursor='none'
onmousemove=e=>R=e
x.fillText('🐁',R.x*3.4,R.y*3.4)

Feb 23 2020 2:29 PM UTC

}// 99/140

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

Mouse Position

u/tomxor

#mouse
u/KilledByAPixel

another way to do it is c.width=innerWidth, then the mouse pos will match up exactly

show FPS hide FPS share 1 remix fullscreen

RealPeha

function u(t) {

for(c.width=999,c.q+=.1,onmousemove=i=>(c.q=0,f=i.pageY),i=0;i<50;i++)x.strokeRect(r=99,h=i*5-2**-c.q*C(c.q)*r/f*i,9,9);x.fillRect(55,h,r,r)

Oct 19 2019 7:38 PM UTC

}// 140/140

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

Spring

u/RealPeha

move your mouse, ignore error and reload page if frame timed out
u/RealPeha

#Interactive #mouse

show FPS hide FPS share fullscreen

ElisionFR

function u(t) {

c.style.cursor='none'
c.width=innerWidth
m=e=>x.fillText('🐁',e?.x,e?.y)
onclick=e=>{c.a=[e].concat(c.a)}
onmousemove=e=>R=e
c.a?.map(m)
m(R)

Feb 23 2020 9:11 PM UTC

}// 140/140

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

#mouse #click #stamp

u/ElisionFR

Any idea why if I replace "R" by "j" in this script I get a "j is not defined" error ?
u/ElisionFR

God I'm an idiot R is defined as a function by Dwitter....
u/tomxor

nah, i led you down that rabbit hole... using a predefined object (in this case a function, doesn't really matter), is a way to not have to check the object exists to access properties. But you've discovered the new nullish collescing operators :D I can't run this yet cos chrome 80 hasn't landed in debian. looks like it still requires more chars than using existing objects though.
u/tomxor

Hmm, getting a syntax error for browsers who don't support the syntax seems to permantently break the dweet, I have to copy paste to manipulate it.

show FPS hide FPS share 1 remix fullscreen

ElisionFR

function u(t) {

c.width=c.clientWidth
c.height=c.clientHeight
c.a=c.a?c.a:[0,0]
c.onmousemove=e=>c.a=[e.pageX,e.pageY]
x.fillRect(c.a[0]-25,c.a[1]-25,50,50)

Feb 23 2020 12:42 PM UTC

}// 140/140

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

Getting mouse position. Can someone make it in less characters ?

Show more comments…
u/tomxor

c.onmousemove=e=>{c.x=e.x,c.y=e.y};x.fillRect(c.x-25,c.y-25,50,50)
u/tomxor

Even smaller: c.onmousemove=e=>R=e x.fillRect(R.x-25,R.y-25,50,50) R can be any existing object of course
u/tomxor

Oh also can define global mousemove event rather than on c: onmousemove=e=>R=e;x.fillRect(R.x-25,R.y-25,50,50) pretty sure that's as far as it goes, -44 chars
u/tomxor

If you are happy without full screen you could also ommit the width/height and multiply by an appropriate constant: c.width|=onmousemove=e=>R=e;x.fillRect(R.x*3.4-25,R.y*3.4-25,50,50) that's -73, now you have some space to do something.
u/tomxor

hah, i did this before but forgot: https://www.dwitter.net/d/12717
u/tomxor

#mouse
u/ElisionFR

Nice ! Thanks !

show FPS hide FPS share 1 remix fullscreen

metamero

function u(t) {

eval(unescape(escape`瑼簨堽夽洽⸵Ɱ㵰㵱㴮㜬潮浯畳敭潶攽攽㹻堽攮砯楮湥牗楤瑨㭙㵥⹹⽩湮敲䡥楧桴紬潮捬楣欽牥獥琩㭡㵘⵭㭢㵙⵮㭤㵡⩡⭢⩢㭰⬽愯㵤⨽㤹㭱⬽戯㵤㭭⬽瀯㤹㭮⬽焯㤹㭸⹦楬汒散琨洪挮睩摴栬渪挮桥楧桴ⰹⰹ⤻`.replace(/u(..)/g,"$1%")))

Jan 6 2019 8:43 PM UTC

}// 140/140

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

gravity : #gravity towards #mouse : move mouse to change atractor : click to reset : #interactive

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9662 by u/f8f82804

function u(t) {

t||(X=0);c.onmousemove=e=>{X=e.x/99};c.width^=0;for(x.beginPath(i=370);i--;x.lineTo(960*(1+S(i+X+C(i))),540*(1+C(i*3-X+S(i)))));x.stroke()

Sep 5 2018 4:35 PM UTC

}// 138/140

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

#mouse control #remix for u/donbright

u/donbright

thats very cool... i wonder if these types of things can be 3d printed...

show FPS hide FPS share fullscreen

katkip

function u(t) {

if(!t)x.translate(960,540);c.onmousemove=e=>{X=e.x;Y=e.y};x.fillRect(X,Y,20,20);x.rotate(3);x.fillStyle=`hsl(${X+Y},99%,50%)`

Aug 26 2018 7:06 PM UTC

}// 125/140

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

Move your mouse and draw a symmetrical polar drawings. #mouse #symmetrical #internactive

dwitter.net | #mouse