什么是WebGL？ WebGL是一项使用JavaScript实现3D绘图的技术，浏览器无需插件支持，Web开发者就能借助系统显卡（GPU）进行编写代码从而呈现3D场景和对象。 WebGL基于OpenGL ES 2.0，OpenGL ES 是 OpenGL 三维图形 API 的子集 ...

目录 二维平面上的变换 二维缩放 切变 二维旋转 二维平移 二维齐次坐标系 二维仿射变换 逆变换 变换的 ...

摘要 图形学中的重要概念 色彩视觉 图像和像素 三角网络模型 光照模型和明暗处理 视点变化和视点方向 1.色彩视觉 色彩是对不同波长的光的能量的感知 “光”是由不同波长的电磁波混合而成 谱分布：光在各个可见波长 ...

一、概述 由于投影变换失去了深度信息，往往导致图形的二义性。要消除二义性，就必须在绘制时消除被遮挡的不可见的线或面，习惯上称作消除隐藏线和隐藏面（或可见线判定、可见面判定），或简称为消隐。经过消隐得到的投影图称为物体的真实感图形。 下面这个图就很好体现了这种二义性。 消隐后 ...

这几天一直在忙着期末考试，所以一直没有更新我的博客，今天刚把我的期末作业完成了，心情澎湃，所以晚上不管怎么样，我也要写一篇博客纪念一下我上课都没有听，还是通过强大的度娘完成了我的作业的经历。（当然作业 ...

无论你是在用three.js还是babylon.js还是其他B端三维引擎，你似乎都能经常见到标题所提到的如下三个概念：camera(相机)、renderer(渲染器)、scene(场景) 那么这三者究竟是通过怎样的方式将三维物体呈现在浏览器中的呢，今天我们就通过three.js的相关源码来一探 ...

前端开发中，hover是最常见的鼠标操作行为之一，用起来也很方便，CSS直接提供:hover伪类，js可以通过mouseover+mouseout事件模拟，甚至一些第三方库/框架直接提供了 hover ...

图形学笔记 —— 透视除法 本文采用左手坐标系，即z轴向屏幕里增长。 透视投影变换 透视投影变换，有三个词组成：透视、投影、变换。我们逐个来理解。 透视：我理解为“有远近感”的，也就是我们平时所说的近大远小。而相对地，近少远多：你站在山顶上，近处你只能看见附近几棵花花草草，但是远处 ...