STYLE Gallery如何加载三维对象



我想知道STYLE Gallery是如何处理许多三维模型并像这里一样单独展示它们的

我发现了一个很棒的库(React Unity WebGL(,它可以将Unity构建嵌入到React应用程序中,我想STYLE也会使用它

但我不知道他们是如何在一个地方管理多个3d对象并根据用户交互显示它们的。

有人知道或知道吗?

我需要像上面的链接一样为每个页面构建每个3d对象吗?或者只是在Unity构建中切换/加载不同的场景就足够了?

启动网络播放器时加载的iframe是https://build.styly.cc/player/release/?8c54733e-7e0-4601-9659-5b2642地址3f5;URL中的UUID是原始链接中的场景ID。

查看iframe的开发工具,它正在执行两个API请求,其中一个请求用于https://api.styly.cc/api/v2/scene/8c54733e-7e04-4601-9659-5b2642add3f5/content.该URL似乎描述了一个XML文档,该文档引用了从CDN加载的资产。

从加载的二进制数据来看,它似乎是Unity特定的格式:

$ xxd ba158aaf-95e4-4e09-96ff-3567538742ca
00000000: 556e 6974 7946 5300 0000 0006 352e 782e  UnityFS.....5.x.
00000010: 7800 3230 3139 2e33 2e36 6631 0000 0000  x.2019.3.6f1....
00000020: 0000 003d 3d00 0000 4100 0000 5b00 0000  ...==...A...[...
00000030: 431e 0001 00b1 0100 0100 2800 003c cb00  C.........(..<..

我假设Unity Web Player可以将该格式加载到对象中,并根据content规范将它们放置到场景中。

因此:

不,你不需要为每个页面构建一个单独的播放器,但看起来Styly为此付出了大量的工作。

最新更新