From a2d0cb6561adc107c70ce08edc251d7f7d234b5c Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sat, 22 May 2021 14:43:36 +0900 Subject: Web/Events/Orientation_and_motion_data_explained を更新 (#887) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - ファイルを orphaned ディレクトリから適切な場所へ移動 - 2021/04/23 時点の英語版に同期 - 原語併記マクロを削除 --- files/ja/_redirects.txt | 4 +- .../index.html | 50 ------------- .../index.html | 83 ++++++++++++++++++++++ 3 files changed, 85 insertions(+), 52 deletions(-) delete mode 100644 files/ja/orphaned/web/guide/events/orientation_and_motion_data_explained/index.html create mode 100644 files/ja/web/events/orientation_and_motion_data_explained/index.html (limited to 'files/ja') diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt index 798772a50c..0359f46909 100644 --- a/files/ja/_redirects.txt +++ b/files/ja/_redirects.txt @@ -1382,7 +1382,7 @@ /ja/docs/DOM/NodeIterator /ja/docs/Web/API/NodeIterator /ja/docs/DOM/NodeList /ja/docs/Web/API/NodeList /ja/docs/DOM/NodeList.item /ja/docs/Web/API/NodeList/item -/ja/docs/DOM/Orientation_and_motion_data_explained /ja/docs/orphaned/Web/Guide/Events/Orientation_and_motion_data_explained +/ja/docs/DOM/Orientation_and_motion_data_explained /ja/docs/Web/Events/Orientation_and_motion_data_explained /ja/docs/DOM/Plugin /ja/docs/Web/API/Plugin /ja/docs/DOM/PluginArray /ja/docs/Web/API/PluginArray /ja/docs/DOM/SVGFontElement /ja/docs/Web/API/SVGFontElement @@ -4577,7 +4577,7 @@ /ja/docs/Web/Guide/Events /ja/docs/orphaned/Web/Guide/Events /ja/docs/Web/Guide/Events/Creating_and_triggering_events /ja/docs/orphaned/Web/Guide/Events/Creating_and_triggering_events /ja/docs/Web/Guide/Events/Event_handlers /ja/docs/orphaned/Web/Guide/Events/Event_handlers -/ja/docs/Web/Guide/Events/Orientation_and_motion_data_explained /ja/docs/orphaned/Web/Guide/Events/Orientation_and_motion_data_explained +/ja/docs/Web/Guide/Events/Orientation_and_motion_data_explained /ja/docs/Web/Events/Orientation_and_motion_data_explained /ja/docs/Web/Guide/Events/Overview_of_Events_and_Handlers /ja/docs/orphaned/Web/Guide/Events/Overview_of_Events_and_Handlers /ja/docs/Web/Guide/Graphics/Drawing_graphics_with_canvas /ja/docs/conflicting/Web/API/Canvas_API/Tutorial_3cd5468edc15a1ef1ddc0d2b17e1fa5d /ja/docs/Web/Guide/HTML /ja/docs/Learn/HTML diff --git a/files/ja/orphaned/web/guide/events/orientation_and_motion_data_explained/index.html b/files/ja/orphaned/web/guide/events/orientation_and_motion_data_explained/index.html deleted file mode 100644 index 637b1cc413..0000000000 --- a/files/ja/orphaned/web/guide/events/orientation_and_motion_data_explained/index.html +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: 方向および動きとして示されるデータ -slug: orphaned/Web/Guide/Events/Orientation_and_motion_data_explained -tags: - - DOM - - Mobile - - Motion - - NeedsContent - - Orientation - - Responsive Design - - páginas_a_traducir - - rotation -translation_of: Web/Guide/Events/Orientation_and_motion_data_explained -original_slug: Web/Guide/Events/Orientation_and_motion_data_explained ---- -

{{ Draft() }}

-

方向や動きのイベントを使用するときは、ブラウザから与えられる値の意味を理解することが重要です。この記事では操作時の座標システムに関する詳細情報と、それらの使い方を説明します。

-

座標フレームについて

-

{{原語併記("座標フレーム", "coordinate frame")}} は、オブジェクトに関する 3 軸 (X、Y、Z) の方向が定義されているシステムです。方向や動きのイベントを使用するときに考慮する座標フレームは 2 つあります:

-

地球座標フレーム

-

{{原語併記("地球座標フレーム", "Earth coordinate frame")}} は、地球の中心に固定されている座標フレームです。すなわち、軸は重力によって引かれる力および標準的な磁北方向に基づいて揃えられます。私たちは大文字 ("X"、"Y"、"Z") を、地球座標フレームの軸を示すために使用します。

- -

デバイス座標フレーム

-

{{原語併記("デバイス座標フレーム", "Device coordinate frame")}} は、デバイスの中心に固定された座標フレームです。私たちは小文字 ("x"、"y"、"z") を、デバイス座標フレームの軸を示すために使用します。

-

axes.png

- -
- 注意: 電話機やタブレットでは、デバイスの方向が常にスクリーンの標準的な方向に対して考えられます。これは、ほとんどのデバイスで "ポートレート" 方向になります。ラップトップコンピュータでは、方向はキーボードに対して考えられます。補正するためにデバイスの方向の変化を検知したい場合は、orientationchange イベントを使用できます。
-

回転について

-

回転は、デバイス座標フレームと地球座標フレームとの度合いの違いという点から各軸で表現され、またそれは度単位で測られます

-

Alpha

-

z 軸を中心にした回転、すなわちデバイスをひねるようにすると、alpha 回転角が変化します:

-

alpha.png

-

alpha 角はデバイスの上端が地球の北極をまっすぐ向いているときが 0 度であり、デバイスが左へ回転するのに従って増加します。

-

Beta

-

x 軸を中心にした回転、すなわちデバイスを向こう側やユーザ側へ向かって傾けると、beta 回転角が変化します:

-

beta.png

-

beta 角はデバイスの上端および下端から地球の表面までの距離がどちらも同じであるときが 0 度であり、デバイスを前方へ傾けるのに従って 180 度まで増加、後方へ傾けるのに従って -180 度まで減少します。

-

Gamma

-

y 軸を中心にした回転、すなわちデバイスを左右に傾けると、gamma 回転角が変化します:

-

gamma.png

-

gamma 角はデバイスの左端および右端から地球の表面までの距離がどちらも同じであるときが 0 度であり、デバイスを右へ傾けるのに従って 90 度まで増加、左へ傾けるのに従って -90 度まで減少します。

diff --git a/files/ja/web/events/orientation_and_motion_data_explained/index.html b/files/ja/web/events/orientation_and_motion_data_explained/index.html new file mode 100644 index 0000000000..2f83fd5355 --- /dev/null +++ b/files/ja/web/events/orientation_and_motion_data_explained/index.html @@ -0,0 +1,83 @@ +--- +title: 方向および動きとして示されるデータ +slug: Web/Events/Orientation_and_motion_data_explained +tags: + - Intermediate + - Mobile + - Motion + - NeedsContent + - Orientation + - rotation +translation_of: Web/Events/Orientation_and_motion_data_explained +original_slug: Web/Guide/Events/Orientation_and_motion_data_explained +--- +

{{ Draft() }}

+ +

概要

+ +

方向や動きのイベントを使用するときは、ブラウザーから与えられる値の意味を理解することが重要です。この記事では操作時の座標システムに関する詳細情報と、それらの使い方を説明します。

+ +

座標フレームについて

+ +

座標フレーム (coordinate frame) は、オブジェクトに関する 3 軸 (X, Y, Z) の方向が定義されているシステムです。方向や動きのイベントを使用するときに考慮する座標フレームは 2 つあります。

+ +

地球座標フレーム

+ +

地球座標フレーム (Earth coordinate frame) は、地球の中心に固定されている座標フレームです。すなわち、軸は重力によって引かれる力および標準的な磁北方向に基づいて揃えられます。私たちは大文字 ("X"、"Y"、"Z") を、地球座標フレームの軸を示すために使用します。

+ + +

端末座標フレーム

+ +

端末座標フレーム (Device coordinate frame) は、端末の中心に固定された座標フレームです。私たちは小文字 ("x"、"y"、"z") を、端末座標フレームの軸を示すために使用します。

+ +

+ + + +
注:携帯電話やタブレットでは、端末の方向が常に画面の標準的な方向に対して考慮され、これは、ほとんどの端末では「ポートレート」 (縦) の方向になります。ノートパソコンでは、方向はキーボードに対して考慮されます。補正するために端末の方向の変化を検知したい場合は、orientationchange イベントが使用できます。
+ +

回転について

+ +

回転は、端末座標フレームと地球座標フレームとの度合いの違いという点から各軸で表現され、またそれは度単位で測られます。

+ +

Alpha

+ +

z 軸を中心にした回転、すなわち端末をひねるようにすると、 alpha 回転角が変化します。

+ +

+ +

alpha 角は端末の上端が地球の北極をまっすぐ向いているときが 0 度であり、端末が左へ回転するのに従って増加します。

+ +

Beta

+ +

x 軸を中心にした回転、すなわち端末を向こう側やユーザー側へ向けて傾けると、 beta 回転角が変化します。

+ +

Positive beta pitches the device forward toward the user.

+ +

beta 角は端末の上端および下端から地球の表面までの距離がどちらも同じであるときが 0 度であり、端末を前方へ傾けるに従って 180 度まで増加、後方へ傾けるに従って -180 度まで減少します。

+ +

Gamma

+ +

y 軸を中心にした回転、すなわち端末を左右に傾けると、 gamma 回転角が変化します。

+ +

+ +

gamma 角は端末の左端および右端から地球の表面までの距離がどちらも同じであるときが 0 度であり、端末を右へ傾けるのに従って 90 度まで増加、左へ傾けるのに従って -90 度まで減少します。

+ + \ No newline at end of file -- cgit v1.2.3-54-g00ecf