Merge pull request #42 from iSpring/develop

merge develop 0.4.4 to master

.gitignore

@@ -1,3 +1,4 @@
 /node_modules
 /buildOutput
 /src/**/*.js
+index.html

.vscode/settings.json

@@ -1,3 +1,4 @@
 {
+    "editor.renderWhitespace": "boundary",
     "typescript.check.workspaceVersion": false
 }

README.md

@@ -1,14 +1,14 @@
- <p align="center">
+<p align="center">
   <a target="_blank" href="https://ispring.github.io/WebGlobe/index.html">
-    <img src="https://github.com/iSpring/WebGlobe/blob/master/screenshot.png">
+    <img src="https://github.com/iSpring/WebGlobe/blob/develop/webglobe.png">
   </a>
   <p align="center">A WebGL virtual globe and map engine</p>
 </p>
 
 
 
 ## WebGlobe
-WebGlobe是基于HTML5原生WebGL实现的轻量级Google Earth三维地图引擎，支持诺基亚地图、微软Bing地图、腾讯地图、天地图、OpenStreetMap等。
+WebGlobe是基于HTML5原生WebGL实现的轻量级Google Earth三维地图引擎，支持Google地图、微软Bing地图、OpenStreetMap等。
 
 没有使用第三方框架，无需插件，所有支持WebGL的浏览器均可使用。效率高，内存占用少。会持续完善，目标是使其成为三维在线地图服务网站。
 
@@ -19,20 +19,14 @@ Demo: https://ispring.github.io/WebGlobe/index.html
 ## Setup dev environment
  1. 项目有两个主要的分支：develop分支和master分支，develop是主分支，开发的代码都提交到该分支；master分支用于release，当develop分支中的代码比较稳定且有重要更新的时候，会将develop分支的代码merge到master分支，然后通过master分支进行发布新版本。
 
- 2. 项目采用TypeScript编写，编译成JavaScript运行，推荐使用[Visual Studio Code](http://code.visualstudio.com/)作为编辑器。
+ 2. 项目采用TypeScript编写，使用Webpack进行编译打包，编译成JavaScript运行，推荐使用[Visual Studio Code](http://code.visualstudio.com/)作为编辑器。
 
- 3. 通过npm install -g typescript安装全局模块typescript。
+ 3. 在项目的根目录下执行npm install，安装所需模块。
 
- 4. 在项目的根目录下执行npm install，安装所需模块。
-
- 5. 使用gulp进行编译打包，gulpfile中定义了多个task，并在package.json中定义了对应的npm scripts：
+ 4. package.json中定义了npm scripts：
     - npm run clear 用于清除编译打包的结果
-    - npm run compile 用于将TypeScript版本的模块编译成JavaScript版本的AMD模块
-    - npm run bundle 用于将TypeScript版本的模块打包成一个JavaScript压缩文件
-    - npm run build 用于执行以上所有的task
-    - npm start 用于执行build
-
- 6. 通过index-src.html可以加载AMD格式的源码，方便调试；通过index-bundle.html可以加载打打包压缩后的JavaScript文件，减少了文件体积和网络请求数量，用于生产环境。
-
-
+    - npm run build:dev 对代码进行编译打包，代码没有压缩混淆，用于开发环境
+    - npm run build:prod 对代码进行编译打包，代码进行了压缩混淆，用于生产环境
+    - npm start 用于执行build:dev
 
+ 5. 有问题的话欢迎大家提issue或者到 https://gitter.im/iSpring/Lobby 进行讨论，这样更方便沟通。

index.css

@@ -3,7 +3,8 @@
     padding: 0;
 }
 
-html,body{
+html,
+body {
     width: 100%;
     height: 100%;
 }
@@ -14,17 +15,11 @@ body {
     cursor: default;
 }
 
-#mapSelector {
-    position: absolute;
-    top: 20px;
-    right: 20px;
-}
-
 #canvasId {
     cursor: default;
 }
 
-#blog {
+#about-me {
     position: absolute;
     right: 0;
     bottom: 0;

index.ts

@@ -0,0 +1,9 @@
+import Kernel = require("./src/world/Kernel");
+import Globe = require("./src/world/Globe");
+
+(function () {
+    var canvas = <HTMLCanvasElement>document.getElementById("canvasId");
+    var globe = new Globe(canvas);
+    (<any>window).globe = globe;
+    (<any>window).kernel = Kernel;
+})();

package.json

@@ -1,40 +1,44 @@
 {
-  "name": "webglobe",
-  "version": "0.3.3",
-  "description": "A WebGL virtual globe and map engine.",
-  "main": "require.js",
-  "scripts": {
-    "clear": "gulp clear",
-    "compile": "gulp compile",
-    "bundle": "gulp bundle",
-    "build": "gulp build",
-    "start": "npm run build"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/iSpring/WebGlobe.git"
-  },
-  "keywords": [
-    "WebGL",
-    "Map",
-    "Globe",
-    "Earth",
-    "3D",
-    "HTML5"
-  ],
-  "author": "iSpring",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/iSpring/WebGlobe/issues"
-  },
-  "homepage": "https://github.com/iSpring/WebGlobe#readme",
-  "devDependencies": {
-    "gulp": "^3.9.1",
-    "gulp-concat": "^2.6.0",
-    "gulp-typescript": "^3.0.2",
-    "gulp-uglify": "^2.0.0",
-    "requirejs": "^2.3.2",
-    "rmdir": "^1.2.0",
-    "typescript": "^2.0.3"
-  }
-}
+    "name": "webglobe",
+    "version": "0.4.4",
+    "description": "A WebGL virtual globe and map engine.",
+    "main": "require.js",
+    "scripts": {
+        "clear": "rimraf buildOutput",
+        "prebuild:dev": "npm run clear",
+        "build:dev": "cross-env NODE_ENV=development webpack --progress --colors",
+        "prebuild:prod": "npm run clear",
+        "build:prod": "cross-env NODE_ENV=production webpack --progress --colors",
+        "start": "npm run build:dev"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/iSpring/WebGlobe.git"
+    },
+    "keywords": [
+        "WebGL",
+        "Map",
+        "Globe",
+        "Earth",
+        "3D",
+        "HTML5"
+    ],
+    "author": "iSpring",
+    "license": "ISC",
+    "bugs": {
+        "url": "https://github.com/iSpring/WebGlobe/issues"
+    },
+    "homepage": "https://github.com/iSpring/WebGlobe#readme",
+    "devDependencies": {
+        "cross-env": "^3.1.3",
+        "ejs-loader": "^0.3.0",
+        "html-webpack-plugin": "^2.26.0",
+        "rimraf": "^2.5.4",
+        "ts-loader": "^1.3.3",
+        "typescript": "^2.0.3",
+        "webpack": "^1.14.0"
+    },
+    "dependencies": {
+        "es6-promise": "^4.0.5"
+    }
+}