Touch controls: haptics, size option and left-handed layout

Đang mở
  • Có gì không ổn?
#51 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức phù hợp với người mới
66/100
Loại issue
Tính năng
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
typescript
Lĩnh vực
accessibility, frontend

Hướng nghiên cứu

Read shared/touch.ts for stick positioning and button radii, then shared/settings.ts and src/hub/settings-panel.ts to follow how settings are stored and displayed. Run npm run typecheck and npm run build after adding the touch options; done means touch users can mirror and resize the layout, with haptic feedback when enabled. Per-game button placement has not been audited for mirroring.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

accessibility enhancement severity: low

Summary

The virtual stick is fixed to the left, virtual buttons have a hard-coded radius, and there is no press feedback. Settings have no touch options.

Where

  • shared/touch.ts:75-82 (stick position), shared/touch.ts:122-128 (button radius)
  • shared/settings.ts:33-43
  • index.html:86-88 (settings dialog covers keyboard only)

Proposal

Add touch: { haptics, scale, mirrored } to settings. Call navigator.vibrate?.(10) on virtual button press when enabled, multiply radii by scale, and add a helper that mirrors x for the stick and buttons. Show the section on the hub only on touch devices. Per-game button placement was not audited for mirroring.

Who benefits

Left-handed players and players with motor impairments.

Acceptance criteria

  • Touch layout can be mirrored and resized from Settings

Getting started

  • Relevant files: shared/touch.ts, shared/settings.ts, src/hub/settings-panel.ts
  • Run locally: npm install, then npm run dev
  • Checks: npm run typecheck and npm run build (there is no test suite yet)
  • Related docs: README.md

Filed by repo-audit/full-audit at b001f5d. Severity: low. Effort: M. audit-key: enhancement|shared/touch.ts|VirtualButton

Ngôn ngữ chính
TypeScript
Star
3
Fork
3
Không có pull request nào được merge trong 30 ngày

Chuẩn bị môi trường

Dự án này không cung cấp dev container, Dockerfile hay hướng dẫn đóng góp, nên bạn cần tự thiết lập môi trường: hãy bắt đầu từ README và xem hướng dẫn đóng góp lần đầu của chúng tôi để biết các bước chung.

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của TMHSDigital/GH-Arcade

Tất cả issue của TMHSDigital/GH-Arcade

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.