No description
| public | ||
| src | ||
| .gitignore | ||
| eslint.config.js | ||
| index.html | ||
| package.json | ||
| pnpm-lock.yaml | ||
| README.md | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
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