blob: e71e1f61b7c4941346ee4c286e2f7febf4f8d2c7 (
plain)
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
|
---
title: Gyroscope
slug: Web/API/Gyroscope
translation_of: Web/API/Gyroscope
---
<div>{{APIRef("Gyroscope")}}</div>
<p><span class="seoSummary"><strong><code>Gyroscope</code></strong> интерфейс <a href="/docs/Web/API/Sensor_APIs">Sensor API</a> даёт возможность считать позицию устройства по всем трём осям.</span></p>
<p>Для использования того сенсора пользователю нужно предоставить доступ устройства к <code>'gyroscope'</code> через {{domxref('Permissions')}} API.</p>
<p>If a feature policy blocks use of a feature it is because your code is inconsistent with the policies set on your server. This is not something that would ever be shown to a user. See {{httpheader('Feature-Policy')}} for implementation instructions.</p>
<h2 id="Конструктор">Конструктор</h2>
<dl>
<dt>{{domxref("Gyroscope.Gyroscope()")}}</dt>
<dd>Создание нового <code>Gyroscope</code> объекта.</dd>
</dl>
<h2 id="Свойства">Свойства</h2>
<dl>
<dt>{{domxref('Gyroscope.x')}} {{readonlyinline}}</dt>
<dd>Возвращает угловое отклонение устройства по оси X.</dd>
<dt>{{domxref('Gyroscope.y')}} {{readonlyinline}}</dt>
<dd>Возвращает угловое отклонение устройства по оси Y.</dd>
<dt>{{domxref('Gyroscope.z')}} {{readonlyinline}}</dt>
<dd>Возвращает угловое отклонение устройства по оси Z.</dd>
</dl>
<h2 id="Примеры">Примеры</h2>
<p>Гироскоп обычно использует {{domxref('Sensor.onreading')}} событие для вызова колбэк-функции. В примере ниже функция вызывается 6 раз в секунду.</p>
<pre class="brush: js">let gyroscope = new Gyroscope({frequency: 60});
gyroscope.addEventListener('reading', e => {
console.log("Angular velocity along the X-axis " + gyroscope.x);
console.log("Angular velocity along the Y-axis " + gyroscope.y);
console.log("Angular velocity along the Z-axis " + gyroscope.z);
});
gyroscope.start();</pre>
<h2 id="Спецификации">Спецификации</h2>
{{Specifications}}
<h2 id="Поддержка_браузерами">Поддержка браузерами</h2>
<p>{{Compat("api.Gyroscope")}}</p>
|
