查看: 2372|回复: 0

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

[复制链接]

6

主题

4

回帖

60

积分

管理员

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

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

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

×
. H8 }; M5 e$ @( G/ J7 ^& @" s6 ~$ X
【WebGL学习入门到精通】1. WebGL介绍
* G) S5 }. M& G
7 P- ?$ x) j8 [/ P9 p9 D! m+ Q
. B4 e+ r% `. r/ E3 }' G4 m2 O
WebGL (Web图形库) 是一种JavaScript API,用于在任何兼容的Web浏览器中呈现交互式3D和2D图形,而无需使用插件。WebGL通过引入一个与OpenGL ES 2.0紧密相符合的API,可以在HTML5 <canvas> 元素中使用。# {% g: x! M) g# w' V* l) z* v
( T. H0 j" L! f. Q2 R
, O$ K8 t5 [, m0 V& A2 K
目前支持 WebGL 的浏览器有:Firefox 4+, Google Chrome 9+, Opera 12+, Safari 5.1+ 和 Internet Explorer 11+;然而, WebGL一些特性也需要用户的硬件设备支持。& y! |  ]" [# |2 `% k7 {
. P3 [- S2 x9 M
1 T" Q. |, {3 {7 r
<canvas> 元素也被 Canvas 2D 用于在网页上做2D图形。8 F! e) @( F8 C$ B& g
9 G0 L* g/ t. @
浏览器的兼容如下:
( T0 m, R& A. H/ C( y, [

8 {) a9 J% j! q* d! n! f6 n Xnip2020-02-20_09-09-18.jpg ' _3 R( h) |3 S

5 a; L, W0 S+ O$ \# L9 F1 x9 P
WebGL 使得在支持HTML 的 canvas 标签的浏览器中,不需要安装任何插件,便可以使用基于 OpenGL ES 2.0 的 API 在 canvas 中进行2D和3D渲染。WebGL程序包括用 JavaScript 写的控制代码,以及在图形处理单元(GPU, Graphics Processing Unit)中执行的着色代码(GLSL,注:GLSL为OpenGL着色语言)。WebGL 元素可以和其他 HTML 元素混合使用,并且可以和网页其他部分或者网页背景结合起来。
- `/ \3 T5 p! a- C
" v9 H  U/ u$ m9 y) C
上海点团信息科技有限公司,承接UG NX,CATIA,CREO,Solidworks 等CAx软件,Teamcenter,3D Experience等PLM软件,工业4.0数字化软件的实施\二次开发\培训相关业务,详情QQ 939801026 Tel 18301858168 网址 www.doteam.tech
回复

使用道具 举报

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

本版积分规则

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