From 03385cc9f4f157cec2e5fd05f35e6af646055908 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Tue, 14 Sep 2021 11:07:46 +0900 Subject: Web/API以下の文書内のリンクURLを正規化 (#2360) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - /en-US へのリンクを /ja へのリンクに修正 - /ja が付いていないものに /ja を付加 - MDN内のリンクが完全URLの場合、 /ja/docs からのURLに修正 --- files/ja/web/api/webvr_api/concepts/index.html | 2 +- files/ja/web/api/webvr_api/index.html | 2 +- .../web/api/webvr_api/using_the_webvr_api/index.html | 20 ++++++++++---------- .../using_vr_controllers_with_webvr/index.html | 20 ++++++++++---------- 4 files changed, 22 insertions(+), 22 deletions(-) (limited to 'files/ja/web/api/webvr_api') diff --git a/files/ja/web/api/webvr_api/concepts/index.html b/files/ja/web/api/webvr_api/concepts/index.html index a868ca06fd..9327dacaca 100644 --- a/files/ja/web/api/webvr_api/concepts/index.html +++ b/files/ja/web/api/webvr_api/concepts/index.html @@ -198,4 +198,4 @@ translation_of: Web/API/WebVR_API/Concepts

立体音響は，3次元空間内でどのように音が聞こえるかをシミュレーションするための音響操作エフェクトです．

-

これは Web Audio API と直接関係していて，キャンバス内にあるオブジェクト上にサウンドを配置したり，ユーザの移動方向や見ているシーンの部分に応じてオーティオを再生することが可能です．

+

これは Web Audio API と直接関係していて，キャンバス内にあるオブジェクト上にサウンドを配置したり，ユーザの移動方向や見ているシーンの部分に応じてオーティオを再生することが可能です．

diff --git a/files/ja/web/api/webvr_api/index.html b/files/ja/web/api/webvr_api/index.html index bbce00b96f..c0997f6058 100644 --- a/files/ja/web/api/webvr_api/index.html +++ b/files/ja/web/api/webvr_api/index.html @@ -63,7 +63,7 @@ translation_of: Web/API/WebVR_API

コントローラーの使用: WebVR と Gamepad API の組み合わせ

-

多くの WebVR ハードウェアは、ヘッドセットと一緒に使用するコントローラーをセットアップします。これらは Gamepad API を介して WebVR アプリで使用することができ、特に Gamepad Extensions API は、コントローラーのコントローラーのポーズや触覚アクチュエーターなどにアクセスするための API 機能を追加します。

+

多くの WebVR ハードウェアは、ヘッドセットと一緒に使用するコントローラーをセットアップします。これらは Gamepad API を介して WebVR アプリで使用することができ、特に Gamepad Extensions API は、コントローラーのコントローラーのポーズや触覚アクチュエーターなどにアクセスするための API 機能を追加します。

Note: WebVR API の使用の記事では、 WebVR アプリでの VR コントローラーの使い方の基本を解説しています。

diff --git a/files/ja/web/api/webvr_api/using_the_webvr_api/index.html b/files/ja/web/api/webvr_api/using_the_webvr_api/index.html index 240940fe73..ce40676124 100644 --- a/files/ja/web/api/webvr_api/using_the_webvr_api/index.html +++ b/files/ja/web/api/webvr_api/using_the_webvr_api/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebVR_API/Using_the_WebVR_API ---

{{draft("この WebVR API ドキュメントは現在v1.0の仕様への対応作業の途中です．従って、ここにある情報のいくつかは最新ではありません。この作業について質問がある場合は ~~chrisdavidmills へ連絡をとってください．")}}

-

WebVR API はウェブ開発者のツールキットへのすばらしい追加機能で、Oculus Rift のようなバーチャルリアリティハードウェアへのアクセスが可能となります。そして出力された動きや向きはウェブアプリの描画更新に変換されます。しかし VR アプリを開発はどのようにやればいいのでしょうか？ この記事では、それに関する基礎的な解説を行います。

+

WebVR API はウェブ開発者のツールキットへのすばらしい追加機能で、Oculus Rift のようなバーチャルリアリティハードウェアへのアクセスが可能となります。そして出力された動きや向きはウェブアプリの描画更新に変換されます。しかし VR アプリを開発はどのようにやればいいのでしょうか？ この記事では、それに関する基礎的な解説を行います。

注記: WebVR は現在実験的な段階にあります（最新の仕様はこちらにあります); 今の段階でもっとも正常に動作するのは Firefox Nightly/Developer Edition で、一部の機能は Google Chrome でも動作します。詳細は Brandon Jonesの  Bringing VR to Chrome を参照してください。

@@ -13,18 +13,18 @@ translation_of: Web/API/WebVR_API/Using_the_WebVR_API

始めるには

-

WebVRを始めるには，VRハードウェアのマニュアルに従ったセットアップと、WebVR environment setup に示されているコンピュータへの設定が必要になります、スムースな動作には専用GPUが推奨されます。

+

WebVRを始めるには，VRハードウェアのマニュアルに従ったセットアップと、WebVR environment setup に示されているコンピュータへの設定が必要になります、スムースな動作には専用GPUが推奨されます。

