webgl
4篇文章 · 0订阅
  • 前端使用 Konva 实现可视化设计器（10）- 对齐线
    前端使用 Konva 实现可视化设计器，这次实现对齐线的交互功能，单个、多个、多选都可以对齐，同时还能磁贴。
    前端 Canvas TypeScript
    前端使用 Konva 实现可视化设计器（10）- 对齐线
  • WebGL学习（二）变量、缓冲区、其他图形
    1. 变量 我们在上一节的基础上增加一些变化： 绘制的点跟随鼠标点击位置移动 绘制的点双击过后改变颜色 1.1 跟随点击移动 由于我们要更换位置，所以修改的就是顶点着色器代码 那么，变量的数据怎么来：
    前端 WebGL
  • WebGL-手抓手梳理渲染管线流程
    什么是渲染管线 如果你之前接触过图形学或者接触过WebGL，你一定多少听说过GPU的渲染管线。在图形学中，我们如何把3D信息转换成屏幕的2D图像，本文会给你建立一个大体的认知
    WebGL
    WebGL-手抓手梳理渲染管线流程
  • WebGL工作流程解读，一个三角形的诞生
    本文会把WebGL工作的具体流程梳理一遍，WebGL到底是如何渲染出一个三角形的。我们常说把大象装进冰箱需要三步，那么写一个WebGL程序应该也只需要三步：1、把数据放入缓冲区，2、把缓冲区的数据给着色器，3、着色器把数据给GPU。 一切的前提那一定是WebGL上下文了。 在创…
    WebGL