>今年,虚拟现实(VR)正经历普及,VR耳机从货架上飞来。 开发平台越来越关注VR开发,以满足热情开发人员不断增长的需求。 统一和虚幻引擎的一个特别令人兴奋的发展是在VR环境本身中编辑VR场景的能力。 对于WebVR和JavaScript开发人员,正在出现一个新框架,该框架为原型制作和实验提供了类似的功能:Primrose。
> primrose的关键特征:>
app.js
系统要求:
要开始使用Primrose开始您的WebVR旅程,您需要:>启用WebVR支持的启用WebGL的浏览器(例如,每晚都有最近的Chromium WebVR构建或Firefox)。
> > oculus Rift,HTC Vive或Google Cardboard耳机(基于浏览器的工作可选)。
> Web服务器(诸如Wamp,Mamp,Node.js或Python之类的本地服务器)。触摸型的能力。
>在单独的github存储库上可以使用简化的实时编码演示,但具有降低功能以更容易解释的功能[链接到GitHub repo链接,都可以在这里]。> 运行简化版本: >将简化的演示放在您的Web服务器上,然后在启用WebGL的浏览器中将其打开(例如, >示例屏幕截图(替换为实际映像):
报春花应用的核心涉及定义纹理并初始化较早的应用程序:
使用
等,管理用户交互。
,,http://localhost/primrose
)。 请记住,由于访问资源的浏览器安全限制,它不会直接从您的文件系统运行。
var BRICK = "images/brick.png",
GROUND = "images/deck.png",
SKY = "images/bg2.jpg",
app = new Primrose.BrowserEnvironment("Our Simplified 3D Editor", {
skyTexture: SKY,
groundTexture: GROUND
});
Primrose.Surface
>元素添加在editorFrame = new Primrose.Surface({
bounds: new Primrose.Text.Rectangle(0, 0, 2048, 2048)
});
"ready"
primrose利用app.addEventListener("ready", function() {
// ... (add subScene, editor, initial code) ...
});
Primrose.Text
update
(“它的工作方式”部分,包括keydown
的代码示例和解释,mousedown
>,axis
,cloud
,hub
和其他功能,将包括在这里,维护相同的结构并释义原始文本。
light
box
(“结论”,“常见问题”,此处也将包括他们各自的答案,保持相同的结构并释义原始文本。)实际图像URL。cylinder
以上是使用Primrose和WebVR在VR中构建虚拟现实的详细内容。更多信息请关注PHP中文网其他相关文章!