OpenWebGlobe源码剖析1:环境&编译
|
阅读数:--次|
作者:js,javascript
摘要:OpenWebGlobe是一个非常不错的,通过WebGL技术实现的Web三维球,无需插件跨浏览器。里面有很多值得前端开发和GIS开发者借鉴的地方,主要是GIS和Web技术层面,个人打算最近在时间允许的情况下,和各位分享一下我所了解的这款开源工程,内容很多,比如里面的相机矩阵,网格剖分,纹理以及Sh....
OpenWebGlobe是一个非常不错的,通过WebGL技术实现的Web三维球,无需插件跨浏览器。里面有很多值得前端开发和GIS开发者借鉴的地方,主要是GIS和Web技术层面,个人打算最近在时间允许的情况下,和各位分享一下我所了解的这款开源工程,内容很多,比如里面的相机矩阵,网格剖分,纹理以及Shader,以及地形还有模型的渲染,还有billboard这类的效果,所以打算分为几个系列来详细介绍,当然也因为自己的时间精力有限。
首先呢,作为JS的开源工程,OpenWebGlobe的搭建环境相对有些复杂,主要是需要Python2.7的环境(注意版本)还有JDK的环境种种吧,下面一一道来。
- Github上下载最新的开源库,如下是网页当前的截图
- 下载Python27和JDK,安装后指定对应的环境变量位置
- Python默认都为C盘根目录下,同时保证在scripts文件夹下面的 setup.bat中Python的路径吻合
- JDK解压缩后,在Windows环境变量中指定JAVA_HOME,并在Path中输入Java的bin路径
- 根据提供的链接下载后,解压缩到external文件夹中,并把文件夹名修改为closure(compiler)和closure-library(library),如下图:
- 万事俱备,只差编译了,建议最好在cmd命令行中运行,如果有错误可以看到错误信息,方便处理,运行scripts文件夹下面的compile.bat文件,编译出文件,如果有报错信息,一般是你Python版本,一定是2.7,我安装3.0的出了一些错误,如果错误信息中有Java,保证你的JDK及环境变量正确,其他的都是js语法错误,如果你直接下的源码没做修改和添加,这个应该不会出现。
- 运行完后,可以打开范例看一下效果,在source/demos文件夹中,建议在tomcat下发布(这个也比较简单),以localhost的形式打开,因为直接打开有些纹理是本地文件,安全权限的问题可能有问题
ok,that is all, 用Chrome浏览器打开你的第一个WebGlobe,亲自操作体验一下吧,下一节打算和大家介绍一下closure_library和closure-compiler这两个库,以及在OpenWebGlobe中的作用,因为对我而言这两个库也挺陌生的,正好借这个机会学习分享一下