dwitter.net | #mouse

+ New dweet
function u(t) {
} //
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.
Theme challenge of the month: #pumpkin
show FPS hide FPS share fullscreen

function u(t) {

}//
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!

Please log in (or register) to comment.

show FPS hide FPS share fullscreen
remix of d/18577 by u/trusktr

function u(t) {

}//
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.

Please log in (or register) to comment.

show FPS hide FPS share 1 remix fullscreen

function u(t) {

}//
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!

Please log in (or register) to comment.

show FPS hide FPS share 1 remix fullscreen

function u(t) {

}//
136/140


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

Please log in (or register) to comment.

show FPS hide FPS share fullscreen

function u(t) {

}//
140/140


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

  • 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.

Please log in (or register) to comment.

show FPS hide FPS share fullscreen

function u(t) {

}//
95/140


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

  • #mouse position using innerWidth
  • u/ElisionFR
    Where does innerWidth come from and why does it stop working when I put it outside the event ?
  • u/ElisionFR
    Never mind, if I do that c.width= clears the canvas
  • u/tomxor
    innerWidth is just a global (on window) which in the context of the dweet is the iframe which is conveniently the same size as the canvas... It does work outside of the event handler but you have to remember to move the draw function out as well since it will only draw when mouse is being moved.
  • u/pavel
    onmousemove=e=>x.fillText('🐁',e.x,e.y,c.width=innerWidth,x.font='3em"')
  • u/KilledByAPixel
    nice pavel

Please log in (or register) to comment.

show FPS hide FPS share 1 remix fullscreen
remix of d/17716 by u/ElisionFR

function u(t) {

}//
99/140


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

  • Mouse Position

Please log in (or register) to comment.

show FPS hide FPS share 1 remix fullscreen

function u(t) {

}//
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
    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 !

Please log in (or register) to comment.

show FPS hide FPS share fullscreen
remix of d/855 by u/mxfh

function u(t) {

}//
118/140


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

Please log in (or register) to comment.

show FPS hide FPS share fullscreen

function u(t) {

}//
139/140


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

Please log in (or register) to comment.

Loading...
Next page