文件名称:VR-Visualisation:使用react-360构建的3D对象查看器
文件大小:8.73MB
文件格式:ZIP
更新时间:2024-06-04 16:33:08
JavaScript
多根样本 本示例演示了如何在多个曲面和3D根之间共享数据以创建复杂的应用程序。 这个特定的演示读取了Google Poly( )API,提取了前五名精选的帖子,以便用户可以在VR中浏览它们。 关于样本 该示例演示如何创建包含多个表面的应用程序。 在这种情况下,有两个平面和一个用于渲染模型的3D安装点。 与Redux一样,所有这些数据之间的同步都是通过全局存储实现的。 为了简化此演示,我们实现了自己的类似Redux的商店,但是您可以将自己喜欢的数据管理库导入到自己的应用程序中。 应用加载后,它会转到Google Poly并从前5个精选帖子中获取所需数据。 它使用他们的元数据来呈现用户可以浏览的列表,并选择各个帖子进行查看。 选择帖子后,其元数据将显示在右侧面板上,并且模型本身将呈现在3D空间中。 运行演示 要使用此演示,您需要自己的Google Poly API密钥。 请按照进行操作。
【文件预览】:
VR-Visualisation-master
----.gitignore(50B)
----.babelrc(34B)
----client.js(980B)
----Buttons.js(636B)
----.flowconfig(89B)
----ModelView.js(6KB)
----package.json(850B)
----ControlButtons.js(5KB)
----package-lock.json(307KB)
----CurrentPost.js(1KB)
----.watchmanconfig(0B)
----TopPosts.js(2KB)
----Transformation.js(2KB)
----index.js(248B)
----__tests__()
--------index-test.js(296B)
----1131091-3ef186720b1bb6e704c46aebf57a42677d1638af.zip(1011B)
----README.md(1KB)
----index.html(449B)
----rn-cli.config.js(590B)
----Store.js(2KB)
----1131091-3ef186720b1bb6e704c46aebf57a42677d1638af()
--------cube.mtl(237B)
--------cube.obj(835B)
----static_assets()
--------360_world.jpg(1.07MB)
--------4096_night_lights.jpg(775KB)
--------AnimatedCube.gltf(5KB)
--------earth.3DS(197KB)
--------cube.mtl(237B)
--------4096_clouds.jpg(2.66MB)
--------earth.obj(569KB)
--------AnimatedCube_MetallicRoughness.png(319B)
--------earth.max(188KB)
--------4096_normal.jpg(1.83MB)
--------AnimatedCube.bin(2KB)
--------4096_earth.jpg(1.41MB)
--------cube.obj(835B)
--------4096_bump.jpg(355KB)
--------earth.mtl(720B)
--------AnimatedCube_BaseColor.png(871KB)