这是我参与「第五届青训营 」伴学笔记创作活动的第 15 天。 WebGL — 是一项用来在网页上绘制和渲染三维图形以及允许用户与之进行交互的技术。WebGL结合了HTML5和JavaScript,允许开发者在网页上创建和渲染三维图形。 ps:听上去就很厉害,假设我们是一名web前端开发者HTML5和JS应该是再熟悉不过的了。 WebGL是内嵌在浏览器中的。也可以说WebGL是基于浏览器的。也可以说WebGL是跨平台的(只要你的浏览器支持它)。
WebGL的优势
最初,HTML仅仅是静态的内容。后来引入了JavaScript之后,HTML开始提供一些动态的内容,并且具有一定的交互性。现在出现了更强大的HTML5,它可以使用标签来绘制二维图形,以呈现更丰富的内容。例如:跳动的小人。 WebGL则更强大:它允许JavaScript在网页上显示和操作三维图形。例如:开发三维的用户界面,运行三维的网络游戏等。
WebGL开发环境搭建
说到开发环境搭建,对于挺多人来说是一件非常头疼的事情。但是!但是!但是!WebGL几乎不需要搭建开发环境!因为之前说过,WebGL是内嵌在浏览器中的,所以我们只需要准备一个支持WebGL的浏览器 + 一个文本编辑器(这里我使用Sublime)。
WebGL的起源
上面我们大概了解到了WebGL是什么以及开发环境。现在来看看WebGL要到要从哪里开始追溯。 我们知道PC上使用最广泛的两种三维图形渲染技术是Direct3D(微软平台的)和OpenGL(多平台的)。这里对于Direct3D和OpenGL不做太多的累赘描述(因为其实我也不是很了解。