WebGL概论
xsobi 2024-12-03 04:55 1 浏览
什么是WebGL
简单来讲，WebGL是新一代Web上的3D图形规范，是属于HTML5技术大家族的一员，虽然没有写在官方的HTML5上，但大部分现代浏览器都支持WebGL。
WebGL未出现之前，我们浏览器只能完成有限的2D体验。开发者必须依靠插件或安装下载相关软件来实现3D体验。WebGL的出现，将使传统的2D网络体验迈向丰富动人的3D体验。
技术定义
WebGL标准是由科纳斯组织开发和维护的，该组织还管理着OpenGL、COLLADA等图形标准规范。WebGL的官方定义是这样的：
>WebGL是免授权费的，跨平台的应用程序接口API，它将OpenGL ES2.0作为在HTML网页内的3D绘图环境，作为低级别文档对象模型接口开放。它使用OpenGL渲染语言GLSL ES，并可被整洁地与其他3D内容上层或下层的网页内容捆绑。它是使用JavaScript编程开发语言开发适合动态3D网页应用的理想工具，并已被主流互联网浏览器集成。
简单做以下理解：
1、WebGL是一套JavaScript编程接口
WebGL是JavaScript编程接口，并不依赖于HTML而存在。它的3D渲染与使用canvas元素的2D绘画类似，所有功能通过JavaScript API调用。只要会使用canvas元素，在此基础上设置一个特殊的绘制上下文即可。
2、WebGL是基于Open ES 2.0的
OpenGL ES是3D渲染标准OpenGL的精简版本，它是专门为小型计算机设备量身定制的，目前主流的手机和平板电脑都使用了OpenGL ES进行3D渲染，WebGL基于OpenGL ES制定，更有利于打造一个跨系统、跨平台、跨浏览器的3D Web标准。
3、WebGL和其他网络内容可以融合在一起
WebGL可以和HTML标签搭配使用。你可以用传统的HTML元素制作常规的2D界面，使用WebGL来开发自己的3D图形，浏览器会2D、3D图形有效地整合在一起，提供给用户。
4、WebGL用于搭建动态Web应用
WebGL是为Web交互而生，能够很好地与Web浏览器整合、与JavaScript协同工作，对于Web交互非常友好。
5、WebGL是跨平台的
WebGL能运行于任何操作系统，无论是windows，还是mac os。也能运行于任何设备，无论是手机、平板电脑，还是PC电脑、智能电视。
6、WebGL是完全免费的
在这里展示一张图片给大家，里面所有的3D图新绘制和交互，都是由WebGL完成的
相关推荐
- 一文揭秘领域驱动设计(DDD):领域和子域
-
★★★建议星标我们★★★2020年Java原创面试题库连载中...
- DDD领域驱动设计最全详解(图文全面总结)
-
DDD领域驱动设计是现在非常火热的设计架构，而且大厂面试也经常考察，下面我就全面来详解DDD领域驱动设计@mikechen本篇已收于mikechen原创超30万字《...
- 领域驱动设计(Domain-Driven Design)的关键概念
-
领域驱动设计（Domain-DrivenDesign,DDD）是一种软件开发方法，旨在通过深刻理解业务领域来构建复杂的系统。在DDD中，开发者与领域专家密切合作，共同定义业务逻辑，并通过模型表达领...
- 终于有人把安卓程序员必学知识点全整理出来了，有如醍醐灌顶
-
阅读前请点击右上角“关注”，每天免费获取Android知识解析及面试解答。Android架构解析，只做职场干货，完全免费分享！Java相关无论什么级别的Android从业者，Java作为Android...
- [Android开发]使用观察者的正确姿势
-
前言首先先问一个问题，你在做Android开发的时候有没有被传值整的蒙圈?例如Fragment之间的传值，Activity之间的传值(ActivityForResult比较常用)，Fragment与A...
- Android音频开发:如何采集一帧音频
-
AndroidSDK提供了两套音频采集的API，分别是：MediaRecorder和AudioRecord，前者是一个更加上层一点的API，它可以直接把手机麦克风录入的音频数据进行编码压缩（如...
- 安卓手机怎么录屏?这三种方法你还不会用么?
-
手机录屏指的是使用手机的录屏功能，将屏幕上的内容进行录制，保存为视频文件，以供后续观看或分享。使用手机录屏功能，可以方便地将手机屏幕上的任何内容进行录制，无论是游戏操作、软件教程、视频播放等，只需要点...
- 网易视频云技术分享:Android 消息机制学习
-
Android消息机制大家都不陌生，想必大家也都看过Handler、Looper的源码（看过可以直接看末尾重点，一款监控APP卡顿情况的控件），下面，网易视频云技术专家就整合一下这方面的资料，加深对这...
- 2021年四大流行Android手机自动化测试工具，全在这里了
-
Android自动化测试的工具非常多，但是目前主流使用的就那几个，我会详细说明他们各自的情况，你可以根据自己的需要决定使用哪款工具。...
- 好程序员Android培训 122天炼成技术达人稳赚高薪
-
好程序员从课程研发到开班至今，历经一年的时间，专注Android和iOS开发高端人才培养，目前已经毕业的三期学员，从平均薪资的11000到三期的16000，薪资记录在行业内遥遥领先。面对如此“诱人”的...
- 娃哈哈基课堂第3课。安卓手机的盲人模式深度讲解
-
上一节课我们说了苹果手机的盲人模式如何设置？今天我们通过长文的方式来讲解安卓手机的盲人设置是如何设置的，所有的安卓手机盲人模式都是通用的，但是有一些手机因为优化系统的问题无法通用，或者有些手机直接把安...
- android培训学习的大纲 android软件开发培训
-
第一阶段android基础:1.基础javaJava概述，进制，数据类型，常量变量，运算符，表达式关系运算符，逻辑运算符，if语句，switch语句while循环，do...while循环，for循环...
- Android Jetpack从入门到精通(深度好文，值得收藏)
-
阅读前请点击右上角“关注”，每天免费获取Android知识解析及面试解答。Android架构解析，只做职场干货，完全免费分享！前言即学即用AndroidJetpack系列Blog的目的是通过学习An...
- 小技巧:安卓苹果都有!这份玩机的教程，我愿称为最强
-
从提起适老化这个概念到现在，能真正感受到的，可能只是App上的一个按钮。...
- 一周热门
- 最近发表
- 标签列表
-
- grid 设置 (58)
- 移位运算 (48)
- not specified (45)
- patch补丁 (31)
- 导航栏 (58)
- context xml (46)
- scroll (43)
- element style (30)
- dedecms模版 (53)
- vs打不开 (29)
- nmap (30)
- c 视频教程下载 (33)
- listview排序 (33)
- firebug 使用 (31)
- transactionmanager (30)
- characterencodingfilter (33)
- getmonth (34)
- commandtimeout (30)
- hibernate教程 (31)
- label换行 (33)
- curlpost (31)
- android studio 3 0 (34)
- android开发视频 (30)
- android应用开发 (31)
- html转js (35)