WebGL入门
webGL,是一项用来在网页上绘制和渲染复杂三维图形(3D图形),并允许用户与之进行交互的技术。webGL接合了HTML5和JavaScript,允许开发者在网页上创建和渲染3D图形。
下面是一些精彩的webGL示例
Aquarium
Cube
WebGL Bookcase
WebGL Earth
接下来先简单介绍一下使用到的知识要点
一、使用 < canvas > 标签
canvas即是画布,< canvas >标签定义了网页上的绘图区域
示例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Draw a blue rectangle</title>
</head>
//<body>元素加载完成后执行main()函数作为JavaScript程序的入口
<body onload="main()">
<canvas id="example" width="400" height="400">
//错误信息,提醒那些用着老式浏览器的用户
please use a browser tht supports "canvas"
</canvas>
<script src="DrawRectangle.js"></script>
</body>
</ht