webgl底层原理
4篇文章 · 0订阅
  • WebGL坐标系基础（二）
    在上一篇文章：《WebGL 坐标系基础（一）》中，我们介绍了WebGL 中常见的几种坐标系以及他们之间的关系。本期将更加“硬核”一些，从数学的角度，推导上期讲到的各个变换矩阵。 在下面的推导中，我们统一使用列向量来表示一个坐标，所谓列向量就是一个N*1 矩阵。例如坐标(x, y…
    JavaScript
    WebGL坐标系基础（二）
  • 乘风破浪的WebGL系列-仿射变换数学基础
    向量的基本仿射变换分为平移、缩放和旋转。在学习如何使用 WebGL 绘制 3D 形体前，我们需要学习如何对物体进行仿射变换，比如要看到 3D 物体的不同侧面我们需要学习如何对其进行旋转（只看正面看不出立体效果），另外我们要想添加多个方向或者位置不同的 3D 形体时，不需要重复计…
    WebGL
    乘风破浪的WebGL系列-仿射变换数学基础
  • 乘风破浪的WebGL系列-着色器语言基础
    学习 WebGL 程序需要学习两个新东西，一个是WebGL API，另一个是着色器语言。其中着色器语言是用来控制 GPU 渲染的编程语言，而 WebGL API 则是 JavaScript 和着色器语言之间的桥梁，JavaScript 通过 WebGL API 间接地控制 GP…
    JavaScript
    乘风破浪的WebGL系列-着色器语言基础
  • WebGL坐标系基础（一）
    对于坐标系相信大家都不陌生，写css的时候大量使用的绝对定位就通过坐标系来描述一个dom的位置。而在WebGL中不仅大量使用了坐标系，还使用了各种各样的坐标系，有的用来描述一个模型自身，有的用来描述一个3d场景。 这些坐标系有各自的使用场景，之间相互独立。但我们能通过坐标变换来…
    WebGL
    WebGL坐标系基础（一）