如何从三维点阵数组按环形取点？实现中心环形消点效果

需求背景 #

已通过迭代生成间隔为constant=60的点阵背景，所有点的坐标存储在int[][][] point_matrix中（point_matrix[xn][yn][0]存x坐标，point_matrix[xn][yn][1]存y坐标）。需要实现从中心开始按环形间隔延迟消失的效果，且要避免全数组遍历计算距离的低效方式。

核心优化思路 #

因为点阵是规则网格排列（横向、纵向间隔均为constant），可直接通过索引计算定位环形区域，无需逐个计算距离：

• 先计算点阵的中心索引centerXn、centerYn，对应网格中心点
• 每个环形对应索引的偏移量k（k=0为中心，k=1为第一环，以此类推），环的边界为索引偏移不超过k，且至少有一个方向偏移等于k
• 按k从0开始递增，给每个环设置延迟，逐个将环内点置为背景色（或透明）

代码实现 #

1. 计算点阵中心索引

在原生成点阵的代码后，添加中心索引计算：

// 计算点阵的中心索引
int centerXn = max_xn / 2;
int centerYn = max_yn / 2;
// 可选：获取中心坐标用于验证
int centerX = point_matrix[centerXn][centerYn][0];
int centerY = point_matrix[centerXn][centerYn][1];

2. 环形延迟消失逻辑

用Handler实现延迟（也可根据项目架构改用Coroutine）：

Handler handler = new Handler(Looper.getMainLooper());
// 每环延迟时间，可自行调整
long delayPerRing = 300;
// 计算最大环数：取横向、纵向到边缘的最大索引偏移
int maxRing = Math.max(centerXn, max_xn - centerXn);
maxRing = Math.max(maxRing, Math.max(centerYn, max_yn - centerYn));

for (int k = 0; k <= maxRing; k++) {
    final int ring = k;
    handler.postDelayed(() -> {
        // 遍历当前环覆盖的索引范围
        int startXn = Math.max(0, centerXn - ring);
        int endXn = Math.min(max_xn, centerXn + ring);
        int startYn = Math.max(0, centerYn - ring);
        int endYn = Math.min(max_yn, centerYn + ring);
        
        for (int xn = startXn; xn <= endXn; xn++) {
            for (int yn = startYn; yn <= endYn; yn++) {
                // 判断是否属于当前环（而非内部更小的环）
                int dx = Math.abs(xn - centerXn);
                int dy = Math.abs(yn - centerYn);
                if (dx == ring || dy == ring) {
                    // 将点置为背景色（替换为你的实际背景色）
                    canvas.setPixel(point_matrix[xn][yn][0], point_matrix[xn][yn][1], Color.parseColor("#000000"));
                }
            }
        }
        // 更新UI
        runOnUiThread(() -> iv0.setImageBitmap(canvas));
    }, delayPerRing * k);
}

关键说明 #

• 通过索引偏移k定义环形，彻底避免了勾股定理计算距离，效率大幅提升
• 内层判断dx == ring || dy == ring确保只处理当前环的点，不会重复操作已消失的内部点
• 延迟时间delayPerRing可按需调整，实现不同的动画节奏

内容的提问来源于stack exchange，提问作者Hinzu