项目结构

遵循艺术家友好的软件开发理念,Verge3D为WebGL应用程序创建了完整的项目文件。建议不要编辑大多数已初始化的项目文件,因为其中某些文件可能会在某些用户操作(例如导出,保存拼图等)后自动重新生成,而另一些文件在更新到新的Verge3D版本时可能会被覆盖。

简单案例

使用程序管理器初始化的默认项目(带有默认配置参数)如下所示。

HTML, CSS 和 JavaScript 文件

应用程序核心由具有相同名称(“ my_awesome_app”)的.html,.css和.js文件以及Verge3D运行时v3d.js组成。还有一个名为media的文件夹,其中包含小图标(全屏按钮图标和一组网站图标)。

尽管不建议这样做,但是您可以编辑核心.html,.css和.js文件,尽管添加自己的CSS和JavaScript的更好方法是创建新文件并将它们链接到主.html。在执行纯净更新后,请确保将选择重新选择。

请注意,如果您尝试仅通过单击.html文件来启动Verge3D应用程序,则很可能由于浏览器安全策略而无法运行,该策略禁止JavaScript访问不是从同一域加载的文件。请始终使用包含本地Web服务器的App Manager来运行您的应用程序。

译注:实际在本地运行Verge3D应用程序是可以实现的,有很多方法,详情可在宅家呗网搜索相关技术文章。

glTF文件

当程序运行时,首先以.gltf格式加载3D场景,该场景又包含用于进一步加载glTF场景的二进制文件.bin和外部纹理的文件路径。.gltf和.bin文件是使用您喜欢的三维软件(3ds Max或Blender)的用户界面菜单导出的。

三维场景文件

根据所使用的三维软件,会存在一个包含默认盒子模型的.max或.blend文件。这是编辑三维场景所需操作最多的地方。可以随意修改此文件,使用其他文件重命名或覆盖它都可以,但是一定要保留导出的glTF文件的原始名称。

译注:修改后如果和创建项目时的glTF文件名称不一样,应用程序会无法加载三维场景。

您可以将更多.max或.blend文件添加到app文件夹中,以用作库文件或用于多场景应用程序。如果您的应用加载了多个glTF文件,请不要忘记从相应的.max或.blend文件执行导出。

资源

纹理和声音通常由应用程序作为外部文件加载。确保在您选择的三维软件中为所有图片使用相对路径,并且图片存储在应用程序文件夹中,否则应用程序的发布可能会出现问题。

拼图

当您在拼图编辑器中单击“保存”时,它将把您的应用拼图保存在visual_logic.xml中。它还将从您的拼图中生成JavaScript代码,并将其另存为visual_logic.js。每次单击“保存”按钮时,这些文件将连续被覆盖,并将visual_logic.xml的先前版本复制到puzzles_backup文件夹,并使用时间戳重命名。因此,您始终可以通过将.xml文件复制到根目录并重命名它来从此备份中恢复拼图。

高级案例

一些Verge3D应用程序(例如Soft8Soft的工业机器人案例)可能包含许多其他文件,但是,这些文件仅来自2个额外类别。

压缩的glTF文件

如果您为应用程序启用资产压缩(这总是一件好事),则导出器将首先按常规执行导出,然后创建glTF文件的压缩版本。这些文件将由应用程序自动获取,而不是常规的glTF文件。即使没有使用常规的glTF文件,也​​没有必要删除它们,因为它们可能在将来的导出操作中再次生成。

第三方软件导出文件

集成应用程序可能会利用某些第三方软件(例如Webflow或Google Web Designer)中设计的HTML布局,其中常规的Verge3D应用程序嵌入了iframe元素。在这种情况下,HTML布局可以保存到应用程序文件夹,而无需任何更改即可由应用程序管理器获取。复杂的HTML布局可能又包括其他CSS / JavaScript文件,字体或图像,也需要将其存储在app文件夹中并保留其原始层次结构。

疑问

如有疑问请到官方论坛反馈,或向宅家呗咨询。

Copyright © zjbcool.com 2019 all right reserved,powered by Gitbook最后更新: 2020-01-21 10:31:48

results matching ""

    No results matching ""