/fitts-experimenter

Web-based tools to experimenting with Fitts-like tasks.

Primary LanguageTypeScriptApache License 2.0Apache-2.0

A Fitts Experiment WebApp

This repository provides a webapp to experiment with Fitts tasks. The github hosted (static) webapp is at: https://iislucas.github.com/fitts-experimenter

How is it built?

  • This project uses the PixiJS library for the animation and interaction, and D3js for drawing graphs.
  • It is written in Typescript.
  • It uses webpack for the bundling and local serving.
  • It uses HTML5 local storage to store data locally in your browser.
  • The webapp is static (any static web-server will support hosting it).

Prerequisities

npm install -g yarn typescript webpack

Setup

yarn install

Building

yarn run build

(Control-c to stop the watching build process)

Development build (including sourcemaps) is put in build/dev

Testing/running

yarn run serve

This starts a simple express web-server running the code at http://localhost:8080/fitts-experiment/ and watches the source code for changes and recompiles as needed.

(Control-c to stop the server)

Cleaning up a build or instalation

To create a totally fresh build, simply remove (or rename) the build/dev directory.

To create a fresh install, remove the directories node_modules and the build.

Deployment to github pages

yarn run deploy