HTML5原生WebGL开发系列教程

Posted 孙群

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5原生WebGL开发系列教程相关的知识,希望对你有一定的参考价值。

1. OpenGL中的坐标变换、矩阵变换

2. OpenGL ES 2.0编程基础

3. 原生WebGL简单Demo

4. 在WebGL中使用drawElements绘图

5. WebGL不同几何图形的渲染方式

6. 使用自定义glTranslate与glRotate

7. 原生WebGL绘制旋转的地球

8. WebGL矩阵、Camera基础操作

9. WebGL使用一张贴图纹理绘制地球

10. WebGL加载跨域纹理出错Uncaught Error: SECURITY_ERR: DOM Exception 18

11. WebGL加载跨域纹理出错Cross-origin image load denied by Cross-Origin Resource Sharing policy.

12. 使用WebGL绘制三维地形图

13. 自己实现WebGL框架World.js(0.3.5版本)

14. 通过OpenStreetMap获取数据绘制三维地球

15. ELSL着色器编程中内置的运算符与函数

16. WebGL光照模型与渲染方式

17. 获取WebGL三维拾取向量

18. 在WebGL中使用Mipmap纹理

19. WebGL在WebGIS上的应用——WebGlobe

20. WebGlobe实现的基本算法原理

21. [GitHub开源]基于HTML5实现的轻量级Google Earth三维地图引擎,带你畅游世界

22. 使用WebGL实现Web城市地下管线三维场景浏览

欢迎大家关注我的WebGL开源项目WebGlobe,WebGlobe是一个基于html5原生WebGL实现的轻量级Google Earth三维地图引擎,支持以下特性:

  1. 没有使用第三方框架,无需插件,所有支持WebGL的浏览器均可使用。

  2. 支持Google、高德、微软Bing、腾讯、360、OpenStreetMap等底图服务。

  3. 支持影像图、行政图以及实施交通图。

  4. 支持搜索服务,既可以按照POI类型搜索,也可以按照POI名称搜索。

  5. 支持路线规划服务,支持自驾车、公交、步行三种出行方式,自驾车和公交出行均提供多种出行方案。

  6. 支持移动浏览器并对移动浏览器做了优化,并针对移动端做了一个WebApp,能够实现常用的地图功能,具有实用性。

GitHub项目地址:https://github.com/iSpring/WebGlobe

桌面版在线访问地址: https://ispring.github.io/WebGlobe/index.html

移动版二维码访问(小米系统中的微信、小米默认浏览器在某些情况下存在已知bug):

如果觉得不错,欢迎Star和Fork!

以上是关于HTML5原生WebGL开发系列教程的主要内容,如果未能解决你的问题,请参考以下文章

WebGL简易教程:纹理

SuperMap iClient3D for WebGL教程(地形篇)-CesiumTerrainProvider

Webgl/Threejs 学习及实践总结

新书推荐 |《Three.js开发指南:基于WebGL和HTML5在网页上渲染3D图形和动画(原书第3版)》

数百个 HTML5 例子学习 HT 图形组件 – WebGL 3D 篇

数百个 HTML5 例子学习 HT 图形组件 – WebGL 3D 篇