Chara - a chord practice tool of CharaChorder 3D input devices developed by Tangent

Posted on In , 繁體中文版 HackMD Note Word count in article: 1.6k Reading time ≈ 1 mins.
Tangent introduces Chara, the unofficial chord practice tool for CharaChorder 3D input devices that he developed, in this article.

ℹ️ Disclaimer: This tool is not affiliated, associated, authorized, endorsed by, or in any way officially connected with CharaChorder.

截圖 2026-06-22 08.53.36

Features

  • Chords page
    • It shows all the chords in your chord library and the practice statistics in each phase.
    • It can load the chord library and the device layout from an input device.
    • Chords can be bookmarked, so they would have a higher priority for entering the cycle.
    • Chords can be blocked, so they would not appear in any phase.
  • Adapt, Realize, Accumulate pages.
    • They are practice phases aligning with the CHARA cycle⁠.
    • They automatically choose chords from your chord library into the practice cycle.
    • Practice set size and passing criteria can be configured in the settings page.

Side Topics

Naming and Theme Color

While thinking of a name for this chord practice tool, I wanted to align it with my previous practice tool, Alnitak⁠, so I started collecting star names related to chording or CharaChorder. Chara was the perfect name I finally found. It’s a star name (β Canum Venaticorum), and it’s also a part of the name of CharaChorder. The name of the CHARA cycle also came up from it, so everything could be connected.
Like Alnitak, since Chara is a G-type main-sequence star, the yellow theme color is used in this application.

Design Concepts

Visual Guide

Unlike Alnitak, the visual guide on Chara doesn’t have a text label. This is intended to let the user focus more on the finger action to perform, rather than the keys.

Tech Stack