Flutter 绘制探索

通过前两篇，我们稀里糊涂地完成了很炫的，基于二维平面绘制三维空间的效果。那其中蕴含的原理是什么呢，本篇将和你一起揭开轴测投影的神秘面纱。 1. 投影是什么 首先我们先思考一个简单的问题，如下图所示：

上一篇我们实现了三维空间点到二维平面的映射，并且绘制了坐标轴。本文将进一步完善三维空间的视觉表现，如下所示，构建一个地平面网格, 并且具有透视效果： 1. 地平面绘制 在数学的立体几何中，一些辅助线可

最近我在想，使用二维的 Canvas 能否通过投影的方式，模拟三维的坐标系，这样就可以给渲染三维坐标，从而实现简单的伪 3D 效果。如下所示: 绘制一个三维坐标系，通过三维的点绘制了两个平面, 并通过

本系列，将通过 Flutter 实现一个全平台的像素编辑器应用。源码见开源项目 【pix_editor】。在前三篇中，我们已经完成了一个简易的图像编辑器，并且简单引入了图层的概念，支持切换图层显示不同

1. 本文目的 本系列，将通过 Flutter 实现一个全平台的像素编辑器应用。源码见开源项目 【pix_editor】。在前三篇中，我们已经完成了一个简易的图像编辑器，并且简单引入了图层的概念，支持

本系列，将通过 Flutter 实现一个全平台的像素编辑器应用。源码见开源项目 【pix_editor】 《Flutter 像素编辑器#01 | 像素网格》 《Flutter 像素编辑器#02 | 配

本系列，将通过 Flutter 实现一个全平台的像素编辑器应用。源码见开源项目 【pix_editor】 《Flutter 像素编辑器#01 | 像素网格》 上一篇完成了 Flutter 像素编辑器的

本系列，将通过 Flutter 实现一个全平台的像素编辑器应用。本篇将完成如下功能: [1]. 展示方形网格。 [2]. 通过网格的坐标信息，为像素单元格着色。 [3]. 通过手势交互，在网格中编辑像

张风捷特烈 Flutter & GLSL 系列文章： 《Flutter & GLSL#1 | Shader 让绘制无限强大》 《Flutter & GLSL#2 | 从坐标到颜色》 《Flutter

张风捷特烈 Flutter & GLSL 系列文章： 《Flutter & GLSL#1 | Shader 让绘制无限强大》 《Flutter & GLSL#2 | 从坐标到颜色》 《Flutter

Flutter & GLSL 系列文章第七集 ，如何通过减法展示线条。前面我们通过圆形的区域和平滑过渡，认识了两个非常重要的内置函数 `step` 和 `smoothstep`。其中这两个方法...

Flutter & GLSL 系列文章： 《Flutter & GLSL - 壹 | Shader 让绘制无限强大》 《Flutter & GLSL - 贰 | 从坐标到颜色》 《Flutter &

1、从圆形与 step 函数 有时我们需要通过着色器来表现图形，那如何通过坐标控制颜色值的输出，得到基本图形呢？之前一直强调： 想要展示一个半径为 r 的黑色圆形，只需要计算 像素点 距原点距离 le

之前我们实现过黑色到红色的渐变效果，让像素颜色的 r 值根据坐标从 0~1 均匀变化即可。现在想要实现如下的 `渐变条纹` ，该怎么办呢？条纹可以指定个数，如下是 10 个条纹从黑到红的渐变效果：

Flutter & GLSL 系列文章： 《Flutter & GLSL - 壹 | Shader 让绘制无限强大》 《Flutter & GLSL - 贰 | 从坐标到颜色》 《Flutter &

上一篇 《 Flutter 绘制集录 | Shader 让绘制无限强大 - 壹》 介绍了 Flutter 本身支持 GLSL 语言进行 Shader 着色器的编写。这给 Flutter 的绘制能力增加

在之前研究 opengl 时，知道 Shader 的强大，我们可以通过着色器完成很多特效。之前在 Android 中写过 《 [ - OpenGLES3.0 - ] 第三集 主线 - shader着色

前言： 这篇文章来通过一个有趣的案例，介绍一下 绘制中的动画变换 ，以及如何在当前的变换基础上，叠加变换。如下所示，小车在界面上呈现的任何变动，都是变换矩阵作用的效果： 注: gif 图片为 15fp

前言 光阴似箭，《Flutter 绘制指南 - 妙笔生花》 转眼间已经发布两年半了，不知道各位练习得怎么样。有不少朋友问过如何将 Canvas 绘制的内容保存为图片，最近在做的东西刚好涉及了这块，通过

欢迎来到 Flutter 绘制实践系列，今天来的话题是： 数字显示管 ， 如下所示，展示 0~9 十个数字。通过观察不难发现，这十个数字是由 7 个管 的不同点亮状态决定的，管的编号如下所示。比如