Firefox Nightly (または Developer Edition) のインストールと合わせて WebVR Enabler Add-on も必要となります。

いちど環境が設定できたら、テストのために私たちの MozVR projects を開いて、[Enter VR] ボタンをクリックすることを試してください。

-

注記: より深い情報のために，WebVR environment setup をチェックしてください。

+

注記: より深い情報のために，WebVR environment setup をチェックしてください。

-

注記: モバイルデバイスを HMD として用いるような安価な選択肢もあります。この場合，位置センサは利用できませんので、代わりに deviceorientation API を用いて擬似的な向きデータを使う必要があるかもしれません。

+

注記: モバイルデバイスを HMD として用いるような安価な選択肢もあります。この場合，位置センサは利用できませんので、代わりに deviceorientation API を用いて擬似的な向きデータを使う必要があるかもしれません。

簡単なデモ

@@ -33,7 +33,7 @@ translation_of: Web/API/WebVR_API/Using_the_WebVR_API

-

これは簡単な 2.5D のデモで，HTML5 Canvas にレンダリングされた Firefox ロゴが右目と左目のビューに表示されるものです．VR HMDでデモを見ているときにキャンバスをクリックすると、デモはフルスクリーンになり、Firefox ロゴに近づけるようになります。あなたが動くと頭の動きに合わせて上下左右や回転してリアルに動きます。

+

これは簡単な 2.5D のデモで，HTML5 Canvas にレンダリングされた Firefox ロゴが右目と左目のビューに表示されるものです．VR HMDでデモを見ているときにキャンバスをクリックすると、デモはフルスクリーンになり、Firefox ロゴに近づけるようになります。あなたが動くと頭の動きに合わせて上下左右や回転してリアルに動きます。

あなたが WebVR のコードがどう動いているかを簡単に確認できるように、デモは意図的にシンプルになるよう保持されています。API は十分シンプルであるため，単純な DOM ベースインターフェイスでも複雑な WebGL シーンでも、好きなアプリに WebVR 制御の移動を簡単に適用できます。

@@ -87,7 +87,7 @@ var ctx = myCanvas.getContext('2d'); var body = document.querySelector('body'); body.appendChild(myCanvas); -

次に、新しい image を作成し、アプリの main loop であるdraw()を実行する前に image が ロードされているかをチェックするために {{event("load")}} イベントを使います:

+

次に、新しい image を作成し、アプリの main loop であるdraw()を実行する前に image が ロードされているかをチェックするために {{event("load")}} イベントを使います:

var image = new Image();
 image.src = 'firefox.png';
@@ -113,11 +113,11 @@ image.onload = draw;
requestAnimationFrame(draw); } -

window の WIDTH と HEIGHT は各フレームでリサンプリングされ，次の設定に使われます:

+

window の WIDTH と HEIGHT は各フレームでリサンプリングされ，次の設定に使われます:

  • 左右の目のビュー中心からの相対的に描画される画像を維持するのに使われる左右のオフセット値です。半分の幅のシーンのコピーを描画するので、各コピーの中心はそれぞれ、エッジの端から端までのキャンバス全体幅のちょうど1/4の幅になります。
    • -
  • キャンバスの width と height。
    • +
  • キャンバスの width と height。

これによってブラウザウィンドウがリサイズされたとしても、シーンが正しくリサイズされます。

@@ -132,7 +132,7 @@ image.onload = draw;

これらの詳細は、後ほど解説します。

-

ループの最後に requestAnimationFrame(draw)  を実行し、draw() ループが連続して呼び出されるようにします。

+

ループの最後に requestAnimationFrame(draw)  を実行し、draw() ループが連続して呼び出されるようにします。

位置と向き情報の受取り

@@ -244,7 +244,7 @@ image.onload = draw;

フルスクリーン表示

-

VRエフェクトはアプリを フルスクリーンモード で実行すると非常に効果的です。ディスプレイのダブルクリックやボタンの押下のような、特定のイベントが発生した時に {{htmlelement("canvas")}} 要素をフルスクリーンにするための一般的な設定を説明します。

+

VRエフェクトはアプリを フルスクリーンモード で実行すると非常に効果的です。ディスプレイのダブルクリックやボタンの押下のような、特定のイベントが発生した時に {{htmlelement("canvas")}} 要素をフルスクリーンにするための一般的な設定を説明します。

シンプルさを保つために、ここではキャンバスのクリック時に fullScreen() 関数を実行します:

diff --git a/files/ja/web/api/webvr_api/using_vr_controllers_with_webvr/index.html b/files/ja/web/api/webvr_api/using_vr_controllers_with_webvr/index.html index d2f568e849..ec74f3b17e 100644 --- a/files/ja/web/api/webvr_api/using_vr_controllers_with_webvr/index.html +++ b/files/ja/web/api/webvr_api/using_vr_controllers_with_webvr/index.html @@ -14,19 +14,19 @@ translation_of: Web/API/WebVR_API/Using_VR_controllers_with_WebVR ---
{{APIRef("WebVR API")}}
-

