Cesium之3DTiles 编译流程

一、版本库

1.Cesium官方网址地址为：https://cesiumjs.org/

2.直接在bing上搜索

图1

主页最底部有github的Logo

打开的链接为：Github: https://github.com/AnalyticalGraphicsInc/cesium/

打开后一定要切换到所需要使用的分支（此处为3d-tiles分支）：

图3

为方面以后查找可以 ”fork”一下

图4

二、git检出

使用Git clone url 命令检出

图5.1

检出后一定记得切换到对应的分枝才行 在检出的cesium 文件夹下执行 git checkout 3d-tiles命令即可。

图5.2

注：检出的文件约300M，否则可能存在问题。

三、使用WebStorm打开

图6

执行File--> Open选择对应的路径。

图7

右键gulpfile.js—>run “default”

图8

 

右键打开gulpfile.js 提示Faild to list tasks , 点details 查看详细信息。

图9

解决办法是配置一下gulp；

根据提示顺序解决gulp相关的问题即可。

图10

四、安装配置gulp

gulp是基于Nodejs的自动任务运行器，基本流程就是先安装nodejs，通过nodejs的npm全局安装和项目安装gulp

1 安装node.js （https://nodejs.org/）下载安装即可。

 

运行测试node 及npm是否安装成果，如下图则成功

图11

安装gulp需要的包

将路径切换到工程目录下（我的工程：D:\OSLS\Cesium3DTiles\cesium）

 

全局安装gulp，出现warn不要紧，等他慢慢转，表示正在联网下载...

命令为： npm install -ggulp

 

安装成功不WARN(警告)对后续操作没有影像，可以暂时忽略。

图12

安装成功后会在当前文件夹下生成一个node_modules文件夹，内含glup模块

图13

回到WebStorm进行修改gulp的路径

图14

Gulp Package选择到刚才安装的gulp位置。

 

重新加载

图15

 

提示的错误已经发生了变化，需要安装” request “ 模块。

图15

同样npm install request 即可。

图16

Reload tasks 依次安装所需的所有的模块即可。

注：可能会有批量安装所有的所有模块的小脚本，如有请告知，先行谢过！

中间可能会出些提示信息，忽略即可。

全部安装完成后

图17
五、 reales版本
   
   

    
    右键realse约十分钟编译完成。
   
   

图18

将会在当前目录下生成一个build文件夹。