gazewheel-site/devices.html at main · cberbel/gazewheel-site · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GazeWheel — devices &amp; suppliers for cursor typing</title>
<meta name="description" content="Eye trackers, head mice and free software that move the cursor for you — the equipment side of typing with GazeWheel: Tobii Dynavox, Irisbond, EyeTech, built-in OS eye tracking and free webcam options.">
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='46' fill='none' stroke='%2326324c' stroke-width='9'/%3E%3Ccircle cx='50' cy='50' r='46' fill='none' stroke='%234da3ff' stroke-width='9' stroke-dasharray='66 223' stroke-dashoffset='-140' stroke-linecap='round'/%3E%3Ccircle cx='50' cy='50' r='29' fill='none' stroke='%232c3a5c' stroke-width='8'/%3E%3Ccircle cx='50' cy='50' r='12' fill='%234da3ff'/%3E%3Cpath d='M56 48 v30 l8-7 4.8 10.6 6.2-2.8 -4.8-10.6 11-1 z' fill='%23fff' stroke='%230f1420' stroke-width='3'/%3E%3C/svg%3E">
<style>
  :root{--bg:#0f1420;--panel:#1a2233;--panel2:#232e46;--text:#f2f6ff;--dim:#8fa0bf;--accent:#4da3ff;
        --green:#59c96b;--amber:#ffd166;--line:#2a3550;--soft:#cddaf0;--onAccent:#0f1420;}
  /* fundo claro: escolha da pessoa, ou o que o sistema dela já pede */
  :root[data-scheme="light"]{
        --bg:#e9f1fc;--panel:#ffffff;--panel2:#d7e6f9;--text:#111827;--dim:#4d5d7a;--accent:#0a63c9;
        --green:#0f7a35;--amber:#8a5a00;--line:#c9dbf1;--soft:#2f3d59;--onAccent:#ffffff;}
  @media (prefers-color-scheme: light){
    :root:not([data-scheme="dark"]){
        --bg:#e9f1fc;--panel:#ffffff;--panel2:#d7e6f9;--text:#111827;--dim:#4d5d7a;--accent:#0a63c9;
        --green:#0f7a35;--amber:#8a5a00;--line:#c9dbf1;--soft:#2f3d59;--onAccent:#ffffff;}
  }
  .scheme{position:fixed;top:14px;right:14px;z-index:20;background:var(--panel2);color:var(--text);
    border:1px solid var(--line);border-radius:999px;width:46px;height:46px;font-size:20px;cursor:pointer;
    font-family:inherit;line-height:1;}
  .scheme:hover{filter:brightness(1.12);}
  .topnav{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-bottom:28px;padding-right:56px;}
  .topnav a{color:var(--dim);text-decoration:none;font-weight:600;font-size:16px;}
  .topnav a:hover{color:var(--text);}
  .topnav a.on{color:var(--accent);}
  @media(max-width:600px){.topnav{gap:13px;padding-right:52px;} .topnav a{font-size:15px;}}
  *{box-sizing:border-box;margin:0;padding:0;}
  body{background:var(--bg);color:var(--text);font-family:"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55;}
  .wrap{max-width:880px;margin:0 auto;padding:44px 22px 70px;}
  .back{display:inline-block;color:var(--accent);text-decoration:none;font-weight:700;margin-bottom:26px;font-size:17px;}
  h1{font-size:34px;letter-spacing:-.5px;margin-bottom:12px;line-height:1.2;}
  .lede{color:var(--dim);font-size:19px;max-width:680px;margin-bottom:34px;}
  h2{font-size:23px;margin:34px 0 6px;}
  .tier{color:var(--dim);font-size:16px;margin-bottom:14px;}
  .item{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:12px;}
  .item h3{font-size:18.5px;margin-bottom:4px;}
  .item h3 a{color:var(--accent);text-decoration:none;}
  .item h3 a:hover{text-decoration:underline;}
  .item p{color:var(--soft);font-size:16.5px;margin:0;}
  .badge{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:3px 9px;border-radius:999px;margin-left:8px;vertical-align:2px;}
  .badge.free{background:rgba(89,201,107,.16);color:var(--green);}
  .badge.builtin{background:rgba(77,163,255,.16);color:var(--accent);}
  .note{background:var(--panel);border-left:4px solid var(--amber);border-radius:0 12px 12px 0;padding:16px 20px;color:var(--soft);font-size:16px;margin-top:34px;}
  footer{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;color:var(--dim);font-size:15px;text-align:center;}
  footer a{color:var(--accent);text-decoration:none;font-weight:700;}
</style>
<script>try{var s=localStorage.getItem("gw.scheme");if(s)document.documentElement.setAttribute("data-scheme",s);}catch(e){}</script>
</head>
<body>
<button id="schemeBtn" class="scheme" title="Light / dark" aria-label="Switch between light and dark background">☀</button>
<div class="wrap">

  <nav class="topnav">
    <a href="index.html">Keyboard</a>
    <a href="challenge.html">Typing challenge</a>
    <a href="feedback.html">Suggestions &amp; versions</a>
    <a class="on" href="devices.html">Devices</a>
    <a href="support.html">Support</a>
  </nav>
  <h1>Devices that move the cursor for you</h1>
  <p class="lede">GazeWheel only needs one thing from your equipment: cursor movement. This is the
  equipment side — from built-in, zero-cost options to dedicated assistive eye trackers. Start with
  what you already have; upgrade when you hit its limits.</p>

  <h2>Already in your device <span class="badge builtin">built in</span></h2>
  <p class="tier">Try these first. They cost nothing and need no extra hardware.</p>
  <div class="item">
    <h3>Apple iPad / iPhone — Eye Tracking</h3>
    <p>Built into iPadOS and iOS accessibility settings since 2024: the front camera tracks your eyes
    and a dwell click selects. Works with GazeWheel in Safari on the same screen.</p>
  </div>
  <div class="item">
    <h3>Windows — Eye Control</h3>
    <p>Built into Windows 10/11 (Settings → Accessibility). Needs a supported eye tracker connected,
    then moves the cursor and clicks by dwell system-wide.</p>
  </div>
  <div class="item">
    <h3>A trackball, joystick or any adapted mouse</h3>
    <p>If any body part can move a large trackball or a joystick, that is already enough. No special
    software needed.</p>
  </div>

  <h2>Free software using a webcam <span class="badge free">free</span></h2>
  <p class="tier">Head or eye tracking with the camera you already own. Less precise than dedicated
  hardware, good for testing whether cursor typing works for you.</p>
  <div class="item">
    <h3><a href="https://cameramouse.org" rel="noopener">Camera Mouse</a> / <a href="https://eviacam.crea-si.com" rel="noopener">Enable Viacam</a></h3>
    <p>Free head tracking: the webcam follows your head movement and moves the cursor. Windows.</p>
  </div>
  <div class="item">
    <h3><a href="https://gazerecorder.com/gazepointer/" rel="noopener">GazePointer</a></h3>
    <p>Free webcam eye tracking for Windows — moves the cursor with your gaze, no extra hardware.</p>
  </div>
  <div class="item">
    <h3><a href="https://github.com/OptiKey/OptiKey" rel="noopener">OptiKey</a></h3>
    <p>Free, open-source on-screen keyboard and mouse control built for eye trackers — useful to
    control the rest of the computer beyond writing.</p>
  </div>

  <h2>Dedicated eye trackers</h2>
  <p class="tier">Purpose-built assistive hardware: precise, works in bed and in changing light, with
  professional support. This is the tier Tobii is known for.</p>
  <div class="item">
    <h3><a href="https://www.tobiidynavox.com/pages/pceye" rel="noopener">Tobii Dynavox — PCEye</a></h3>
    <p>Compact eye tracker for Windows computers and tablets, screens up to 27". With Windows Control
    software it clicks for you — with GazeWheel, keep dwell off in our settings and let it do the
    clicking. This is the setup GazeWheel was designed around.</p>
  </div>
  <div class="item">
    <h3><a href="https://www.tobiidynavox.com" rel="noopener">Tobii Dynavox — TD I-Series / TD Pilot</a></h3>
    <p>Complete speech-generating devices (dedicated tablet + eye tracker + mounting), including a
    version built around the iPad. The full-package route, often covered by insurance or public health
    programs.</p>
  </div>
  <div class="item">
    <h3><a href="https://www.irisbond.com" rel="noopener">Irisbond — Hiru</a></h3>
    <p>Eye tracker from Spain that works on both Windows and iPad. A strong Tobii alternative,
    common in Europe and Latin America.</p>
  </div>
  <div class="item">
    <h3><a href="https://eyetechds.com" rel="noopener">EyeTech — TM5 Mini</a></h3>
    <p>US-made assistive eye tracker for Windows, known for working well with glasses and droopy
    eyelids.</p>
  </div>

  <h2>Head mice</h2>
  <p class="tier">If your head still moves well, these are cheaper than eye tracking and very precise.</p>
  <div class="item">
    <h3><a href="https://www.quha.com" rel="noopener">Quha Zono</a></h3>
    <p>Wireless gyroscopic mouse worn on the head (or cap, or glasses). Windows, Mac and Android.</p>
  </div>
  <div class="item">
    <h3><a href="https://glassouse.com" rel="noopener">GlassOuse</a></h3>
    <p>Glasses-shaped head mouse with a choice of switches (bite, blink, finger) for the click.</p>
  </div>

  <p class="note"><b>Independence note:</b> GazeWheel has no commercial relationship with any company on
  this page. Nothing here is sponsored and we earn nothing from these links — they are listed because
  they work with cursor typing. If that ever changes, it will be said here explicitly. Prices and
  availability vary a lot by country; in Brazil, check import taxes before ordering.</p>

  <footer>
    <a href="index.html">← Back to GazeWheel</a> · <a href="feedback.html">Suggestions</a> · <a href="support.html">Support</a>
  </footer>

</div>
<script>
(function(){
  var r = document.documentElement, b = document.getElementById("schemeBtn");
  function cur(){ return r.getAttribute("data-scheme") ||
    (window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark"); }
  function paint(){ b.textContent = cur() === "light" ? "☾" : "☀"; }
  paint();
  b.addEventListener("click", function(){
    var n = cur() === "light" ? "dark" : "light";
    r.setAttribute("data-scheme", n);
    try{ localStorage.setItem("gw.scheme", n); }catch(e){}
    paint();
  });
})();
</script>
</body>
</html>