Mozilla開源了VR框架A Frame

mozilla建立並開源了a-frame，這是乙個用於在桌面瀏覽器、智慧型手機和oculus rift上建立vr場景的框架。

\\ a-frame是乙個在瀏覽器中建立vr體驗的開源框架。該框架由mozilla的mozvr團隊建立和開發。a-frame使用了乙個在遊戲開發中經常使用的「實體-元件（entity-component）」系統，其中，實體是放置在場景中的物件，而元件是與那些實體相關的屬性。實體使用html標籤定義，而元件則基於一種類似css語法的html屬性。實體需要置入乙個場景，其中包含了vr中需要渲染的一切內容。

\\ 下面的示例**描繪了乙個邊長為1公尺的紅盒子實體（立方體）：

\u0026lt;a-scene\u0026gt;\   \u0026lt;a-entity geometry=\"primitive: box; width: 1\" material=\"color: red\"\u0026gt;\u0026lt;/a-entity\u0026gt;\\u0026lt;/a-scene\u0026gt;

目前，geometry元件支援下列primitive：box、circle、cylinder、plane、ring、sphere、torus、torusknot。其他元件包括：camera、light、sound、fog、material、scale，等等。實體可以關聯多個元件建立更複雜的場景，像下面的示例**這樣：

\u0026lt;a-entity geometry=\"primitive: cube; depth: 1; height: 1; width: 1\"\          material=\"color: pink\"\          light=\"intensity: 2\"\          position=\"-1 5 0\"\          sound=\"src: dangerzone.***; volume: 2\"\u0026gt;\\u0026lt;/a-entity\u0026gt;

為了簡化開發人員的工作，mozilla封裝了一些實體-元件元素，建立了若干語法更簡單易用的原語。如下所示，這行**描繪了與上文相同的正方體：

\u0026lt;a-cube width=\"1\" color=\"red\"\u0026gt;\u0026lt;/a-cube\u0026gt;

預定義的原語包括：a-camera、a-cylinder、a-plane、a-sphere、a-light、a-sky、a-image、a-video，等等。a-model讓開發人員可以在場景中載入obj或dae 3d模型資產。

\\ 動畫是虛擬實境渲染的重要組成部分。a-frame內部使用基於web動畫規範的tween.js。下面的這段**實現了乙個男人的旋轉模型：

\u0026lt;a-entity id=\"model\" position=\"0 0 -2\"\u0026gt;\   \u0026lt;a-animation attribute=\"rotation\" from=\"0 -30 0\" to=\"0 330 0\" dur=\"15000\" easing=\"linear\" repeat=\"inifite\"\u0026gt;\u0026lt;/a-animation\u0026gt;\   \u0026lt;a-model position=\"-.35 0 .55\" rotation=\"0 -20 0\" scale=\"1.5 1.5 1.5\" src="../_models/man/man.dae"\u0026gt;\u0026lt;/a-model\u0026gt;\\u0026lt;/a-entity\u0026gt;

檢視英文原文：mozilla has created a-frame, a vr framework

Mozilla開源了VR框架A Frame

mozilla建立並開源了a frame，這是乙個用於在桌面瀏覽器智慧型手機和oculus rift上建立vr場景的框架。a frame是乙個在瀏覽器中建立vr體驗的開源框架。該框架由mozilla的mozvr團隊建立和開發。a frame使用了乙個在遊戲開發中經常使用的實體元件 entity...

Mozilla開源了VR框架A Frame

Mozilla開源了VR框架A Frame

Mozilla開源了VR框架A Frame

Mozilla開源了VR框架A Frame

相關推薦