WebGL自学课程(5):使用一张贴图纹理绘制地球

注:转载请注明出处


在《WebGL自学课程(3):原生WebGL+ArcGIS JS API绘制旋转地球》一文中讲述了如何利用地图数据绘制地球的轮廓,但是缺少色彩。本文就是想通过贴图的方式让地球穿上一层靓丽的外衣,并可以通过鼠标拖拽等对绘制的地球进行交互式操作。由于本人《WebGL自学课程(4):WebGL矩阵、Camera基础操作》一文中构建了本人自己常用的代码,封装到World.js中,所以在以后的自学课程中都会在文档中引入World.js,以提高开发效率。

本课程所使用的二维贴图如下:


运行效果截图如下:


本文代码.如下:



	
		第一个纹理Demo
		
        
        
		
		
		
		
		
	
	
		
	


注:转载请注明出处

你可能感兴趣的:(Web,WebGL,3D,原生WebGL开发,function,shader,buffer,360,null,callback)