基于webGL的知识介绍及相关效果展示

一 摘要

最近段时间一直在研究基于HTML5的webGL与Cocos2d-X相关技术,后面会给大家做个详细的讲解和相关代码演示.
在这里首先跟大家介绍一下webGL的相关知识,在接下的时间上班之余我会给大家一一演示如何利用webGL如何去实现一个比较炫的效果. 之后的Cocos2d-X也会给大家做个详细介绍与讲解.
可能有很多认为HTML5很简单,殊不知你接触仅仅是最基本的知识才会认为比较简单.但这些都不是HTML5核心的东西,像webGL ,cocos2d-X,设计网页3D游戏开发,微信开发,webAPP设计等等.所有技术的核心都与JavaScrpt.后面会介绍.
下面我来介绍一下webGL到底是什么东西.

二 什么是webGL?

WebGL 是一种 3D 绘图标准,这种绘图技术标准允许把 JavaScript 和 OpenGL ES 2.0 结合在一起,为 HTML5 Canvas 提供硬件 3D 加速渲染。WebGL 技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂 3D 结构的网站页面,甚至可以用来设计 3D 网页游戏等。

三 效果

1) 3D-water效果

这里写图片描述

大家自己去体验一下大家自己去体验一下

2) 3D-划船效果

这里写图片描述

效果大家自己去体验同样大家自己体验一下

3)具有质感的球

一个具有金属质感的球。这是关于光线、液态、环境地图的试验。
这里写图片描述

4)具有质感的立方体

这里写图片描述

四 结束

介绍到就介绍到这里,接下来我给大家系统的介绍webGL的具体使用.

阅读更多

扫码向博主提问

刘玉刚-AI-技术研究院

博客专家

非学,无以致疑;非问,无以广识
  • 擅长领域:
  • 机器学习
  • 深度学习 
  • 自然语言处理
  • HTML5
去开通我的Chat快问
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/BaiHuaXiu123/article/details/52065705
上一篇基于HTML5学生实训设计的几款APP
下一篇基于HTML5之APP购物车实现
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页


  • 写评论

  • 快问

  • 微信

  • 微博

  • QQ
关闭