-
WebGL入门教程3 - Canvas、Context、API和绘制一个矩形
在教程2中，我们已经讲述了计算机图形处理硬件结构和流水线。在本文中，我们将开始讲述WebGL的具...
-
WebGL入门教程2 - GPU基本概念和工作流水线（渲染管道）
在教程1中，我们已经讲述了基础的3D图形知识，接下来我们了解具体的硬件结构、GPU基本概念。计算机图...
-
WebGL入门教程1 - 3D绘图基础知识
现代浏览器努力使得Web用户体验更为丰富，而WebGL正处于这样的技术生态系统的中心位置。其应用范围覆盖在线游戏、大数据可视化、计算机辅助设计、虚拟现实以及数字营销等各个领域。在WebGL出现之前，用户必须安装第三方插件或本地应用程序才能利用设备硬件所拥有的强大的渲染功能，而使用WebGL，只需要浏览器就可以完成一切...
-
使用Canvas绘制完美的不完美圆形
真实世界是不完美的，当我们需要模拟真实世界时，经常需要引入不完美/不规则的形状。比如陨石、雨滴、行星、树叶、绵延的海岸线、云朵等。本文介绍如何基于Canvas生成随机大小的不完美圆形。
首先我们要了解，在几何学上圆形可以通过增加等边对称多边形边数来无限逼近。那么所谓不完美圆形，实际可以通过一个不等... -
如何基于Canvas来模拟真实雨景Part2：重力掉落和雨滴融合
在Part1中我们已经建立了绘制环境、背景和雨...