查看: 2428|回复: 0

[WebGL] 【WebGL学习入门到精通】1. WebGL介绍

[复制链接]

6

主题

4

回帖

60

积分

管理员

积分
60
发表于 2020-2-20 09:10:35 | 显示全部楼层 |阅读模式

请使用QQ关联注册PLM之家,学习更多关于内容,更多精彩原创视频供你学习!

您需要 登录 才可以下载或查看,没有账号?注册

×
6 O4 S. q7 m! w' k: D, k6 R
【WebGL学习入门到精通】1. WebGL介绍
  A7 S1 E  r5 W; a$ {- O3 f- |+ x. y9 q9 e

6 H' f% a- V. H8 Y! ?WebGL (Web图形库) 是一种JavaScript API,用于在任何兼容的Web浏览器中呈现交互式3D和2D图形,而无需使用插件。WebGL通过引入一个与OpenGL ES 2.0紧密相符合的API,可以在HTML5 <canvas> 元素中使用。
3 T1 u; A1 i6 S; X: V% ^- V7 a9 A$ ^3 W2 q; ]; f3 j
3 d: }4 A( f( e& X8 d7 o
目前支持 WebGL 的浏览器有:Firefox 4+, Google Chrome 9+, Opera 12+, Safari 5.1+ 和 Internet Explorer 11+;然而, WebGL一些特性也需要用户的硬件设备支持。
" _9 p5 }8 u/ ]: E# O! _* l1 l. ~1 X$ `! I+ C* }7 p. w

8 Q" G9 N+ i4 U8 w  s <canvas> 元素也被 Canvas 2D 用于在网页上做2D图形。* A+ x$ ^" a/ \. ?( y

8 d: w: P+ O% ~4 \, H7 R浏览器的兼容如下:
" q& @; d4 r/ v) N; l) r
5 _8 ^3 [8 K- N' i
Xnip2020-02-20_09-09-18.jpg ! x! y, t3 v7 i3 R% y

/ E0 W" C! K3 l( S) r
WebGL 使得在支持HTML 的 canvas 标签的浏览器中,不需要安装任何插件,便可以使用基于 OpenGL ES 2.0 的 API 在 canvas 中进行2D和3D渲染。WebGL程序包括用 JavaScript 写的控制代码,以及在图形处理单元(GPU, Graphics Processing Unit)中执行的着色代码(GLSL,注:GLSL为OpenGL着色语言)。WebGL 元素可以和其他 HTML 元素混合使用,并且可以和网页其他部分或者网页背景结合起来。

6 t6 \! G. V6 M6 J$ p# c7 U
% j$ `* F% `, z# ?: o6 Z# Q
上海点团信息科技有限公司,承接UG NX,CATIA,CREO,Solidworks 等CAx软件,Teamcenter,3D Experience等PLM软件,工业4.0数字化软件的实施\二次开发\培训相关业务,详情QQ 939801026 Tel 18301858168 网址 www.doteam.tech
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

在本版发帖
关注公众号
QQ客服返回顶部