initial commit

4 files changed, 220 insertions, 0 deletions

diff --git a/files/ja/web/api/vrframedata/index.html b/files/ja/web/api/vrframedata/index.html
new file mode 100644
index 0000000000..91d8d2c3c9
--- /dev/null
+++ b/files/ja/web/api/vrframedata/index.html
@@ -0,0 +1,64 @@
+---
+title: VRFrameData
+slug: Web/API/VRFrameData
+translation_of: Web/API/VRFrameData
+---
+<p>{{APIRef("WebVR API")}}{{SeeCompatTable}}</p>
+
+<p><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a>の<strong><code>VRFrameData</code></strong>インタフェースは、VRシーンの1つのフレームを描画するのに必要となる全ての情報を表現します。</p>
+
+<h2 id="コンストラクタ">コンストラクタ</h2>
+
+<dl>
+ <dt>{{domxref("VRFrameData.VRFrameData()")}}</dt>
+ <dd><code>VRFrameData</code> オブジェクトインスタンスを作成します。</dd>
+</dl>
+
+<h2 id="プロパティ">プロパティ</h2>
+
+<dl>
+ <dt>{{domxref("VRFrameData.leftProjectionMatrix")}} {{readonlyInline}}</dt>
+ <dd>{{domxref("Float32Array")}}型の要素を持つ4行4列の行列であり、左目の描画に利用される射影を表します。</dd>
+ <dt>{{domxref("VRFrameData.leftViewMatrix")}} {{readonlyInline}}</dt>
+ <dd>{{domxref("Float32Array")}}型の要素を持つ4行4列の行列であり、左目の描画に利用されるビュー変換を表します。</dd>
+ <dt>{{domxref("VRFrameData.pose")}} {{readonlyInline}}</dt>
+ <dd>現在の{{domxref("VRFrameData.timestamp")}}の値が示す時刻での、{{domxref("VRDisplay")}}の{{domxref("VRPose")}}です。</dd>
+ <dt>{{domxref("VRFrameData.rightProjectionMatrix")}} {{readonlyInline}}</dt>
+ <dd>{{domxref("Float32Array")}}型の要素を持つ4行4列の行列であり、右目の描画に利用される射影を表します。</dd>
+ <dt>{{domxref("VRFrameData.rightViewMatrix")}} {{readonlyInline}}</dt>
+ <dd>{{domxref("Float32Array")}}型の要素を持つ4行4列の行列であり、右目の描画に利用されるビュー変換を表します。</dd>
+ <dt>{{domxref("VRFrameData.timestamp")}} {{readonlyInline}}</dt>
+ <dd>単調に増加するタイムスタンプ値であり、フレームが更新された時を表します。</dd>
+</dl>
+
+<h2 id="例">例</h2>
+
+<p>{{page("/Web/API/VRDisplay/getFrameData", "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', '#interface-vrdisplayevent', 'VRDisplayEvent')}}</td>
+   <td>{{Spec2('WebVR 1.1')}}</td>
+   <td>初版</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ互換性">ブラウザ互換性</h2>
+
+<p>{{Compat("api.VRFrameData")}}</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/vrframedata/leftprojectionmatrix/index.html b/files/ja/web/api/vrframedata/leftprojectionmatrix/index.html
new file mode 100644
index 0000000000..8a7295ff1a
--- /dev/null
+++ b/files/ja/web/api/vrframedata/leftprojectionmatrix/index.html
@@ -0,0 +1,54 @@
+---
+title: VRFrameData.leftProjectionMatrix
+slug: Web/API/VRFrameData/leftProjectionMatrix
+translation_of: Web/API/VRFrameData/leftProjectionMatrix
+---
+<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div>
+
+<p><strong><code>leftProjectionMatrix</code></strong>は、{{domxref("VRFrameData")}}インタフェースの読み取り専用プロパティであり、4行4列の行列を表す{{domxref("Float32Array")}}を返します。この行列は、左目の描画に利用される射影を表します。</p>
+
+<p>この値は、WebGLの{{domxref("WebGLRenderingContext.uniformMatrix", "uniformMatrix4fv")}}関数へ直接渡されるでしょう。</p>
+
+<div class="warning">
+<p><strong>重要</strong>: アプリケーションは、この行列を改変せずに使用することを強く薦めます。描画時にこの射影行列の使用に失敗すると、表現されたフレームは歪んだり、正しく揃わなかったりし、その結果として、様々な度合いのユーザの不快感を生みます。</p>
+</div>
+
+<h2 id="文法">文法</h2>
+
+<pre class="brush: js">var myLPM = vrFrameDataInstance.leftProjectionMatrix;</pre>
+
+<h3 id="値">値</h3>
+
+<p>{{domxref("Float32Array")}}型のオブジェクトです。</p>
+
+<h2 id="例">例</h2>
+
+<p>{{page("/Web/API/VRDisplay/getFrameData", "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-vrframedata-leftprojectionmatrix', 'leftProjectionMatrix')}}</td>
+   <td>{{Spec2('WebVR 1.1')}}</td>
+   <td>初版</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ互換性">ブラウザ互換性</h2>
+
+<p>{{Compat("api.VRFrameData.leftProjectionMatrix")}}</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/vrframedata/leftviewmatrix/index.html b/files/ja/web/api/vrframedata/leftviewmatrix/index.html
new file mode 100644
index 0000000000..b8ee4433c1
--- /dev/null
+++ b/files/ja/web/api/vrframedata/leftviewmatrix/index.html
@@ -0,0 +1,54 @@
+---
+title: VRFrameData.leftViewMatrix
+slug: Web/API/VRFrameData/leftViewMatrix
+translation_of: Web/API/VRFrameData/leftViewMatrix
+---
+<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div>
+
+<p><strong><code>leftViewMatrix</code></strong>は、{{domxref("VRFrameData")}}インタフェースの読み取り専用プロパティであり、4行4列の行列を表す{{domxref("Float32Array")}} 返します。この行列は、左目の描画に利用されるビュー変換を表します。</p>
+
+<p>この値は、WebGLの{{domxref("WebGLRenderingContext.uniformMatrix", "uniformMatrix4fv")}}関数へ直接渡されるでしょう。</p>
+
+<div class="warning">
+<p><strong>重要</strong>: 描画時にアプリケーションがこの行列を使用することを強く薦めます。</p>
+</div>
+
+<h2 id="文法">文法</h2>
+
+<pre class="brush: js">var myLVM = vrFrameDataInstance.leftViewMatrix;</pre>
+
+<h3 id="値">値</h3>
+
+<p>{{domxref("Float32Array")}}型のオブジェクトです。</p>
+
+<h2 id="例">例</h2>
+
+<p>{{page("/Web/API/VRDisplay/getFrameData", "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-vrframedata-leftviewmatrix', 'leftViewMatrix')}}</td>
+   <td>{{Spec2('WebVR 1.1')}}</td>
+   <td>初版</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ互換性">ブラウザ互換性</h2>
+
+<p>{{Compat("api.VRFrameData.leftViewMatrix")}}</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/vrframedata/vrframedata/index.html b/files/ja/web/api/vrframedata/vrframedata/index.html
new file mode 100644
index 0000000000..c2d6ebb6dc
--- /dev/null
+++ b/files/ja/web/api/vrframedata/vrframedata/index.html
@@ -0,0 +1,48 @@
+---
+title: VRFrameData.VRFrameData()
+slug: Web/API/VRFrameData/VRFrameData
+translation_of: Web/API/VRFrameData/VRFrameData
+---
+<div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div>
+
+<p>{{domxref("VRFrameData")}} コンストラクタは、 <code>VRFrameData</code> オブジェクトのインスタンスを作成します。</p>
+
+<h2 id="文法">文法</h2>
+
+<pre class="brush: js">var myFrameData = new VRFrameData();</pre>
+
+<h3 id="パラメータ">パラメータ</h3>
+
+<p>なし。</p>
+
+<h2 id="例">例</h2>
+
+<p>{{page("/Web/API/VRDisplay/getFrameData", "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-vrframedata-vrframedata', 'VRFrameData()')}}</td>
+   <td>{{Spec2('WebVR 1.1')}}</td>
+   <td>初版</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ互換性">ブラウザ互換性</h2>
+
+<p>{{Compat("api.VRFrameData.VRFrameData")}}</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>