Flutter 绘制图形 Circle Packing
本文讲解使用 Flutter 实现 Generative Artistry 教程里面的第六个图形 Circle Packing（圆形填充）前言懒癌发作，好久没写博客了…本文讲解使用 Flutter 实现 Generative Artistry 教程里面的第六个图形 Circle Packing（圆形填充）。实现这个图形的思路大致是：创建一个圆。判断这个圆是否与其他圆发生碰撞。没有则不断增大圆的半径，再次进行碰撞检测，直至最大半径。绘制更多的圆形，重复以上。初始化照旧创建一个 CirclePacking 控件以及 CirclePackingPainter。12345678910111213141516class CirclePacking extends StatelessWidget { @overri..
更多
Flutter 绘制三角网格 Triangular Mesh
本文实现 Generative Artistry 教程的第 4 篇图形 Triangular mesh 效果如下前言本文实现 Generative Artistry 教程的第 4 篇图形 Triangular mesh 效果如下。没按顺序来，因为第二篇 Joy Division 我还没实现 😝创建画布首先创建一个用于绘制的画布，然后实现 TriangularMeshPainter 的 paint 方法。123456789101112131415class TriangularMesh extends StatelessWidget { @override Widget build(BuildContext context) { return CustomPaint( painter:..
更多
Flutter 绘制瓷砖线 Tiled Lines
前几天发现了一个使用 绘制图形的教程 generative artistry 感觉很有意思，尝试用 Flutter 实现。本文实现第一篇教程的图形 Tiled Lines 效果如下。前言前几天发现了一个使用 绘制图形的教程 generative artistry 感觉很有意思，尝试用 Flutter 实现。本文实现第一篇教程的图形 Tiled Lines 效果如下。创建画布首先使用一个 Container 控件创建一个 320*320 大小的绘制区域，添加 CustomPaint 画布和一个继承 CustomPainter的画笔 TiledLinesPainter。关于 CustomPaint 和 CustomPainter 的知识可以查阅这篇文章 使用 Flutter 绘制图表（一）柱状图 📊。1..
更多