偽2次元コード作成 📖

一見QRコードっぽい画像を生成します。(QRコードは株式会社デンソーウェーブの登録商標です)

プログラム: (→大)
定数のセルサイズは8。 定数の余白セル数は4。 定数のコードセル数は21。 ●(セルXのセルYに)目描画とは 白色に塗色設定。 [セルサイズ×(セルX－1), セルサイズ×(セルY－1), セルサイズ×9, セルサイズ×9]へ四角描画。 黒色に塗色設定。 [セルサイズ×セルX, セルサイズ×セルY, セルサイズ×7, セルサイズ×7]へ四角描画。 白色に塗色設定。 [セルサイズ×(セルX＋1), セルサイズ×(セルY＋1), セルサイズ×5, セルサイズ×5]へ四角描画。 黒色に塗色設定。 [セルサイズ×(セルX＋2), セルサイズ×(セルY＋2), セルサイズ×3, セルサイズ×3]へ四角描画。 ここまで。 ●(セルXのセルYに)点描画とは [セルサイズ×セルX, セルサイズ×セルY, セルサイズ, セルサイズ]へ四角描画。 ここまで。 DOM親要素の「行揃え」に「中央」をDOMスタイル設定。 定数の画像セル数は余白セル数に2を掛けてコードセル数を足す。 定数の画像ピクセル数は画像セル数にセルサイズを掛ける。 [画像ピクセル数, 画像ピクセル数]のキャンバス作成。 空に線色設定。 ●偽コード作成とは # 画像全体を白で塗りつぶす 白色に塗色設定。 [0, 0, 画像ピクセル数, 画像ピクセル数]へ四角描画。 # まずはコードの場所全体にランダムで点を打つ 黒色に塗色設定。 Yで余白セル数から(余白セル数＋コードセル数－1)まで繰り返す Xで余白セル数から(余白セル数＋コードセル数－1)まで繰り返す もし、2の乱数が0と等しいならば XのYに点描画。 ここまで。 ここまで。 ここまで。 # 特徴的な部分を描画する 定数の目位置は余白セル数にコードセル数を足して7を引く。 余白セル数の余白セル数に目描画。 目位置の余白セル数に目描画。 余白セル数の目位置に目描画。 オフセットで1から(コードセル数－16)まで繰り返す [白色, 黒色]@(オフセットを2で割った余り)に塗色設定。 (余白セル数＋7＋オフセット)の(余白セル数＋6)に点描画。 (余白セル数＋6)の(余白セル数＋7＋オフセット)に点描画。 ここまで。 ここまで。 偽コード作成。 改行作成。 「再生成」のボタン作成。 {関数}偽コード作成でそれをクリックした時。