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建立並開源了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...