请选择 进入手机版 | 继续访问电脑版

HTML5星空

HTML5星空 首页 HTML5教程 WebGL 查看内容

使用HTML5 WebGL开发前的准备工作

2013-10-16 21:36| 发布者: admin| 查看: 1433| 评论: 0

摘要: 使用WebGL的好处在于:如果浏览器支持WebGL,就可以在不需要额外安装插件的情况下,使用JavaScript和OpenGL ES 2.0语言开发出具有3D显示效果的图形、图像、动画甚至3D游戏,同时也可以通过显卡来实现3D图形、图像或 ...
      学习webgl,并不要求大家具有3D图形开发的经验。只要我们有一颗热爱HTML5技术的心,相信大家会很快学会WebGL,以便能够在Web网页上进行3D图形、图像与动画的开发。

      WebGL基本介绍

      WebGL是一种3D绘图标准,它的全名为“Web Graphics Library”,是由OpenGL的管理组织Khronos Group基于OpenGL ES 2.O所制定的跨平台的Web专用的一种3D绘图标准。
      使用WebGL的好处在于:如果浏览器支持WebGL,就可以在不需要额外安装插件的情况下,使用JavaScript和OpenGL ES 2.0语言开发出具有3D显示效果的图形、图像、动画甚至3D游戏,同时也可以通过显卡来实现3D图形、图像或动画在浏览器中显示时的硬件加速功能。由于WebGL使用canvas元素来进行显示,所以它基本上也被容纳在整个DOM架构中。
      要使用WebGL来进行3D场景和3D动画的开发,我们首先必须具备HTML、JavaScript以及OpenGL ES 2.O的基础知识。

      WebGL开发之前的准备工作

      要使用WebGL来开发3D场景和3D动画,首先要做好以下准备工作:
    1)使用Windows的用户要确保安装了Microsoft DirectX runtime,访问微软的官方网站,可以下载Microsoft DirectX runtime。
    2)确保已经安装了显卡的最新驱动程序。
    3)在浏览器方面,可以选择Firefox浏览器或Chrome浏览器。这两个浏览器到目前为止,对WebGL的支持都比较好。

      WebGL业界新闻

      据国外媒体报道,在2013年,一段诺基亚N900手机使用移动版Firefox软件演示WebGL标准的视频在网上流传,引起了许多手机用户的关注。从视频中可以看到在展示网页中的3D模型及使用触控屏操作的过程非常流畅,这表示WebGL标准已经支持手机浏览器应用。在2013年之前,手机 用户上网浏览多媒体网页仍受手机硬件、浏览器以及网速等方面限制导致体验不佳,如果WebGL标准能在手机上普及应用,将使手机网络服务得到快速地发展。
      2013年4月1日,国外开发者Francois Remy在泄露版Windows Blue附带的Internet Explorer 11中发现,WebGL接口已经封装完成,但功能上还未能开放支持。在这之后,另一名开发者Rafael Rivera继续深入挖掘,竟然发现了在此版本的Internet Explorer 11中开启WebGL支持的方法。这正是四年盘踞龙虎斗,微软终将入大流!欢迎IE 11加入WebGL大家庭!

本文来自html5星空
      

鲜花

握手

雷人

路过

鸡蛋

相关阅读

快讯
发布主题

     京ICP备14042305号

html5star team © 2012-2013 html5星空 Comsenz Inc.

GMT+8, 2017-11-25 07:46 , Processed in 0.069219 second(s), 26 queries .

返回顶部