diff options
author | Florian Merz <me@fiji-flo.de> | 2021-02-11 12:07:59 +0100 |
---|---|---|
committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 12:07:59 +0100 |
commit | 6ef1fa4618e08426b874529619a66adbd3d1fcf0 (patch) | |
tree | 890e3e27131be010d82ef957fa68db495006cb0e /files/ja/web/api/vrlayerinit | |
parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
download | translated-content-6ef1fa4618e08426b874529619a66adbd3d1fcf0.tar.gz translated-content-6ef1fa4618e08426b874529619a66adbd3d1fcf0.tar.bz2 translated-content-6ef1fa4618e08426b874529619a66adbd3d1fcf0.zip |
unslug ja: move
Diffstat (limited to 'files/ja/web/api/vrlayerinit')
-rw-r--r-- | files/ja/web/api/vrlayerinit/index.html | 91 | ||||
-rw-r--r-- | files/ja/web/api/vrlayerinit/rightbounds/index.html | 68 | ||||
-rw-r--r-- | files/ja/web/api/vrlayerinit/source/index.html | 59 |
3 files changed, 218 insertions, 0 deletions
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 +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>VRLayer</code></strong> インターフェイス (ディクショナリ)は,VRHMDへ表示したいコンテンツレイヤー( {{domxref("HTMLCanvasElement")}} または {{domxref("OffscreenCanvas")}})を表します。</p> + +<p>{{domxref("VRDisplay.requestPresent()")}} メソッドを使うことでレイヤーを表示することができます。</p> + +<h2 id="プロパティ">プロパティ</h2> + +<dl> + <dt>{{domxref("VRLayer.leftBounds")}}</dt> + <dd>{{domxref("VRDisplay")}} に表示されるキャンバスの左側テクスチャ境界を定義します。</dd> + <dt>{{domxref("VRLayer.rightBounds")}}</dt> + <dd>{{domxref("VRDisplay")}} に表示されるキャンバスの右側テクスチャ境界を定義します。</dd> + <dt>{{domxref("VRLayer.source")}}</dt> + <dd>{{domxref("VRDisplay")}} に表示されるコンテンツの対象となるキャンバスを定義します。</dd> +</dl> + +<h2 id="例">例</h2> + +<pre class="notranslate">// 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(); + + ... + }); + }); + } + }); +}</pre> + +<p>{{domxref("VRLayerInit")}} objects look something like this:</p> + +<pre class="notranslate">{ + leftBounds : [ ... ], + rightBounds: [ ... ], + source: <em>canvasReference</em> +}</pre> + +<div class="blockIndicator note"> +<p><strong>Note</strong>: The <code>canvasReference</code> refers to the {{htmlelement("canvas")}} element itself, not the WebGL context associated with the canvas. The other two members are arrays</p> +</div> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">仕様</th> + <th scope="col">ステータス</th> + <th scope="col">備考</th> + </tr> + <tr> + <td>{{SpecName('WebVR', '#interface-vrlayer', 'VRLayer')}}</td> + <td>{{Spec2('WebVR')}}</td> + <td>初回定義</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + +<p>{{Compat("api.VRLayerInit")}}</p> + +<div id="compat-mobile"></div> + +<h2 id="参照">参照</h2> + +<ul> + <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ,ダウンロード,その他のリソース.</li> +</ul> 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 +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p>{{domxref("VRLayerInit")}} インターフェイス (辞書) の <code><strong>rightBounds</strong></code> プロパティは、 {{domxref("VRDisplay")}} によってコンテンツが表示されるキャンバスの右のテクスチャ境界を定義します。</p> + +<h2 id="構文">構文</h2> + +<pre class="brush: js notranslate">var myVRLayerInit = { }; +myVRLayerInit.rightBounds = <code>[0.5, 0.0, 0.5, 1.0]</code>;</pre> + +<h3 id="値">値</h3> + +<p>4つの浮動小数点値の配列で 0.0–1.0 の値を取ることができます:</p> + +<ol> + <li>境界の左オフセット。</li> + <li>境界の上オフセット。</li> + <li>境界の幅。</li> + <li>境界の高さ。</li> +</ol> + +<p>辞書で <code>leftBounds</code> が指定されていない場合、使用されるデフォルト値は <code>[0.5, 0.0, 0.5, 1.0]</code> です。</p> + +<h2 id="例">例</h2> + +<p>{{page("/Web/API/VRLayerInit", "Examples")}}</p> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">仕様</th> + <th scope="col">ステータス</th> + <th scope="col">備考</th> + </tr> + <tr> + <td>{{SpecName('WebVR 1.1', '#dom-vrlayerinit-rightbounds', 'rightBounds')}}</td> + <td>{{Spec2('WebVR 1.1')}}</td> + <td>初回定義</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザー実装状況">ブラウザー実装状況</h2> + +<p>{{Compat("api.VRLayerInit.rightBounds")}}</p> + +<h2 id="関連項目">関連項目</h2> + +<ul> + <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a></li> + <li><a href="http://mozvr.com/">MozVr.com</a> — demos, downloads, and other resources from the Mozilla VR team.</li> +</ul> 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 +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p>{{domxref("VRLayerInit")}} インターフェイス(ディクショナリ)の <code><strong>source</strong></code> プロパティは、 {{domxref("VRDisplay")}} によってコンテンツが表示されるキャンバスを定義します。</p> + +<h2 id="構文">構文</h2> + +<pre class="brush: js notranslate">var myVRLayerInit = { }; +myVRLayerInit.source = myCanvas;</pre> + +<h3 id="値">値</h3> + +<p>{{domxref("HTMLCanvasElement")}} または {{domxref("OffscreenCanvas")}} オブジェクト。</p> + +<h2 id="例">例</h2> + +<p>{{page("/Web/API/VRLayerInit", "Examples")}}</p> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">仕様</th> + <th scope="col">ステータス</th> + <th scope="col">備考</th> + </tr> + <tr> + <td>{{SpecName('WebVR 1.1', '#dom-vrlayerinit-source', 'source')}}</td> + <td>{{Spec2('WebVR 1.1')}}</td> + <td>初回定義</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザー実装状況">ブラウザー実装状況</h2> + +<p>{{Compat("api.VRLayerInit.source")}}</p> + +<h2 id="関連項目">関連項目</h2> + +<ul> + <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a></li> + <li><a href="http://mozvr.com/">MozVr.com</a> — demos, downloads, and other resources from the Mozilla VR team.</li> +</ul> |