【问题标题】:Archilogic material preset choices in 3d.io viewer3d.io 查看器中的 Archilogic 材料预设选择
【发布时间】:2018-07-28 10:19:13
【问题描述】:

我想创建一个 Web 应用程序,让用户可以在建筑 3D 场景中的地板和墙壁的不同预设之间进行选择。

https://spaces.archilogic.com/model/template/new?modelResourceId=f67ffde0-278e-11e4-9f8c-7dda0d61ae4a&mode=edit&view-menu=camera-bookmarks&main-menu=interior&logo=false

就像在这个编辑器中一样,但是,我需要更简单的材质菜单(用户可以从管理员之前上传的不同预设纹理中进行选择,并带有相应的漫反射、规格、法线和 alpha 贴图)。

我浏览了archilogic的所有repos,但找不到3D编辑器的源代码以使其更简单。

有谁知道它是否可用,如果没有,我应该朝哪个方向开发这样的应用程序?

【问题讨论】:

    标签: aframe archilogic 3d.io


    【解决方案1】:

    此功能仍在路线图上,尚未完成,但有一些方法可以完成类似的事情。

    所以最重要的是,下面的描述是由于这一切还没有准备好和完善。这是实现目标的一种实验方式。

    让我们分解一下。

    预定义材质

    Archilogic 现在有一长串预定义的材料供您选择。它们与建筑元素的类型无关,因此您可以在任何元素上使用任何材料。 Here is the list of available materials.

    地板和天花板

    地板和天花板包含在具有io3d-floor 组件的单个元素中。

    因此,假设您在 elem 元素中设置了地板和天花板,您可以执行以下操作来选择预定义材质:

    elem.components['io3d-floor'].data.material_top = 'wood_parquet_oak';
    elem.components['io3d-floor'].update()
    

    这会将地板材料更改为给定的预定义材料,在本例中为“wood_parquet_oak”。吊顶材质,将material_top改为material_ceiling

    墙壁

    墙的工作原理几乎相同,但属性是 material_frontmaterial_back 而不是 material_topmaterial_ceiling

    其他建筑元素

    对于其他元素,您可能可以通过查看相关组件的.data 中的可用属性来解决问题(例如,io3d-wall 用于墙壁)。

    自定义材质

    这有点难以正确处理,因为制作自定义材料涉及很多属性。

    假设您已在某处上传纹理,您将像这样定义材质:

    elem.components['io3d-floor'].data.material_top = {
      mapDiffuse: "https://example.org/texture.hi-res.gz.dds",
      mapDiffusePreview: "https://example.org/texture.lo-res.jpg", 
      mapDiffuseSource: "https://example.org/texture.source.jpg"
    }
    

    您还可以给它额外的参数,例如size: [3,3] 缩放纹理以覆盖模型中的 3x3 米,然后再重复或传递法线贴图或高光贴图,但为简洁起见,我排除了这些。

    注意:您可以将这种材料定义用于也接受上述预定义材料的任何事物。 遵循命名约定很重要,并且您需要有可用的 gzip 压缩 DDS 纹理以及 JPEG 版本。

    “源”图像是可选的,但其他两个必须存在,否则将不起作用。

    总结一下:这个功能还没有完全准备好(你可以通过让它工作的非常人为的方式来判断),但这个解决方法将一直有效,直到有更好的方法可用。

    【讨论】:

    • 非常感谢您非常详细的回复。我现在明白为什么它仍在打磨的路上。我还是 a-frame 的新手,我一直在尝试寻找可以学习如何使用鼠标光标选择元素但找不到任何资源的资源。
    猜你喜欢
    • 2017-10-26
    • 1970-01-01
    • 2020-07-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-30
    • 2018-10-02
    • 1970-01-01
    相关资源
    最近更新 更多