开发学院

您的位置:首页>教程>正文

教程正文

WebGL 简介

WebGL 简介


  几年前,Java应用程序—作为applet和jogl的组合,被用于通过图形处理器(图形处理单元)在web上处理三维图形。当applet需要JVM运行时,就很难依赖Java小程序。几年后,人们停止使用Java小程序。


  由adobe(flash , air)提供的stage3d API提供了GPU硬件加速的体系结构。利用这些技术,程序员可以在web浏览器以及IOS和Android平台上开发具有2d和3d功能的应用程序。但是由于flash是一个专有软件,它不被用作web标准。


OpenGL


  OpenGL(开放图形库)是用于2d和3d图形的跨平台API,它是一个命令集合。OpenGL4.5是OpenGL的最新版本。下面列出了一组与OpenGL相关的技术。


  OpenGL ES:它是嵌入式系统上的2d和3d图形库,包括控制台、电话、设备和车辆。OpenGL ES 3.1是它的最新版本。它由Khronos集团(www.khronos.org)维护。


  JOGL:它是一个基于Java的OpenGL库。JOGL 4.5是它的最新版本,它由jogamp.org维护。


  WebGL:它是基于OpenGL ES 2.0的一个JavaScript绑定。WebGL 1.0是它的最新版本,它由khronos组维护。


  OpenGLSL:OpenGL Shading语言。它是一兼容OpenGL2.0和更高版本的编程语言。它是核心OpenGL4.4规范的一部分。它是专门为嵌入式系统定制的API,例如在手机和平板电脑上的应用程序。


什么是 WebGL?


  WebGL(web图形库)是web上三维图形的新标准,它是为绘制二维图形和交互式三维图形而设计的。它来源于OpenGL的ES 2.0库,它是用于手机和其他移动设备的低级3d API。WebGL提供了类似ES 2.0(嵌入式系统)的功能,并在现代三维图形硬件上表现出色。


  它是一个可以与HTML5结合使用的JavaScriptAPI。HTML5具有几个支持三维图形的功能,如Canvas、WebGL、SVG、3D CSS transforms和SMIL。


  WebGL代码是在HTML5的<Canvas>标记中编写的。它是一个规范,允许浏览器在使用它们的计算机访问图形处理单元(GPU)。


谁开发的 WebGL

  一位名叫Vladimir Vukicevic的美国软件工程师做了基础工作,并领导了WebGL的创作。在2007年,弗拉基米尔开始为html文档的画布元素创建OpenGL原型。2011年3月,克洛诺斯集团创建了webgl。


浏览器支持


桌面浏览器

浏览器名称版本支持情况
Internet Explorer11以上完全支持
Google Chrome39以上
完全支持
Safari8完全支持
Firefox36以上部分支持
Opera27以上部分支持


移动浏览器

浏览器名称版本支持情况
Chrome for Android42部分支持
Android browser40部分支持
IOS Safari8.3完全支持
Opera Mini8不支持
Blackberry Browser10完全支持
IE mobile10部分支持


WebGL的优势


  JavaScript编程:WebGL应用程序是用JavaScript编写的。使用这些应用程序,您可以直接与html文档的其他元素交互。您还可以使用其他JavaScript库(例如jquery)和html技术来丰富WebGL应用程序。


  增加对移动浏览器的支持:WebGL还支持移动浏览器,如Safari、Android浏览器和Android的chrome。


  WebGL是开源的:您可以访问它的源代码,并了解它是如何工作的,以及它是如何开发的。


  不需要编译:JavaScript是一个半编程和半html组件。要执行此脚本,无需编译文件。相反,您可以使用任何浏览器直接打开文件并检查结果。由于WebGL应用程序是使用JavaScript开发的,因此无需编译WebGL应用程序。


  自动内存管理:JavaScript支持自动内存管理。无需手动分配内存。WebGL继承了JavaScript的这一特性。


  易于设置:由于WebGL集成在html中,因此无需设置额外的设置。要编写一个WebGL应用程序,所有需要的都是一个文本编辑器和一个web浏览器。


开发环境配置


  WebGl不需要专门配置开发环境,任何一款支持WebGL的浏览器配合一个文本编辑器即可。