diff options
Diffstat (limited to 'files/ja/web/api/vrdisplay')
17 files changed, 1635 insertions, 0 deletions
diff --git a/files/ja/web/api/vrdisplay/cancelanimationframe/index.html b/files/ja/web/api/vrdisplay/cancelanimationframe/index.html new file mode 100644 index 0000000000..51d0f31164 --- /dev/null +++ b/files/ja/web/api/vrdisplay/cancelanimationframe/index.html @@ -0,0 +1,104 @@ +--- +title: VRDisplay.cancelAnimationFrame() +slug: Web/API/VRDevice/cancelAnimationFrame +translation_of: Web/API/VRDisplay/cancelAnimationFrame +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p>{{domxref("VRDisplay")}} インターフェイスの <code><strong>cancelAnimationFrame()</strong></code> メソッドは， {{domxref("Window.cancelAnimationFrame")}} の特別な実装で， {{domxref("VRDisplay.requestAnimationFrame()")}} で登録したコールバックを登録解除します．</p> + +<h2 id="シンタックス">シンタックス</h2> + +<pre class="brush: js">vrDisplayInstance.cancelAnimationFrame(<em>handle</em>); +</pre> + +<h3 id="パラメータ">パラメータ</h3> + +<dl> + <dt>handle</dt> + <dd>登録解除したいハンドルを与えます．ハンドルは {{domxref("VRDisplay.requestAnimationFrame()")}} を呼出した時に戻り値として取得できます．</dd> +</dl> + +<h3 id="戻り値">戻り値</h3> + +<p>void．</p> + +<h2 id="例">例</h2> + +<pre>TBD.</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('WebVR', '#dom-vrdisplay-cancelanimationframe', 'cancelAnimationFrame()')}}</td> + <td>{{Spec2('WebVR')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</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/vrdisplay/capabilities/index.html b/files/ja/web/api/vrdisplay/capabilities/index.html new file mode 100644 index 0000000000..8aa2d49549 --- /dev/null +++ b/files/ja/web/api/vrdisplay/capabilities/index.html @@ -0,0 +1,62 @@ +--- +title: VRDisplay.capabilities +slug: Web/API/VRDevice/capabilities +tags: + - API + - Experimental + - Property + - Reference + - VR + - VRDisplay + - Virtual Reality + - WebVR + - capabilities +translation_of: Web/API/VRDisplay/capabilities +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p>{{domxref("VRDisplay")}} インターフェイスの <strong><code>capabilities</code></strong> 読取専用プロパティは，<code>VRDisplay</code> の様々な利用可能な機能を示す {{domxref("VRDisplayCapabilities")}} オブジェクトを返します。</p> + +<h2 id="構文">構文</h2> + +<pre class="brush: js notranslate">var myCapabilities = vrDisplayInstance.capabilities;</pre> + +<h3 id="値">値</h3> + +<p>{{domxref("VRDisplayCapabilities")}} オブジェクト。</p> + +<h2 id="例">例</h2> + +<p>{{page("/Web/API/VRDisplayCapabilities", "Examples")}}</p> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('WebVR', '#dom-vrdisplay-capabilities', 'capabilities')}}</td> + <td>{{Spec2('WebVR')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + +<p>{{Compat("api.VRDisplay.capabilities")}}</p> + +<div id="compat-desktop"></div> + +<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/vrdisplay/depthfar/index.html b/files/ja/web/api/vrdisplay/depthfar/index.html new file mode 100644 index 0000000000..dc1c8a44e2 --- /dev/null +++ b/files/ja/web/api/vrdisplay/depthfar/index.html @@ -0,0 +1,99 @@ +--- +title: VRDisplay.depthFar +slug: Web/API/VRDevice/depthFar +translation_of: Web/API/VRDisplay/depthFar +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p>{{domxref("VRDisplay")}} インターフェイスの <code><strong>depthFar</strong></code> プロパティは，<a href="https://en.wikipedia.org/wiki/Viewing_frustum">eye view frustum</a>(ビューフラスタム；つまりシーンの可視領域の境界) のfar平面を定義しているz-depthの取得と設定を行います．</p> + +<h2 id="シンタックス">シンタックス</h2> + +<pre class="brush: js">var mydepthFar = vrDisplayInstance.depthFar; + +vrDisplayInstance.depthFar = 7500.0; +</pre> + +<h3 id="値">値</h3> + +<p>z-depth をメートル単位で表すdouble値; 初期値は <code>10000.0 です．</code></p> + +<h2 id="例">例</h2> + +<pre>TBD.</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('WebVR', '#dom-vrdisplay-depthfar', 'depthFar')}}</td> + <td>{{Spec2('WebVR')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</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/vrdisplay/depthnear/index.html b/files/ja/web/api/vrdisplay/depthnear/index.html new file mode 100644 index 0000000000..bbb4e9f739 --- /dev/null +++ b/files/ja/web/api/vrdisplay/depthnear/index.html @@ -0,0 +1,99 @@ +--- +title: VRDisplay.depthNear +slug: Web/API/VRDevice/depthNear +translation_of: Web/API/VRDisplay/depthNear +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p>{{domxref("VRDisplay")}} インターフェイスの <code><strong>depthNear</strong></code> プロパティは， <a href="https://en.wikipedia.org/wiki/Viewing_frustum">eye view frustum</a>(ビューフラスタム；つまりシーンの可視領域の境界) のnear平面を定義しているz-depthの取得と設定を行います．</p> + +<h2 id="シンタックス">シンタックス</h2> + +<pre class="brush: js">var mydepthNear = vrDisplayInstance.depthNear; + +vrDisplayInstance.depthNear = 1.0; +</pre> + +<h3 id="値">値</h3> + +<p>z-depth をメートル単位で表すdouble値; 初期値は <code>0.01 です．</code></p> + +<h2 id="例">例</h2> + +<pre>TBD.</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('WebVR', '#dom-vrdisplay-depthnear', 'depthNear')}}</td> + <td>{{Spec2('WebVR')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</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/vrdisplay/displayid/index.html b/files/ja/web/api/vrdisplay/displayid/index.html new file mode 100644 index 0000000000..8b1dd9b244 --- /dev/null +++ b/files/ja/web/api/vrdisplay/displayid/index.html @@ -0,0 +1,58 @@ +--- +title: VRDisplay.displayId +slug: Web/API/VRDevice/displayId +tags: + - API + - Experimental + - Property + - Reference + - VR + - VRDisplay + - Virtual Reality + - WebVR + - displayId +translation_of: Web/API/VRDisplay/displayId +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p>{{domxref("VRDisplay")}} インターフェイスの <strong><code>displayId</code></strong> 読み取り専用プロパティは、この特定の <code>VRDisplay</code> の識別子を返します。これは、 <a href="/en-US/docs/Web/API/Gamepad_API">Gamepad API</a> の関連付けポイントとしても使用されます( {{domxref("Gamepad.displayId")}} を参照)。</p> + +<h2 id="構文">構文</h2> + +<pre class="brush: js notranslate">var myDisplayID = vrDisplayInstance.displayId;</pre> + +<h3 id="値">値</h3> + +<p>特定の <code>VRDisplay</code> のIDを表す番号。</p> + +<h2 id="例">例</h2> + +<p>{{page("/Web/API/VRDisplayCapabilities", "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-vrdisplay-displayid', 'displayId')}}</td> + <td>{{Spec2('WebVR 1.1')}}</td> + <td>初回定義</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザー実装状況">ブラウザー実装状況</h2> + +<p>{{Compat("api.VRDisplay.displayId")}}</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/vrdisplay/geteyeparameters/index.html b/files/ja/web/api/vrdisplay/geteyeparameters/index.html new file mode 100644 index 0000000000..1f7240d523 --- /dev/null +++ b/files/ja/web/api/vrdisplay/geteyeparameters/index.html @@ -0,0 +1,104 @@ +--- +title: VRDisplay.getEyeParameters() +slug: Web/API/VRDevice/getEyeParameters +translation_of: Web/API/VRDisplay/getEyeParameters +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p>{{domxref("VRDisplay")}} インターフェイスの <code><strong>getEyeParameters()</strong></code> メソッドは，指定下側の眼のeyeパラメータを持っている {{domxref("VREyeParameters")}} オブジェクトを返します．</p> + +<h2 id="シンタックス">シンタックス</h2> + +<pre class="brush: js">var myEyeParameters = vrDisplayInstance.getEyeParameters(<em>whichEye</em>); +</pre> + +<h3 id="パラメータ">パラメータ</h3> + +<dl> + <dt>whichEye</dt> + <dd>取得したい側のeyeパラメータの眼を表す {{domxref("DOMString")}} です．指定できる値は (<a href="https://mozvr.com/webvr-spec/#enumdef-vreye">VREye enum</a> で定義されている) <code>left</code> と <code>right</code> です．</dd> +</dl> + +<h3 id="戻り値">戻り値</h3> + +<p> {{domxref("VREyeParameters")}} オブジェクトか，VRコンテンツを表示できない場合(例えば {{domxref("VRDisplayCapabilities.canPresent")}} が <code>false</code> を返す場合)は null です．</p> + +<h2 id="例">例</h2> + +<pre>TBD.</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('WebVR', '#dom-vrdisplay-geteyeparameters', 'getEyeParameters()')}}</td> + <td>{{Spec2('WebVR')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</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/vrdisplay/getimmediatepose/index.html b/files/ja/web/api/vrdisplay/getimmediatepose/index.html new file mode 100644 index 0000000000..c0a11c9363 --- /dev/null +++ b/files/ja/web/api/vrdisplay/getimmediatepose/index.html @@ -0,0 +1,101 @@ +--- +title: VRDisplay.getImmediatePose() +slug: Web/API/VRDevice/getImmediatePose +translation_of: Web/API/VRDisplay/getImmediatePose +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p>{{domxref("VRDisplay")}} インターフェイスの <code><strong>getImmediatePose()</strong></code> メソッドは，予測が適用されていない状態の <code>VRDisplay</code> の現在のポーズを決める {{domxref("VRPose")}} オブジェクトを返します．</p> + +<h2 id="シンタックス">シンタックス</h2> + +<pre class="brush: js">var myImmediatePose = vrDisplayInstance.getImmediatePose(); +</pre> + +<h3 id="パラメータ">パラメータ</h3> + +<p>なし．</p> + +<h3 id="戻り値">戻り値</h3> + +<p>{{domxref("VRPose")}} オブジェクト．</p> + +<h2 id="例">例</h2> + +<pre>TBD.</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('WebVR', '#dom-vrdisplay-getimmediatepose', 'getImmediatePose()')}}</td> + <td>{{Spec2('WebVR')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</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/vrdisplay/getlayers/index.html b/files/ja/web/api/vrdisplay/getlayers/index.html new file mode 100644 index 0000000000..01062a2e52 --- /dev/null +++ b/files/ja/web/api/vrdisplay/getlayers/index.html @@ -0,0 +1,53 @@ +--- +title: VRDisplay.getLayers() +slug: Web/API/VRDevice/getLayers +translation_of: Web/API/VRDisplay/getLayers +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p>{{domxref("VRDisplay")}} インターフェイスの <code><strong>getLayers()</strong></code> メソッドは，<code>VRDisplay</code> で現在表示されているレイヤを返します．</p> + +<h2 id="シンタックス">シンタックス</h2> + +<pre class="brush: js">var myLayers = vrDisplayInstance.getLayers(); +</pre> + +<h3 id="パラメータ">パラメータ</h3> + +<p>なし．</p> + +<h3 id="戻り値">戻り値</h3> + +<p>{{domxref("VRLayer")}} オブジェクトの配列．</p> + +<h2 id="例">例</h2> + +<pre>TBD.</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('WebVR', '#dom-vrdisplay-getlayers', 'getLayers()')}}</td> + <td>{{Spec2('WebVR')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + +<p>{{Compat("api.VRDisplay.getLayers")}}</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> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> +</ul> diff --git a/files/ja/web/api/vrdisplay/getpose/index.html b/files/ja/web/api/vrdisplay/getpose/index.html new file mode 100644 index 0000000000..d0457edd10 --- /dev/null +++ b/files/ja/web/api/vrdisplay/getpose/index.html @@ -0,0 +1,101 @@ +--- +title: VRDisplay.getPose() +slug: Web/API/VRDevice/getPose +translation_of: Web/API/VRDisplay/getPose +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p>{{domxref("VRDisplay")}} インターフェイスの <code><strong>getPose()</strong></code> メソッドは，現在のフレームが実際に描画される時点の未来の <code>VRDisplay</code> の予測ポーズを決める {{domxref("VRPose")}} オブジェクトを返します．</p> + +<h2 id="シンタックス">シンタックス</h2> + +<pre class="brush: js">var myPose = vrDisplayInstance.getPose(); +</pre> + +<h3 id="パラメータ">パラメータ</h3> + +<p>なし．</p> + +<h3 id="戻り値">戻り値</h3> + +<p>{{domxref("VRPose")}} オブジェクト．</p> + +<h2 id="例">例</h2> + +<pre>TBD.</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('WebVR', '#dom-vrdisplay-getpose', 'getPose()')}}</td> + <td>{{Spec2('WebVR')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</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/vrdisplay/index.html b/files/ja/web/api/vrdisplay/index.html new file mode 100644 index 0000000000..7bf154bccf --- /dev/null +++ b/files/ja/web/api/vrdisplay/index.html @@ -0,0 +1,129 @@ +--- +title: VRDisplay +slug: Web/API/VRDevice +tags: + - API + - DOM + - Experimental + - Interface + - Media + - Reference + - VR + - VRDisplay + - Virtual Reality + - WebVR +translation_of: Web/API/VRDisplay +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>VRDisplay</code></strong> インターフェイスは，このAPIがサポートしているVRデバイスを現します．VRDisplayにはデバイスIDやデスクリプションのような汎用的な情報が含まれていて，VRシーンの表示を開始するためのメソッドや，目のパラメータやディスプレイの備える機能の取得，その他の重要な機能を含んでいます。</p> + +<p>{{domxref("Navigator.getVRDisplays()")}} を呼び出すことで，すべての接続されているVRのデバイスの配列が返されます。</p> + +<h2 id="プロパティ">プロパティ</h2> + +<dl> + <dt>{{domxref("VRDisplay.capabilities")}} {{readonlyInline}}</dt> + <dd><code>VRDisplay</code>の備える機能を示す {{domxref("VRDisplayCapabilities")}} オブジェクトを返します．</dd> + <dt>{{domxref("VRDisplay.depthFar")}}</dt> + <dd><a href="https://en.wikipedia.org/wiki/Viewing_frustum">eye view frustum</a>(ビューフラスタム；つまりシーンの可視領域の境界) のfar平面を定義しているz-depthの取得と設定を行います．</dd> + <dt>{{domxref("VRDisplay.depthNear")}}</dt> + <dd><a href="https://en.wikipedia.org/wiki/Viewing_frustum">eye view frustum</a>(ビューフラスタム；つまりシーンの可視領域の境界) のnear平面を定義しているz-depthの取得と設定を行います．</dd> + <dt>{{domxref("VRDisplay.displayId")}} {{readonlyInline}}</dt> + <dd>このVRDisplay固有のIDを返します．このIDは<a href="/en-US/docs/Web/API/Gamepad_API">Gamepad API</a> (参照 {{domxref("Gamepad.displayId")}}) の関連付けのために使用されます．</dd> + <dt>{{domxref("VRDisplay.displayName")}} {{readonlyInline}}</dt> + <dd><code>VRDisplay</code>を識別するための人間が読める形式の名前を返します．</dd> + <dt>{{domxref("VRDisplay.isConnected")}} {{readonlyInline}}</dt> + <dd><code>VRDisplay</code>がコンピュータに接続されているか否かを示す {{domxref("Boolean")}} を返します．</dd> + <dt>{{domxref("VRDisplay.isPresenting")}} {{readonlyInline}}</dt> + <dd><code>VRDisplay</code>が現在コンテンツを表示中であるか否かを示す {{domxref("Boolean")}} を返します．</dd> + <dt>{{domxref("VRDisplay.stageParameters")}} {{readonlyInline}}</dt> + <dd><code>VRDisplay</code>がルームスケール体験をサポートしている場合に，ルームスケールパラメータを含んだ {{domxref("VRStageParameters")}} オブジェクトを返します．</dd> +</dl> + +<h2 id="メソッド">メソッド</h2> + +<dl> + <dt>{{domxref("VRDisplay.getEyeParameters()")}}</dt> + <dd>指定した側の眼のパラメータを含む {{domxref("VREyeParameters")}} オブジェクトを返します．</dd> + <dt>{{domxref("VRDisplay.getLayers()")}}</dt> + <dd><code>VRDisplay</code> に表示中のレイヤーを返します．</dd> + <dt>{{domxref("VRDisplay.getPose()")}}</dt> + <dd>現在のフレームが実際に描画される時点の未来の <code>VRDisplay</code> の予測ポーズを決める {{domxref("VRPose")}} オブジェクトを返します．</dd> + <dt>{{domxref("VRDisplay.getImmediatePose()")}}</dt> + <dd>（予測なしの）<code>VRDisplay</code> のポーズを決める {{domxref("VRPose")}} オブジェクトを返します．</dd> + <dt>{{domxref("VRDisplay.resetPose()")}}</dt> + <dd>現在の {{domxref("VRPose.position")}} と {{domxref("VRPose.orientation")}} を"原点/ゼロ"位置の値として扱うように，<code>VRDisplay</code> のポーズをリセットします．</dd> + <dt>{{domxref("VRDisplay.cancelAnimationFrame()")}}</dt> + <dd>{{domxref("Window.cancelAnimationFrame")}} の特別な実装で，{{domxref("VRDisplay.requestAnimationFrame()")}} を未登録状態にすることをコールバック可能にしています．</dd> + <dt>{{domxref("VRDisplay.requestAnimationFrame()")}}</dt> + <dd>{{domxref("Window.requestAnimationFrame")}} の特別な実装で，<code>VRDisplay</code>の新しいフレームが描画される際に毎回呼出されるコールバック関数を持っています．</dd> + <dt>{{domxref("VRDisplay.requestPresent()")}}</dt> + <dd><code>VRDisplay</code> へのシーン描画を開始します．</dd> + <dt>{{domxref("VRDisplay.exitPresent()")}}</dt> + <dd><code>VRDisplay</code> のシーン描画を停止します．</dd> + <dt>{{domxref("VRDisplay.submitFrame()")}}</dt> + <dd>{{domxref("VRLayer")}} の現在の状態をキャプチャし，<code>VRDisplay</code> 上にそれを表示します．</dd> + <dt> + <h3 id="非推奨のメソッド">非推奨のメソッド</h3> + </dt> + <dt>{{domxref("VRDisplay.getPose()")}} {{deprecated_inline}}</dt> + <dd>Returns a {{domxref("VRPose")}} object defining the future predicted pose of the <code>VRDisplay</code> as it will be when the current frame is actually presented. <strong>This method is deprecated — instead, you should use {{domxref("VRDisplay.getFrameData()")}}, which also provides a {{domxref("VRPose")}} object.</strong></dd> + <dt> + <h3 id="廃止されたメソッド">廃止されたメソッド</h3> + </dt> + <dt>{{domxref("VRDisplay.getImmediatePose()")}} {{obsolete_inline}}</dt> + <dd>Returns a {{domxref("VRPose")}} object defining the current pose of the <code>VRDisplay</code>, with no prediction applied. This is no longer needed, and has been removed from the spec.</dd> + <dt>{{domxref("VRDisplay.hardwareUnitId")}} {{obsolete_inline}}</dt> + <dd>Returns a {{domxref("DOMString")}} defining the shared ID of the display, and any other devices that are part of that hardware set (e.g. controllers). This is no longer needed, and has been removed from the spec. Displays now use {{domxref("VRDisplay.displayId")}}, and corresponsing controllers will now return the same ID under {{domxref("Gamepad.displayId")}}.</dd> +</dl> + +<h2 id="例">例</h2> + +<pre class="notranslate">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]; + // Now we have our VRDisplay object and can do what we want with it + } + }); +}</pre> + +<div class="blockIndicator note"> +<p><strong>Note</strong>: この完全なコードは <a href="https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/webgl-demo.js">raw-webgl-example</a> で確認できます。</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-vrdisplay', 'VRDisplay')}}</td> + <td>{{Spec2('WebVR')}}</td> + <td>初回定義</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザー実装状況">ブラウザー実装状況</h2> + +<p>{{Compat("api.VRDisplay")}}</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/vrdisplay/isconnected/index.html b/files/ja/web/api/vrdisplay/isconnected/index.html new file mode 100644 index 0000000000..c8739dc720 --- /dev/null +++ b/files/ja/web/api/vrdisplay/isconnected/index.html @@ -0,0 +1,97 @@ +--- +title: VRdisplay.isConnected +slug: Web/API/VRDevice/isConnected +translation_of: Web/API/VRDisplay/isConnected +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p>{{domxref("VRDisplay")}} インターフェイスの <code><strong>isConnected</strong></code> 読取専用プロパティは， <code>VRDisplay がコンピュータに接続されているかどうかを示す </code>{{domxref("Boolean")}} を返します．</p> + +<h2 id="シンタックス">シンタックス</h2> + +<pre class="brush: js">var isItConnected = vrDisplayInstance.isConnected; +</pre> + +<h3 id="値">値</h3> + +<p>{{domxref("Boolean")}}; <code>true</code> の場合はディスプレイが接続されていることを意味します; それ以外は <code>false</code>.</p> + +<h2 id="例">例</h2> + +<pre>TBD.</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('WebVR', '#dom-vrdisplay-isconnected', 'isConnected')}}</td> + <td>{{Spec2('WebVR')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</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/vrdisplay/ispresenting/index.html b/files/ja/web/api/vrdisplay/ispresenting/index.html new file mode 100644 index 0000000000..4fe6132069 --- /dev/null +++ b/files/ja/web/api/vrdisplay/ispresenting/index.html @@ -0,0 +1,97 @@ +--- +title: VRDisplay.isPresenting +slug: Web/API/VRDevice/isPresenting +translation_of: Web/API/VRDisplay/isPresenting +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p>{{domxref("VRDisplay")}} インターフェイスの <code><strong>isPresenting</strong></code> 読取専用プロパティは， <code>VRDisplay</code> が現在コンテンツを表示中かどうかを示します．</p> + +<h2 id="シンタックス">シンタックス</h2> + +<pre class="brush: js">var isItPresenting = vrDisplayInstance.isPresenting; +</pre> + +<h3 id="値">値</h3> + +<p>{{domxref("Boolean")}}; <code>true</code> の場合はそのディスプレイが表示中であることを意味します; <code>false</code> は表示されていないことを意味します．</p> + +<h2 id="例">例</h2> + +<pre>TBD.</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('WebVR', '#dom-vrdisplay-ispresenting', 'isPresenting')}}</td> + <td>{{Spec2('WebVR')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</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/vrdisplay/requestanimationframe/index.html b/files/ja/web/api/vrdisplay/requestanimationframe/index.html new file mode 100644 index 0000000000..0865966016 --- /dev/null +++ b/files/ja/web/api/vrdisplay/requestanimationframe/index.html @@ -0,0 +1,109 @@ +--- +title: VRDisplay.requestAnimationFrame() +slug: Web/API/VRDevice/requestAnimationFrame +translation_of: Web/API/VRDisplay/requestAnimationFrame +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p>{{domxref("VRDisplay")}} インターフェイスの <code><strong>requestAnimationFrame()</strong></code> メソッドは，{{domxref("Window.requestAnimationFrame")}} の特別な実装です．このメソッドは <code>VRDisplay</code> がレンダリングされている間，新しいフレーム毎に呼出されるコールバック関数を持ちます:</p> + +<ul> + <li><code>VRDisplay</code> がシーンを表示していないときは， {{domxref("Window.requestAnimationFrame")}} と等価な働きをします．</li> + <li>VRDisplay が表示されている場合は，<code>VRDisplay のネイティブなリフレッシュレートでコールバックが呼び出されます．</code></li> +</ul> + +<h2 id="シンタックス">シンタックス</h2> + +<pre class="brush: js">var handle = vrDisplayInstance.requestAnimationFrame(<em>callback</em>); +</pre> + +<h3 id="パラメータ">パラメータ</h3> + +<dl> + <dt>callback</dt> + <dd><code>描画されている VRDisplay の新しいフレーム描画の度に呼出されるコールバック関数．</code></dd> +</dl> + +<h3 id="戻り値">戻り値</h3> + +<p><code>requestAnimationFrame()呼出しのハンドルを表す</code> long値．この値は，コールバックを登録解除するために {{domxref("VRDisplay.cancelAnimationFrame()")}} 呼出しへ渡すのに使えます．</p> + +<h2 id="例">例</h2> + +<pre>TBD.</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('WebVR', '#dom-vrdisplay-requestanimationframe', 'requestAnimationFrame()')}}</td> + <td>{{Spec2('WebVR')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</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/vrdisplay/requestpresent/index.html b/files/ja/web/api/vrdisplay/requestpresent/index.html new file mode 100644 index 0000000000..3429a3e6a8 --- /dev/null +++ b/files/ja/web/api/vrdisplay/requestpresent/index.html @@ -0,0 +1,162 @@ +--- +title: VRDisplay.requestPresent() +slug: Web/API/VRDevice/requestPresent +tags: + - API + - Experimental +translation_of: Web/API/VRDisplay/requestPresent +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p>{{domxref("VRDisplay")}} インターフェイスの <code><strong>requestPresent()</strong></code> メソッドは，<code>VRDisplay</code> へのシーン表示を開始します．</p> + +<h2 id="シンタックス">シンタックス</h2> + +<pre class="brush: js notranslate">vrDisplayInstance.requestPresent(<em>layers</em>).then(function() { + // Do something after the presentation has begun +}); +</pre> + +<h3 id="パラメータ">パラメータ</h3> + +<dl> + <dt>layers</dt> + <dd>表示したいシーンを表す {{domxref("VRLayer")}} オブジェクトの配列．なお現時点では，指定できるのは最小0要素，最大1要素です．</dd> +</dl> + +<h3 id="戻り値">戻り値</h3> + +<p>表示が開始されたかを解決するpromise．</p> + +<div class="note"> +<p><strong>注記</strong>: {{domxref("VRDisplayCapabilities.canPresent")}} が <code>false，あるいは</code> <code>VRLayer</code> 配列数が {{domxref("VRDisplayCapabilities.maxLayers")}} レイヤより多い場合, promiseはリジェクトされます．</p> +</div> + +<div class="note"> +<p><strong>注記</strong>: <code>requestPresent()</code> を呼出した時に<code>VRDisplay</code> が表示中の場合，<code>VRDisplay</code> は表示する <code>VRLayer</code> 配列を更新します．<code>VRDisplayが表示中で</code> <code>requestPresent()</code> がリジェクトされたら，<code>VRDisplay</code> は表示を終了します．</p> +</div> + +<h2 id="例">例</h2> + +<pre class="notranslate">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() { + if(btn.textContent === 'Start VR display') { + vrDisplay.requestPresent([{ source: canvas }]).then(function() { + console.log('Presenting to WebVR display'); + + // Set the canvas size to the size of the vrDisplay viewport + + var leftEye = vrDisplay.getEyeParameters('left'); + var rightEye = vrDisplay.getEyeParameters('right'); + + canvas.width = Math.max(leftEye.renderWidth, rightEye.renderWidth) * 2; + canvas.height = Math.max(leftEye.renderHeight, rightEye.renderHeight); + + // stop the normal presentation, and start the vr presentation + window.cancelAnimationFrame(normalSceneFrame); + drawVRScene(); + + btn.textContent = 'Exit VR display'; + }); + } else { + vrDisplay.exitPresent(); + console.log('Stopped presenting to WebVR display'); + + btn.textContent = 'Start VR display'; + + // Stop the VR presentation, and start the normal presentation + vrDisplay.cancelAnimationFrame(vrSceneFrame); + drawScene(); + } + }); + } + }); +}</pre> + +<div class="blockIndicator note"> +<p><strong>Note</strong>: You can see this complete code at <a href="https://github.com/mdn/webvr-tests/blob/master/raw-webgl-example/webgl-demo.js">raw-webgl-example</a>.</p> +</div> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('WebVR', '#dom-vrdisplay-requestpresent', 'requestPresent()')}}</td> + <td>{{Spec2('WebVR')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</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/vrdisplay/resetpose/index.html b/files/ja/web/api/vrdisplay/resetpose/index.html new file mode 100644 index 0000000000..ae067cf0db --- /dev/null +++ b/files/ja/web/api/vrdisplay/resetpose/index.html @@ -0,0 +1,105 @@ +--- +title: VRDevice.resetPose() +slug: Web/API/VRDevice/resetPose +translation_of: Web/API/VRDisplay/resetPose +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p>{{domxref("VRDisplay")}} インターフェイスの <code><strong>resetPose()</strong></code> メソッドは，<code>VRDisplay</code> のポーズをリセットして，現在の {{domxref("VRPose.position")}} と {{domxref("VRPose.orientation")}} を "原点/ゼロ位置" の値として扱います．</p> + +<p><code>resetPost()</code> を呼出した後は， {{domxref("VRDisplay.getPose()")}}/{{domxref("VRDisplay.getImmediatePose()")}} から返された未来予測ポーズは，<code>resetPose()</code> が最後に呼び出された時点からの相対的な <code>VRDisplay</code> の位置になります．また，<code>resetPose()</code> が最後に呼び出された時点のVRディスプレイのヨー(yaw)を前方として扱います．</p> + +<p><code>重力の方向に対して決まるので，resetPose()</code> が呼び出されたとしてもVRDisplayのレポートするロール(roll)とピッチ(pitch)は変更されません．<code>resetPose()</code> の呼出しによって {{domxref("VRStageParameters.sittingToStandingTransform")}} 行列が変化する場合があります．</p> + +<h2 id="シンタックス">シンタックス</h2> + +<pre class="brush: js">vrDisplayInstance.resetPose(); +</pre> + +<h3 id="パラメータ">パラメータ</h3> + +<p>なし．</p> + +<h3 id="戻り値">戻り値</h3> + +<p>void．</p> + +<h2 id="例">例</h2> + +<pre>TBD.</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('WebVR', '#dom-vrdisplay-resetpose', 'resetPose()')}}</td> + <td>{{Spec2('WebVR')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</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/vrdisplay/stageparameters/index.html b/files/ja/web/api/vrdisplay/stageparameters/index.html new file mode 100644 index 0000000000..dcd10d86b6 --- /dev/null +++ b/files/ja/web/api/vrdisplay/stageparameters/index.html @@ -0,0 +1,49 @@ +--- +title: VRDisplay.stageParameters +slug: Web/API/VRDevice/stageParameters +translation_of: Web/API/VRDisplay/stageParameters +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p>{{domxref("VRDisplay")}} インターフェイスの <code><strong>stageParameters</strong></code> 読取専用プロパティは， <code>VRDisplay</code> がルームスケール体験をサポートしている場合に，ルームスケールパラメータを持つ {{domxref("VRStageParameters")}} オブジェクトを返します． </p> + +<h2 id="シンタックス">シンタックス</h2> + +<pre class="brush: js">var myStageParameters = vrDisplayInstance.stageParameters; +</pre> + +<h3 id="値">値</h3> + +<p><code>VRDisplay</code> のルームスケールパラメータを持つ {{domxref("VRStageParameters")}} オブジェクトです．ルームスケール体験をサポートしていない<code>VRDisplayでは</code> <code>null</code> です．</p> + +<h2 id="例">例</h2> + +<p>{{page("/Web/API/VRStageParameters", "Examples")}}</p> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('WebVR 1.1', '#dom-vrdisplay-stageparameters', 'stageParameters')}}</td> + <td>{{Spec2('WebVR 1.1')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + +<p>{{Compat("api.VRDisplay.stageParameters")}}</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> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> +</ul> diff --git a/files/ja/web/api/vrdisplay/submitframe/index.html b/files/ja/web/api/vrdisplay/submitframe/index.html new file mode 100644 index 0000000000..28eea26910 --- /dev/null +++ b/files/ja/web/api/vrdisplay/submitframe/index.html @@ -0,0 +1,106 @@ +--- +title: VRDisplay.submitFrame() +slug: Web/API/VRDevice/submitFrame +translation_of: Web/API/VRDisplay/submitFrame +--- +<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> + +<p>{{domxref("VRDisplay")}} インターフェイスの <code><strong>submitFrame()</strong></code> メソッドは，<code>VRDisplay 内に現在表示中の </code>{{domxref("VRLayer")}} の現在の状態をキャプチャします．</p> + +<p>オプションとして，{{domxref("VRLayer")}} をレンダリングするのに使うポーズの表す {{domxref("VRPose")}} を提供することもできます．この{{domxref("VRLayer")}} は，ブラウザが遅延を低減するためにレイヤコンテンツの操作に使われます． <code>VRPose</code> を与えない場合は， {{domxref("VRDisplay.getPose()")}} で最後に返されたポーズが代わりに使われます．</p> + +<h2 id="シンタックス">シンタックス</h2> + +<pre class="brush: js">vrDisplayInstance.submitFrame(pose); +</pre> + +<h3 id="引数">引数</h3> + +<dl> + <dt>pose {{optional_inline()}}</dt> + <dd>A {{domxref("VRPose")}} オブジェクト．これはレイヤ操作や遅延の低減のためにブラウザによって使用されます．</dd> +</dl> + +<h3 id="戻り値">戻り値</h3> + +<p>Void.</p> + +<h2 id="例">例</h2> + +<pre>TBD.</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('WebVR', '#dom-vrdisplay-submitframe', 'submitFrame()')}}</td> + <td>{{Spec2('WebVR')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Phone</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + </tbody> +</table> +</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> |