webgl

幻梦丶海炎

【Threejs进阶教程-着色器篇】1. Shader入门(ShadertoyShader和ThreejsShader入门)能百度到的我这里就不废话了，自行百度 WebGL，OpenGL，OpenGL ES，GLSL，这些可以帮助你了解shader的历史和发展以及版本关系

Games101 正交投影矩阵推导目录正交投影投影矩阵推导正交投影不管是远处还是近处，都是直接挤在屏幕上就好，它没有近大远小的效果首先，把相机放在原点上，往-z方向看，上方向是y；

你也向往长安城吗

前端如何使用GPGPU做加速计算？《模拟鸟类群居行为》阅读这篇文章，有webgl / glsl 基础会阅读更加顺利一些，其中有 wgsl 着色器部分，即使它与 glsl 完全不同

家电品牌如何利用3D数字化技术，突破转型瓶颈？家电行业正经历着从增量市场向存量市场的转变，用户的消费观念也日趋成熟，更加注重产品的体验和服务质量。无论是线上购物平台还是线下实体门店，提供个性化和增强体验感的产品与服务已成为家电市场未来发展的核心驱动力。

Node.js 渲染三维模型并导出为图片本文将介绍如何在 Node.js 中使用 Three.js 进行 3D 模型渲染。通过结合 gl 和 canvas 这两个主要依赖库，我们能够在服务器端实现高效的 3D 渲染。这个方法解决了在服务器端生成和处理 3D 图形的需求，使得可以在各种平台上展示复杂的 3D 内容

Qt 6.3 WebGL Streaming：在浏览器中无缝运行Qt Quick应用Qt 6.3的发布带来了一系列令人激动的新特性，其中之一便是Qt WebGL Streaming模块。这一功能使得开发者能够在浏览器中无缝运行Qt Quick应用程序，无需担心平台兼容性问题。本文将深入探讨Qt WebGL Streaming模块的工作原理、使用场景以及如何在你的项目中实现它。

可视化学习：如何生成简单动画让图形动起来大家好，本文分享的是如何生成简单动画让图形动起来。在可视化展现中，动画它是强化数据表达，吸引用户的重要技术手段。

使用 WebGL 创建 3D 对象现在让我们给之前的正方形添加五个面从而可以创建一个三维的立方体。最简单的方式就是通过调用方法 gl.drawElements() 使用顶点数组列表来替换之前的通过方法gl.drawArrays() 直接使用顶点数组。而顶点数组列表里保存着将会被引用到一个个独立的顶点。

敲敲敲敲暴你脑袋

[WebGL shader]磨皮油画等多种高级滤镜美颜滤镜都用过，用webgl写一个呢？点就来就学如何用shader实现一个柔光磨皮效果滤镜，自己动手丰衣足食，从此再也不用担心照片处理！

geojson文件默认已有的style会导致webGL渲染错误处理办法geojson文件默认已有的style会导致webGL渲染错误处理办法相关链接：功能示例(Vue版) | Mars3D三维可视化平台 | 火星科技

Mars3d实现汽车尾气粒子效果从汽车屁股开始发射效果本身的汽车尾气粒子效果：在汽车模型的中间发射的↓↓↓↓↓↓↓↓↓↓↓Mars3d实例中是使用transY偏移值实现汽车尾气粒子效果从汽车屁股开始发射效果：

平移矩阵中的数学思考《webgl编程指南》中，“平移矩阵”中相关值的得出是基于“矩阵和向量相乘所得的等式”与“向量表达式”组成一个方程组

WebGL学习【焕新计划】在正式进入webgl之前，我想有必要简单了解一下渲染管线，毕竟它贯穿webgl学习的整个过程。在GLSL（OpenGL Shading Language）中，常见的变量类型可以归纳为以下几种，并根据提供的参考文章进行详细的解释：

大胡子大叔

三款有3D效果的js图表库1、G2简洁的渐进式可视化语法。https://g2.antv.antgroup.com/manual/extra-topics/3d-charts

three.js纹理贴图褪色失真问题解决网上查的都是加encoding配置，但是最新版本，纹理对象属性名.encoding已经变更为.colorSpace

可视化学习：如何使用后期处理通道增强图像效果大家好，本文分享的是如何使用后期处理通道增强图像效果，通过前面几篇文章，我们了解了一些动态生成纹理的方法，比如符号距离场SDF、基于参数方程生成图案、基于噪声生成纹理，等等。这些生成纹理的技术有相似的地方，就是根据片元的纹理坐标，对片元着色，直接生成纹理。

BabylonJS 6.0文档 Deep Dive 动画（四）：通过动画排序制作卡通片一种最为直接的方法是为每个动画剪辑（Animatin Clip）指定开始时间，最终形成一个卡通动画（Cartoon）。

很甜的西瓜

程序员学习Processing和TouchDesigner视觉编程相关工具Processing 是一种用于视觉艺术和创意编程的开发环境和编程语言。它最初是为了帮助非专业程序员学习编程，特别是那些对于创意编程和视觉表达感兴趣的人。Processing 提供了简单易用的 API，使得绘制图形、创建动画和交互式应用变得相对容易。

Threejs r165文档梳理THREE.Object3DTHREE.SceneTHREE.CameraTHREE.Renderer

2D Tiling3_Hexagonal 六边形平面镶嵌以下的图案都是基于Hexagonal Tiling创作出的一些艺术图形，怎么样，非常动人吧，只用了大概不到200行的代码。