From 6ef1fa4618e08426b874529619a66adbd3d1fcf0 Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 12:07:59 +0100 Subject: unslug ja: move --- files/ja/web/api/vrlayerinit/index.html | 91 ++++++++++++++++++++++ .../ja/web/api/vrlayerinit/rightbounds/index.html | 68 ++++++++++++++++ files/ja/web/api/vrlayerinit/source/index.html | 59 ++++++++++++++ 3 files changed, 218 insertions(+) create mode 100644 files/ja/web/api/vrlayerinit/index.html create mode 100644 files/ja/web/api/vrlayerinit/rightbounds/index.html create mode 100644 files/ja/web/api/vrlayerinit/source/index.html (limited to 'files/ja/web/api/vrlayerinit') diff --git a/files/ja/web/api/vrlayerinit/index.html b/files/ja/web/api/vrlayerinit/index.html new file mode 100644 index 0000000000..b0edd0d577 --- /dev/null +++ b/files/ja/web/api/vrlayerinit/index.html @@ -0,0 +1,91 @@ +--- +title: VRLayer +slug: Web/API/VRLayer +translation_of: Web/API/VRLayerInit +--- +
{{APIRef("WebVR API")}}{{SeeCompatTable}}
+ +

WebVR API の VRLayer インターフェイス (ディクショナリ)は，VRHMDへ表示したいコンテンツレイヤー( {{domxref("HTMLCanvasElement")}} または {{domxref("OffscreenCanvas")}})を表します。

+ +

{{domxref("VRDisplay.requestPresent()")}} メソッドを使うことでレイヤーを表示することができます。

+ +

プロパティ

+ +
+
{{domxref("VRLayer.leftBounds")}}
+
{{domxref("VRDisplay")}} に表示されるキャンバスの左側テクスチャ境界を定義します。
+
{{domxref("VRLayer.rightBounds")}}
+
{{domxref("VRDisplay")}} に表示されるキャンバスの右側テクスチャ境界を定義します。
+
{{domxref("VRLayer.source")}}
+
{{domxref("VRDisplay")}} に表示されるコンテンツの対象となるキャンバスを定義します。
+
+ +

例

+ +
// currently returns an empty array
+var layers = vrDisplay.getLayers();
+
+if(navigator.getVRDisplays) {
+  console.log('WebVR 1.1 supported');
+  // Then get the displays attached to the computer
+  navigator.getVRDisplays().then(function(displays) {
+    // If a display is available, use it to present the scene
+    if(displays.length > 0) {
+      vrDisplay = displays[0];
+      console.log('Display found');
+      // Starting the presentation when the button is clicked: It can only be called in response to a user gesture
+      btn.addEventListener('click', function() {
+        vrDisplay.requestPresent([{ source: canvas }]).then(function() {
+          console.log('Presenting to WebVR display');
+
+          // Here it returns an array of VRLayerInit objects
+          var layers = vrDisplay.getLayers();
+
+          ...
+        });
+      });
+    }
+  });
+}
+ +

{{domxref("VRLayerInit")}} objects look something like this:

+ +
{
+  leftBounds : [ ... ],
+  rightBounds: [ ... ],
+  source: canvasReference
+}
+ +
+

Note: The canvasReference refers to the {{htmlelement("canvas")}} element itself, not the WebGL context associated with the canvas. The other two members are arrays

+
+ +

仕様

+ + + + + + + + + + + + + + +
仕様ステータス備考
{{SpecName('WebVR', '#interface-vrlayer', 'VRLayer')}}{{Spec2('WebVR')}}初回定義
+ +

ブラウザの互換性

+ +

{{Compat("api.VRLayerInit")}}

+ +
+ +

参照

+ + diff --git a/files/ja/web/api/vrlayerinit/rightbounds/index.html b/files/ja/web/api/vrlayerinit/rightbounds/index.html new file mode 100644 index 0000000000..944013d6d7 --- /dev/null +++ b/files/ja/web/api/vrlayerinit/rightbounds/index.html @@ -0,0 +1,68 @@ +--- +title: VRLayerInit.rightBounds +slug: Web/API/VRLayer/rightBounds +tags: + - API + - Experimental + - Property + - Refe + - VR + - VRLayerInit + - Virtual Reality + - WebVR + - rightBounds +translation_of: Web/API/VRLayerInit/rightBounds +--- +
{{APIRef("WebVR API")}}{{SeeCompatTable}}
+ +

{{domxref("VRLayerInit")}} インターフェイス (辞書) の rightBounds プロパティは、 {{domxref("VRDisplay")}} によってコンテンツが表示されるキャンバスの右のテクスチャ境界を定義します。

+ +

構文

+ +
var myVRLayerInit = { };
+myVRLayerInit.rightBounds = [0.5, 0.0, 0.5, 1.0];
+ +

値

+ +

4つの浮動小数点値の配列で 0.0–1.0 の値を取ることができます:

+ +
    +
  1. 境界の左オフセット。
    2. +
  2. 境界の上オフセット。
    3. +
  3. 境界の幅。
    4. +
  4. 境界の高さ。
    5. +
+ +

辞書で leftBounds が指定されていない場合、使用されるデフォルト値は [0.5, 0.0, 0.5, 1.0] です。

+ +

例

+ +

{{page("/Web/API/VRLayerInit", "Examples")}}

+ +

仕様

+ + + + + + + + + + + + + + +
仕様ステータス備考
{{SpecName('WebVR 1.1', '#dom-vrlayerinit-rightbounds', 'rightBounds')}}{{Spec2('WebVR 1.1')}}初回定義
+ +

ブラウザー実装状況

+ +

{{Compat("api.VRLayerInit.rightBounds")}}

+ +

関連項目

+ + diff --git a/files/ja/web/api/vrlayerinit/source/index.html b/files/ja/web/api/vrlayerinit/source/index.html new file mode 100644 index 0000000000..94ab4eaa39 --- /dev/null +++ b/files/ja/web/api/vrlayerinit/source/index.html @@ -0,0 +1,59 @@ +--- +title: VRLayerInit.source +slug: Web/API/VRLayer/source +tags: + - API + - Experimental + - Property + - Reference + - VR + - VRLayerInit + - Virtual Reality + - WebVR + - source +translation_of: Web/API/VRLayerInit/source +--- +
{{APIRef("WebVR API")}}{{SeeCompatTable}}
+ +

{{domxref("VRLayerInit")}} インターフェイス（ディクショナリ）の source プロパティは、 {{domxref("VRDisplay")}} によってコンテンツが表示されるキャンバスを定義します。

+ +

構文

+ +
var myVRLayerInit = { };
+myVRLayerInit.source = myCanvas;
+ +

値

+ +

{{domxref("HTMLCanvasElement")}} または {{domxref("OffscreenCanvas")}} オブジェクト。

+ +

例

+ +

{{page("/Web/API/VRLayerInit", "Examples")}}

+ +

仕様

+ + + + + + + + + + + + + + +
仕様ステータス備考
{{SpecName('WebVR 1.1', '#dom-vrlayerinit-source', 'source')}}{{Spec2('WebVR 1.1')}}初回定義
+ +

ブラウザー実装状況

+ +

{{Compat("api.VRLayerInit.source")}}

+ +

関連項目

+ + -- cgit v1.2.3-54-g00ecf