Mozilla開源了VR框架A Frame

2021-09-16 19:00:47 字數 2223 閱讀 9327

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元件支援下列primitiveboxcirclecylinderplaneringspheretorustorusknot。其他元件包括:cameralightsoundfogmaterialscale,等等。實體可以關聯多個元件建立更複雜的場景,像下面的示例**這樣:

\\

\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-cameraa-cylindera-planea-spherea-lighta-skya-imagea-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建立並開源了a frame,這是乙個用於在桌面瀏覽器 智慧型手機和oculus rift上建立vr場景的框架。a frame是乙個在瀏覽器中建立vr體驗的開源框架。該框架由mozilla的mozvr團隊建立和開發。a frame使用了乙個在遊戲開發中經常使用的 實體 元件 entity...

Mozilla開源了VR框架A Frame

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