Flutter 绘制探索

本系列，将通过 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 个管 的不同点亮状态决定的，管的编号如下所示。比如

本文，我们探索了 Flutter 绘制中，如何用 Canvas 绘制复杂的阴影样式。期间通过 BoxDecoration 在源码中的绘制逻辑，发现其本质是通过模糊遮罩来实现阴影效果。并借此思路，对 P

前言 在视频 【Flutter 绘制指南 | 第二集 · 坐标系】 中，实现了画板区域内的单位坐标系。今天来拓展一下，让坐标系支持变换，比如坐标系的平移和缩放，从而让坐标系的功能更加完备。 本文要实现

0. 前言展示 最近源码看得比较多，本文来画点东西调节下心情，本绘制已收录于 FlutterUnit 的绘制集录，本文源码可参见【windmill.dart】绘制内容非常简单，如下所示，两个样式的小

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第 11 天，点击查看活动详情 前言 上一篇 《Flutter 绘制探索 | 扇形区域与点击校验》 中，我们已经实现了 扇形区域路

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第 10 天，点击查看活动详情 0. 前言 今天来探索一个问题，如何绘制一块扇形的区域路径，并且如何校验触点是否落在 扇形区域 之