Verge3D Maya版:新手指南

Verge3D是一款多功能软件,您可以根据自己的个人喜好采用不同的方式来使用。本指南仅描述了构建工作流程的其中一种方法,因此请将其作为一个友好的建议。唯一的先决条件是,您应该具有使用Blender的经验,Verge3D基于该软件运行。

安装

此处详细介绍了安装过程。

预览

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

mark

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

程序管理器

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

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

mark

单击App Manager按钮时,程序管理器将在Web浏览器中打开。系统将运行默认浏览器-您可以在系统设置中对其进行更改。任何现代浏览器都可以使用,但我们建议您使用最新版的Google Chrome浏览器,该版本运行快速,符合标准并提供良好的Web开发工具。

mark

您可以使用左侧栏上的按钮创建一个新项目。

mark

输入项目名称(或保持my_awesome_app),然后单击Create App。保持默认配置选项不变。

mark

创建新应用程序后,它将出现在列表中。

运行程序

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

mark

新创建的应用程序将加载并仅显示一个立方体盒子。您可以按住鼠标左键查看,并使用鼠标滚轮放大和缩小。

mark

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

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

导出

通过单击B图标,您可以打开应用程序的主.blend文件。

mark

也可以通过“文件>打开”对话框或直接在应用程序文件夹中双击文件打开。“文件>打开”有时可能会更有效,因为它不会产生Blender的新实例。

重要的是要了解应用程序仅加载以glTF格式导出的文件,而不是Blender文件。因此,每次更改源文件中的内容时,都必须重新导出以便在应用程序中查看修改后的场景。

可以从“文件>导出”菜单执行导出。您可能想为此操作分配一个快捷方式,因为您可能经常执行它。

mark

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

mark

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

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

拼图

目前为止,我们一直将Verge3D用作精美的Web导出程序,该程序可生成在浏览器中运行的实时3D视图。使用Verge3D的可视化脚本工具“拼图”,您可以添加动作脚本,以便您的3D场景成为真正的交互式Web应用程序。

mark

在“应用程序管理器”中,单击您的应用程序名称旁边的拼图按钮。这将使用附加在其上的拼图编辑器来运行您的应用。

mark

位于左侧的是带有一些类别(“事件”,“选择器”,“对象”等)的工具栏。鼠标单击即可展开类别,其中显示了拼图,您可以将其拖到工作区中。通过将各种拼图相互拼合,您可以创建一个场景,描述您的3D物体在用户输入时的行为。

mark

要从一开始就做一些有意义的事情,请从Events类别中拖出when clicked拼图,然后从Selectors中选择一个select an object拼图。

mark

将它们连接在一起意味着您的应用将一直等待,直到用户单击下拉菜单中选择的对象(例如“立方体盒子”)为止,并且不会执行任何操作,除非您在do插槽中添加了内容。

mark

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

mark

现在,一旦用户单击3D物体,它就会消失。单击Run按钮运行程序,并通过单击立方体检查是否有效。

mark

为了使您的脚本长久有效,请确保将其保存。

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

您还可以查看以下视频,学习如何使用拼图。

发布

发布到自己的网站上...

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

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

使用Woredpress...

如果您在网站上运行Wordpress CMS,那么工作会更加简化-您可以使用免费的Verge3D Wordpress插件上传和嵌入Verge3D应用程序。

发布到Verge3D网络...

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

mark

上传完成后,将显示一个带有直接链接的窗口,您可以通过任何方式共享该链接(在博客文章,社交媒体,评论,电子邮件中,您来命名)。它还将生成HTML代码,以将您的应用嵌入第三方网站,就像处理YouTube视频一样。

mark

您也可以观看此视频,解释如何在Verge3D网络上发布您的应用程序。

许可证

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

mark

mark

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

mark

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

下一步

进入工作流程一章,获取有关使用Verge3D的更高级指南。

疑问?

请在论坛提出!

Copyright © zjbcool.com 2019 all right reserved,powered by Gitbook最后更新: 2020-03-11 17:18:27

results matching ""

    No results matching ""