做GIS梦的人

这个代码的例子是从书籍上搬来的，不同的是，书籍提供的WebGL函数库代码是ES5的，我把函数库使用的代码用ES6的方法重写了。中间还使用了ES6的特性——静态方法和模版字符串。最后出现了想要的东西，特此纪念一下。export class RenderTool { static initShaders(gl, vshader, fshader){ var program...

初衷想基于ES6的模块化做一些开发，无奈浏览器目前都不支持ES6的模块化，需要转换成ES5才能在浏览器运行。于是需要基于WebPack搭建一个ES6转ES5的环境，最好是可以实时自动编译，还可以在浏览器看出变化。网上这方便的资料很多，不过也都挺简略的，这里就记录一下我的搭建过程。更新时间2018年9月20日——增加支持ES7基础环境node.js安装很简单就不说了，去官网下...

基于上一篇博文WebGL与ES6：绘制简单点。在学习WebGL编程指南这本书时，发现书上有一个WebGL通过鼠标连续绘制点的代码，其中的屏幕坐标系转WebGL坐标系的方法，居然是错误的。自己动手改了一下，可以完整运行了。import "../css/index.css";import {RenderTool} from "./lib_webgl/cuon-utils-ES6";l...

在绘制WebGL材质时，中间材质到WebGL的转换弄错了，写了很长时间。由于书上的引入图片是ES5的方式，我使用WebPack在进行打包的时候总是不对，因此在ES6中如何引入图片供WebGL调用当作材质，浪费了一些时间。import "../css/index.css";import {RenderTool} from "./lib_webgl/cuon-utils-ES6";impor...

       在网上看到有的地图框架说自己使用WebGL渲染可以绘制超过百万的点，觉得有点夸张，做WebGIS的应该都遇到过，不使用一些聚合控件或优化算法的话，地图加载超过1000多的点可能就会卡顿，移动端几百个可能就卡死了。正好最近在尝试WebGL地图框架的开发，正好写到点图层的绘制，于是就测试了一下WebGL的性能。部分代码如下：let graphicLayer=new Graphi...