新手指南

Verge3D是一款多功能的软件,您可以根据个人喜好有不同的使用方式。本指南仅介绍了构建工作流程的其中一种方式,因此请将其作为友好的推荐。唯一的先决条件是您应该具备结合Verge3D使用的3D建模软件的经验:Autodesk 3ds Max或Blender。

安装

安装过程在每个支持的3D软件的相应部分中都有详细描述:3dsmax、Blender。

预览

为了确保正确安装了Verge3D,可以使用Sneak Peek菜单(3dsmax)或按钮(Blender)在Web浏览器中渲染基本模型。此函数将执行一次导出到临时文件夹,并运行带有交互式渲染的默认Web浏览器。

sneak-peek-max.jpg

sneak-peek-blender.jpg

在项目中,可以随时使用Sneak Peek快速测试。

程序管理器

虽然可以先创建图形,再创建Verge3D项目,但是我们鼓励从一开始就习惯使用程序管理器。要习惯于这样做,要确保文件被正确地组织和存储在同一个文件夹中,这对项目的完整性很重要,特别是如果打算把它转移到第三方。

预先利用应用程序管理器的另一个好处是,您将始终拥有一个功能正常的Web应用程序,您可以在浏览器中运行/重新加载该应用程序,而无需先转到场景文件。

app-manager-main.jpg

运行程序

您可以通过单击Verge3D图标(蓝色或绿色图标)随时运行应用程序。蓝色图标以其最终形式启动一个应用程序,其中包含拼图场景和编程代码(如果存在)。相反,绿色图标只打开导出的场景。

新创建的应用程序只加载并显示一个立方体。你可以用鼠标左键环视四周,用鼠标滚轮放大缩小。

如果它显示的不是立方体,而是类似“无法访问此站点”的内容,这意味着开发服务器已关闭,可能是因为您意外地关闭了三维软件的第一个启动实例以及与之一起的开发服务器。在这种情况下,您应该启动3ds Max或Blender,或者,如果程序已在运行,请再次启动应用程序管理器。

虽然非常罕见,但也可以显示另一个警告:“哎哟!您的显卡不支持WebGL。”如果您使用的是过时或不受支持的浏览器(如11版以下的Internet Explorer),或者您的显卡和/或驱动程序被浏览器列入黑名单,则可能会发生这种情况。尝试安装最新的谷歌浏览器/更新你的操作系统/下载最新的驱动程序,或只是找到另一台电脑工作。

导出

通过单击3ds Max或Blender图标,可以分别打开应用程序的main.max或.blend文件。

保存文件也可以像平常一样通过“文件>打开”对话框打开,或者只需双击应用程序文件夹中的文件即可。对于3ds Max,“文件>打开”选项效率更高,因为它不会生成程序的新实例。

必须了解,应用程序只加载以gltf格式导出的文件,而不是三维建模工具的本机保存文件。因此,每次更改源文件中的某些内容时,都必须将其导出,以便在应用程序中看到修改后的场景。

可以从主菜单栏的Verge3D菜单(在3ds Max中)或“文件>导出”菜单(在Blender中)执行导出。您可能需要为此操作指定一个快捷方式,因为您可能经常执行此操作。

以gltf格式将场景导出到相应应用程序文件夹的根目录。

要测试,请在场景中添加几个茶壶/猴头,导出到gltf并通过单击app manager中的蓝色verge3d图标运行应用程序。

为了加快迭代,您可以使应用程序始终在浏览器选项卡中运行。重新导出场景后,请按键盘上的“F5”,以便在浏览器中重新加载该场景。使用“alt+tab”(“command+tab”在Mac上)快捷键可以立即在3D编辑器和浏览器之间切换。

拼图

到目前为止,我们使用verge3d作为一个奇特的web导出器,它生成在浏览器中运行的实时3d演示。使用Verge3D的可视化脚本工具——拼图,您可以添加行为场景,使您的3D场景成为真正的交互式Web应用程序。

在应用程序管理器中,单击应用程序名称旁边的拼图按钮。这将运行您的应用程序,并在上面附加拼图编辑器。左侧的工具箱中有一些类别(“事件”、“选择器”、“对象”等)。这些类别在鼠标单击时展开,显示您可以拖动到工作区的谜题。通过相互连接各种拼图,您可以创建一个场景,说明您的三维对象在用户输入时的行为。

若要在开始时执行有意义的操作,请从“Events”类别中拖出when clicked拼图,并从Selectors选择器中select an object拼图。

将它们连接在一起意味着你的应用程序将等待,直到用户点击你在下拉菜单中选择的对象(例如“立方体”),并将执行…除非你在“do”栏中添加了一些内容,否则什么都不做。

Objects中拖出hide拼图并将其插入该插槽。拖出另一个对象选择器拼图并将其与hide连接。

现在,一旦用户点击3d对象,它就会消失。单击Run(运行)按钮以启动程序并通过单击立方体检查它是否工作。

为了使场景成为应用程序的持久部分,请确保保存它。

完成拼图后,您可以使用应用程序管理器中的蓝色图标运行现在的交互式应用程序。

祝贺你,你已经成为一名程序员了!

您还可以查看以下视频,说明如何使用拼图:3ds MaxBlender

发布

在你自己的网站上...

你已经创建了一个web应用程序,可能希望数十亿的互联网用户来查看它。如果你拥有一个网站,这不会是一个问题-简单地上传整个文件夹与您的应用程序到您的服务器(例如,通过ftp)。部署后,你可以在网站上的某个位置提供指向应用程序HTML文件的链接,或将其嵌入具有iframe html元素的网页中:

<iframe width="1024" height="640" src="https://www.example.com/my_awesome_app/my_awesome_app.html"></iframe>

在Verge3D网络...

但是如果你没有机会成为一个网络高手呢?没问题-通过点击app manager中的“globe”按钮,你可以将你的应用上传到verge3d网络,这是一个基于云的存储和托管在amazon服务器上的cdn。

上传完成后,屏幕将显示一个链接,您可以通过任何方式共享(在博客文章、社交媒体、评论、电子邮件中,您可以命名)。它还将生成HTML代码,用于将应用程序嵌入第三方网站,就像使用YouTube视频一样。

您还可以查看以下视频,说明如何在Verge3D网络上发布应用程序:3ds MaxBlender

许可证

你可以无限期地使用试用版。但是,要在生产中使用,您需要一个许可证。许可证信息通过电子邮件发送(下面的密钥是一个随机示例)。

许可证密钥将激活您的Verge3D实例,并从所有应用中删除试用水印。

每次更新到新版本时,请确保输入许可证密钥。

下一步

有关更多详细信息,请参阅本用户手册中的其他主题。我们还邀请您加入Soft8Soft社区论坛,我们很乐意回答您的所有问题。

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

results matching ""

    No results matching ""