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

来源:互联网 发布:3dmax2012数据错误 编辑:程序博客网 时间:2024/05/30 23:12

一 摘要

最近段时间一直在研究基于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的具体使用.

0 0
原创粉丝点击