GithubHelp home page GithubHelp logo

codepo8 / mouse-path-recorder Goto Github PK

View Code? Open in Web Editor NEW
9.0 3.0 1.0 45 KB

A simple tool to record the mouse position and get it as a JSON object

Home Page: https://codepo8.github.io/mouse-path-recorder

License: GNU General Public License v3.0

HTML 34.00% CSS 23.89% JavaScript 42.11%
mouse-tracking

mouse-path-recorder's Introduction

Mouse Path Recorder

A small tool to record the mouse position and get it as a JSON object.

  • Start by clicking on the big rectangle and you'll see a small recording icon appear bottom left. Any mouse movement now adds to the dataset. Click again stops the recording.
  • Enable "Limit Points" to record fewer points and get in a smaller dataset.
  • Once recorded, you can re-play the paths with the play button.
  • Edit the dataset in the text box below and save it as a file by clicking the download link.
  • The load button allows you to load old datasets. If you load an image, it will become the background to allow you to trace it.
  • Click the bin to delete all your work and start over.

Credits

All work by Christian Heilmann.

File Format support

Currently, the generated files are pretty rudimentary, and there may be some tools for conversion in the nearer future.

The format is a main Object with paths. Each path has its running number as the key and an array of values. The array is a list of the recorded x and y values.

{
    "1": [x,y,x2,y2,x3,y3 … ],
    "2": [x,y,x2,y2,x3,y3 … ]
    …
}

Why?

Well, this is one of those "scratching your own itch" things. We're working on a demo for the Commodore 64, and needed a way to record some hand-writing to replay using sprites.

So, yeah, geek stuff.

mouse-path-recorder's People

Contributors

codepo8 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

klues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.