多くのWebVRハードウェアは、ヘッドセットとコントローラーがセットになっています。WebVRアプリにおいては、ヘッドセットとコントローラーはGamepad APIを通じて接続されます。中でも、Gamepad Extensions APIは、コントローラーの状態(controller pose)、触覚アクチュエータ(haptic actuators)などの情報を取得します。この記事では、その基礎となる部分を解説いたします。

+

多くのWebVRハードウェアは、ヘッドセットとコントローラーがセットになっています。WebVRアプリにおいては、ヘッドセットとコントローラーはGamepad APIを通じて接続されます。中でも、Gamepad Extensions APIは、コントローラーの状態(controller pose)、触覚アクチュエータ(haptic actuators)などの情報を取得します。この記事では、その基礎となる部分を解説いたします。

The WebVR API

-

WebVR API は初期段階ではあるが、開発者がウェブベースのバーチャルリアリティー経験を生み出すことのできるとても興味深いウェブの新しい機能です。コンピュータとつながっているVRヘッドセット（VRディスプレイ）へのアクセスを与えることで，ディスプレイをスタートしたり、ストップする操作ができます．動きのデータ（例：方向や位置）へアクセスして得られたデータは，各アニメーションループのフレームごとにディスプレイをアップデートするためなどに使用されます。

+

WebVR API は初期段階ではあるが、開発者がウェブベースのバーチャルリアリティー経験を生み出すことのできるとても興味深いウェブの新しい機能です。コンピュータとつながっているVRヘッドセット（VRディスプレイ）へのアクセスを与えることで，ディスプレイをスタートしたり、ストップする操作ができます．動きのデータ（例：方向や位置）へアクセスして得られたデータは，各アニメーションループのフレームごとにディスプレイをアップデートするためなどに使用されます。

-

この記事を読む前提として、Web VR API の基礎についてすでに知っていることを想定しています。 — もしまだUsing the WebVR APIにを読んでいない場合には、まずはそちらを読んでみましょう．その記事の中では，ブラウザ側がハードウェアの設定をサポートしたり，設定を要求したりすることについて詳しく説明しています。

+

この記事を読む前提として、Web VR API の基礎についてすでに知っていることを想定しています。 — もしまだUsing the WebVR APIにを読んでいない場合には、まずはそちらを読んでみましょう．その記事の中では，ブラウザ側がハードウェアの設定をサポートしたり，設定を要求したりすることについて詳しく説明しています。

The Gamepad API

-

Gamepad API はよくサポートされたAPIであり， これを使用することでPCにつながっているゲームパッドやコントローラーに開発者がアクセスすることができるようになります。また、ウェブアプリケーションをゲームパッドやコントローラーを通じて操作することもできるようになります。基本としてGamepad APIは、ゲームパッドオブジェクトとしてつながっているコントローラーに対してアクセスの許可を与えます。そしてどのボタンが押されているか、軸がどの方向に向いているかなどの情報を取得するよう要求します。

+

Gamepad API はよくサポートされたAPIであり， これを使用することでPCにつながっているゲームパッドやコントローラーに開発者がアクセスすることができるようになります。また、ウェブアプリケーションをゲームパッドやコントローラーを通じて操作することもできるようになります。基本としてGamepad APIは、ゲームパッドオブジェクトとしてつながっているコントローラーに対してアクセスの許可を与えます。そしてどのボタンが押されているか、軸がどの方向に向いているかなどの情報を取得するよう要求します。

-

Gamepad APIの基本的な使い方については、Using the Gamepad APIやImplementing controls using the Gamepad APIの中で詳しく知ることができます。

+

Gamepad APIの基本的な使い方については、Using the Gamepad APIやImplementing controls using the Gamepad APIの中で詳しく知ることができます。

しかしながら，この記事では主に、位置、方向、触覚アクチュエーター（バイブレーション）などの高度なコントローラー情報へのアクセスのような、Gamepad Extensions APIで与えられたいくつかの新しい特徴に注目します。このAPIはとても新しく，Firefox 55+ BetaやFirefox Nightly のブラウザでのみデフォルトでWebVR APIがサポートされています。

@@ -162,7 +162,7 @@ window.addEventListener('gamepaddisconnected', function(e) {

実際のWebVRのデモで使用されたGamepad APIを見てみましょう。このデモはraw-webgl-controller-example (see it live here also).で見ることができます。

-

私達のraw-webgl-example (詳しくは Using the WebVR API を御覧ください。)と同じ方法で、このデモにおいても回転する3D立方体をレンダリングしています。また、これをVRディスプレイへ投影することもできます。

+

私達のraw-webgl-example (詳しくは Using the WebVR API を御覧ください。)と同じ方法で、このデモにおいても回転する3D立方体をレンダリングしています。また、これをVRディスプレイへ投影することもできます。

唯一の違いとしては、VRディスプレイへ投影モードでは、VRコントローラーを使って立方体を動かすことができます。（オリジナルのデモ動画では、VRヘッドセットを動かすことで、立方体を動かすことができる。）

@@ -261,8 +261,8 @@ if(gp) {

関連項目

-- cgit v1.2.3-54-g00ecf