三维气象要素场--WebGL篇

多年前,曾用VC+OpenGL写过三维云图和三维气象要素场软件。

http://blog.csdn.net/hzgjf/article/details/5754851

最近花了几天了解了下WebGL,使用ThreeJS,使用简单,效果不错


1、先显示一个地球,加上星空,加上旋转缩放平移代码:(球顶上的小箭头是调试用的)

三维气象要素场--WebGL篇_第1张图片


2、再看看要显示的卫星云图,2228*1100,Micaps格式,麦卡托投影,转成图片是这个样子的:

三维气象要素场--WebGL篇_第2张图片


3、直接把它贴球面上,效果一般:

三维气象要素场--WebGL篇_第3张图片


4、加上调色板,效果好多了:

三维气象要素场--WebGL篇_第4张图片


5、既然做的是三维,添加上凹凸效果:

三维气象要素场--WebGL篇_第5张图片


6、放大看看:

三维气象要素场--WebGL篇_第6张图片


7、再放大:

三维气象要素场--WebGL篇_第7张图片


8、显示流场,用箭头表示风向:

三维气象要素场--WebGL篇_第8张图片


9、加上风速,用颜色表示风速:

三维气象要素场--WebGL篇_第9张图片


10、它还可以动画:

三维气象要素场--WebGL篇_第10张图片


11、再看看高度场,直接把500hpa高度场贴球上,效果不好:

三维气象要素场--WebGL篇_第11张图片


12、加上高度:

三维气象要素场--WebGL篇_第12张图片


13、换个方向:

三维气象要素场--WebGL篇_第13张图片


14、再换个方向:

三维气象要素场--WebGL篇_第14张图片

你可能感兴趣的:(三维气象要素场--WebGL篇)