Verge3D教程和Web3D开发

如何快速预览Verge3D应用程序?

我们在使用Verge3D进行Web3D应用程序开发过程中,通常需要打开三维软件(Blender/3d max),通过Verge3插件开启App管理器,然后才能预览已开发好的应用程序。然而,实际上Verge3D是基于Web进行开发的,并不需要时刻依赖三维软件(仅需要三维软件提供3D资产),那么有什么方法可以在本地环境下快速预览Web3D应用程序呢? 这里有我以前的一篇文章,介绍如何不通过打开三维软件启动App管理器的方法,能实现这个需求——
https://zjbcool.com/how-to-launch-verge3ds-appmanager-without-opening-blender-3dmax.html

但是,今天给大家介绍的是另外一种更加简便的方法(仅用于快速预览),通过Chrome浏览器的Web server for chrome扩展,创建本地服务器环境。

首先,打开Chrome浏览器,在谷歌应用商店搜索Web Server for Chrome扩展,安装完成后,在浏览器地址栏输入chome://apps,可以找到这个扩展,启动后会看到它的面板。

启动它只需要两步:

首先点击CHOOSE FOLDER按钮,指定你的程序所在路径,我们可以指定到Verge3d SDK所在路径;

然后点击下面的http://127.0.0.1:8887,就会打开Verge3d SDK目录,找到要启动的应用程序,执行即可。

另外,这个扩展下面还有一些选项,介绍一下:

  • Run in background:后台运行
  • Start on login:登陆后自动运行
  • Accessible on local network:启动本地网络服务
  • Also in internet:允许访问互联网
  • Prevent computer from sleeping:保持计算机不进入睡眠
  • Automatically show index.html:自动运行index.html
  • Enter Port:指定端口号

这些选项中需要注意的是,如果你的html通过CDN 方式引用了样式库、JS库,那么需要开启允许访问互联网。如果你需要进行移动端调试,需要开启启动本地网络服务,然后在手机浏览器上输入http://127.0.0.1:8887

好了,希望这个程序能方便你的工作。

zjbcool

zjbcool
关闭菜单