canvasのgetImageDataについて

Question

前提・実現したいこと

https://codepen.io/prime156/pen/pebwpO
canvasでこちらのコードの写経をしていたのですが、getImageDataで値を格納したものをdataプロパティで条件分岐させている
処理がわかりません
回答よろしくお願いします

該当のソースコード

     stage.compositeOperation = "default";

     stage.addChild(rect);
     stage.addChild(text);
     stage.update();

     var pixels = ctx.getImageData(text.x, text.y, text.w, text.h);

     stage.removeChild(rect);
     stage.removeChild(text);
     stage.update();
     stage.compositeOperation = "lighter";

     var i = 0;
     var particle;
     for (var w = 0 ; w < text.w; w += cull){
        for (var h = 0; h < text.h; h += cull) {
         if(pixels.data[(w + text.w * h) * 4] !== 0 && i < particles.length){
             particle = particles[i];
             particle.x = text.x + w;
             particle.y = text.y + h;
             particle.vx = 0;
             particle.vy = 0;
             scale = 1 + 4 * Math.random();
             particle.scaleX = particle.scaleY = 1 + 2 * Math.random() * Math.random();
             i++;
         }
        }
     }

補足情報

createjsを使っています。

###情報追記
カンバス上で書いたテキストをgetImageDataでデータを取得した後にremoveChildで削除してからテキストの幅と
高さがあった位置にfor文で2重で回すことによってテキストの文字部分があった場所にシェィプを追加していることまでは分かるのですが、それだけだと長方形に丸のシェイプが連なって文字にはならないのでおそらく、dataプロパティのif文で文字情報があった位置にだけ丸のシェイプを付与していると思うのですがそのif文で計算している箇所が分かりません

Comments

[m.ts10806]

「わかりません」とは？
「わかっていること」「わかっていないこと」は明確に記載してください。
https://teratail.com/help/question-tips#questionTips2
「コード解説依頼」となると質問ではなくなります。

[webStudy]

質問自体初めてで分からないことも多く申し訳ありません。
情報追記させていただきました。