【p5.js】实战临摹——国际象棋盘

最新推荐文章于 2021-07-21 12:05:29 发布

至肝主义圈毛君

最新推荐文章于 2021-07-21 12:05:29 发布

阅读量578

点赞数 1

分类专栏：未分类文章标签： p5.js 码绘

本文链接：https://blog.csdn.net/Ha1f_Awake/article/details/102608955

版权

本文通过分析国际象棋盘黑白方格交替放缩的运动规律，探讨了转折点的判断，并详细解释了如何利用p5.js进行代码实现。在draw方法中，通过自增变量控制方格大小变化，实现黑白方格的动态切换效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

分析运动规律

通过仔细观察可以发现，黑色方格与白色方格轮流放缩，在黑色方格回复到最大尺寸的同时，白色方格开始缩小，vice versa

分析转折点

1. 黑方格的放缩 <-> 白方格的放缩

2. 放大 <-> 缩小

代码实现

发现转折点后，代码的思路就很清晰了。首先区分两块板——黑板和白板，分别放置白方格和黑方格，即定义一个转换的信号变量。

在draw方法中定义一个自增变量，该变量与方格的大小变换相关。当一种颜色方格缩小又放大到最大时，转变一个布尔值，使两一种颜色方格开始缩放。

let startScale;                 // 方格初始大小
let endScale;                   // 方格缩小极限
let returned;                   // 是否回复初始大小
let turnwhite;                  // 是否从黑方格转白方格

function setup() {
  createCanvas(320, 320);
  startScale = 40;
  endScale = 20;
  returned = false;
  turnwhite

最低0.47元/天解锁文章