ZoomAccel

A tool for studying zoom acceleration curves in pointing tasks. Built with React + TypeScript + Vite.

Overview

ZoomAccel presents users with a series of target acquisition tasks in a zoomable space. Users can enable/disable zoom acceleration and customize the acceleration curve to study its effects on pointing performance.

Features

Target acquisition tasks in a large virtual space
Configurable zoom acceleration curves
Real-time performance stats
Trial history with detailed metrics
CSV export for data analysis
State persistence between sessions

Getting Started

# Install dependencies
pnpm install

# Start development server
pnpm dev

# Build for production
pnpm build

Usage

Click the green target circles to complete trials
Use Ctrl/Cmd + Scroll to zoom in/out
Click and drag to pan the view
Adjust acceleration curve in Settings ⚙️
View performance history in History 📊
Export data as CSV for analysis 📥

Data Collection

Each trial records:

Time taken (ms)
Number of misclicks
Acceleration status
Current acceleration curve values
Timestamp

Development

Built with:

React
TypeScript
Vite

1.2 KiB Raw Permalink Blame History