WebGL on 疯狂的技术宅https://fe-tech.viewnode.com/tags/webgl/Recent content in WebGL on 疯狂的技术宅Hugo -- gohugo.iozh-CNThu, 11 Mar 2021 10:00:00 +0800用 WebGL 创建一个在线画廊https://fe-tech.viewnode.com/post/202103/11/Thu, 11 Mar 2021 10:00:00 +0800https://fe-tech.viewnode.com/post/202103/11/本文源代码: https://github.com/lhbizarro/infinite-circular-webgl-gallery/archive/master.zip 在本文中，我们将基于 WebGL 与 OGL 来实现一个无限循环画廊。 本文中所用到的大多数套路也可以用在其他 WebGL 库中，例如 Three.js 或 Babylon.js 中，但是需要一些小小用 WebGL 做一个齿轮动画https://fe-tech.viewnode.com/post/202009/08/Tue, 08 Sep 2020 10:00:00 +0800https://fe-tech.viewnode.com/post/202009/08/本文继续 “WebGL 的第一步 ” 中的内容，上一篇文章中我讲述了 WebGL是什么以及它是如何工作的，包括：shader、program、缓冲区、学习WebGL的第一步https://fe-tech.viewnode.com/post/202009/07/Mon, 07 Sep 2020 10:00:00 +0800https://fe-tech.viewnode.com/post/202009/07/在本文中，我们将了解什么是 WebGL，以及如何通过与 GPU 进行对话来绘制“三角形”。尽管有更好的方法来实现本文中的例子，例如用具有 2d 上下文的 canvas 甚最简WebGL教程，仅需 75 行代码https://fe-tech.viewnode.com/post/202007/14/Tue, 14 Jul 2020 10:00:00 +0800https://fe-tech.viewnode.com/post/202007/14/现代 OpenGL（以及名为WebGL的扩展）与我过去学习的传统 OpenGL 有很大不同。我了解栅格化的工作原理，所以对这些概念很满意。但是我所阅读的每篇