ビットボードの回転

# 1. はじめに
本記事では、8×8のビットボードの90度回転、180度回転、45度回転について取り扱う。
45度回転については、ビットボードを厳密に45度回転させることは出来ないため、
本記事では、斜め方向のビットを水平方向のビットの並びに変換することを45度回転と呼ぶことにする。

# 2. 本記事で用いるビットボードの定義
符号なし64ビット整数を8×8の行列だと捉えたものを用いる。
オセロの駒の位置とビット位置は下記の画像のように対応する。
例えば、位置A1の駒の状態は63ビット目で管理する。
![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/3366de08-c960-0815-4764-b0836cbb50ff.png)

# 3. Delta Swapと循環ビットシフト
ビットボードを回転させるためには、Delta Swapと循環ビットシフトが必要である。
Delta Swapとは、対象のビット列の部分列をXORを用いて入れ替える操作である。
下記の記事で、図付きで分かりやすく紹介されている。
[Delta Swapの簡単解説](https://qiita.com/rimol/items/1f70b4063500f18ad75a)

よって、本記事では下記の関数を用いる。
```
using u64 = unsigned long long;

// Delta Swap
u64 delta_swap(u64 x, u64 mask, int delta) {
    u64 t = (x ^ (x >> delta)) & mask;
    return x ^ t ^ (t << delta);
}

// 左循環ビットシフト
u64 rotateLeft(u64 x, int n) {
    return (x << n) | (x >> (64 - n));
}

// 右循環ビットシフト
u64 rotateRight(u64 x, int n) {
    return (x >> n) | (x << (64 - n));
}
```

# 4. 回転させるために必要な操作
ビットボードの回転は、下記の4つの反転操作をうまく組み合わせることで実現可能である。
- D列とE列の間を軸とする反転（以下 水平反転）
- 4行目と5行目の間を軸とする垂直反転（以下 垂直反転）
- A1-H8の対角線を軸とする反転（以下 A1-H8反転）
- A8-H1の対角線を軸とする反転（以下 A8-H1反転）

まずはこの4つの操作について解説する。

## 4-1. 水平反転
D列とE列の間を軸とする水平反転は以下の手順で行う。

①  Delta Swapを用いて、A列⇔B列、C列⇔D列、E列⇔F列、G列⇔H列を入れ替える。
![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/80dc89fc-db27-35f3-1ed5-df036c587e89.png)
- オレンジ：入れ替え元の部分。Delta Swapの引数maskに指定する。
- 緑：入れ替え先の部分。

Delta Swapの引数deltaには、オレンジの部分を左シフトして緑の部分に重なるような値を指定する。
この場合だと、mask=0x5555555555555555、delta=1となる。

これにより、オレンジと緑の部分が入れ替わる。

②  A-B列⇔C-D列、E-F列⇔G-H列を入れ替える。
![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/a2fdfea0-7e95-91a8-50cb-3a87c8eefb50.png)
③  A-D列⇔E-H列を入れ替える
![4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/471df737-6c7a-f6ed-6638-95a45fb5ee83.png)
以上より、D列とE列の間を軸とする水平反転を実現できる。
- 水平反転後
![5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/f2d192f7-aed5-72d5-581e-cdc1dbb5bf38.png)
```
// 水平反転
u64 flipHorizontal(u64 x) {
    x = delta_swap(x, 0x5555555555555555, 1);
    x = delta_swap(x, 0x3333333333333333, 2);
    return delta_swap(x, 0x0F0F0F0F0F0F0F0F, 4);
}
```

## 4-2. 垂直反転
4行目と5行目の間を軸とする垂直反転は以下の手順で行う。

①  1行目⇔2行目、3行目⇔4行目、5行目⇔6行目、7行目⇔8行目を入れ替える。
![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/78651b89-b223-6113-3126-c5d92c99a2c3.png)
②  1-2行目⇔3-4行目、5-6行目⇔7-8行目を入れ替える。
![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/0b66b497-676a-7b17-cbff-1cf5e0adc26c.png)
③  1-4行目⇔5-8行目を入れ替える。
![4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/cf143dda-6cdf-91d1-54e0-ca617bc2a9d2.png)
以上より、4行目と5行目の間を軸とする垂直反転を実現できる。
- 垂直反転後
![5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/19fa92cc-712c-d499-440d-3da610c663c3.png)
```
// 垂直反転
u64 flipVertical(u64 x) {
    x = delta_swap(x, 0x00FF00FF00FF00FF, 8);
    x = delta_swap(x, 0x0000FFFF0000FFFF, 16);
    return delta_swap(x, 0x00000000FFFFFFFF, 32);
}
```

## 4-3. A1-H8反転
A1-H8の対角線を軸とする反転は以下の手順で行う。

①  太字の2x2の集合において、左下と右上の部分を入れ替える。
![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/f799f310-de9b-d104-1604-741addf59540.png)
②  4×4の集合において、左下と右上の部分を入れ替える。
![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/35cfcb5b-7821-0c4a-58b3-dffae277b8e9.png)
③  8×8の集合において、左下と右上の部分を入れ替える。
![4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/097b88d0-deef-e702-2332-ea8ffc38b86d.png)
以上より、A1-H8の対角線を軸とする反転を実現できる。
- A1-H8反転後
![5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/c1ebd854-3359-7df0-8805-aa476ee3cb0b.png)
```
// A1-H8反転
u64 flipDiagonalA1H8(u64 x) {
    x = delta_swap(x, 0x00AA00AA00AA00AA, 7);
    x = delta_swap(x, 0x0000CCCC0000CCCC, 14);
    return delta_swap(x, 0x00000000F0F0F0F0, 28);
}
```

## 4-4. A8-H1反転
A8-H1の対角線を軸とする反転は以下の手順で行う。

①  太字の2×2の集合において、右下と左上の部分を入れ替える。
![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/1e68b5dc-70fa-eddb-ba0b-53446475d624.png)
②  4×4において右下と左上の部分を入れ替える。
![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/8cb83ff4-a265-9ef5-909d-4e9de65f5a2f.png)
③  8×8において右下と左上の部分を入れ替える。
![4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/c51ea278-7dc1-b72b-1be1-94ea002920ec.png)
以上より、A8-H1の対角線を軸とする反転を実現できる
- A8-H1反転後
![5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/c0a258e1-3ec9-82cb-cfe4-a637a5dc95a8.png)
```
// A8-H1反転
u64 flipDiagonalA8H1(u64 x) {
    x = delta_swap(x, 0x0055005500550055, 9);
    x = delta_swap(x, 0x0000333300003333, 18);
    return delta_swap(x, 0x000000000F0F0F0F, 36);
}
```

# 5. ビットボードの90度回転
時計回り・反時計回りの2種類の回転について解説する。

## 5-1. 時計回りに90度回転
先程の4つの操作をうまく組み合わせることで実現可能である。
下記の4つの組み合わせが存在する。

- 垂直反転 ⇒ A1-H8反転
- 水平反転 ⇒ A8-H1反転
- A1-H8反転 ⇒ 水平反転
- A8-H1反転 ⇒ 垂直反転 

代表例として、今回は「A1-H8反転 ⇒ 水平反転」による方法を以下に示す。
![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/99656780-3a01-8e40-5b73-5557f497d9bc.png)
①  A1-H8反転後
![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/c5b35a42-a75b-0255-0a4c-1e6244a5f128.png)
②  水平反転後
![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/ab86fccc-ce9f-658c-3a60-3a48294454d9.png)
以上より、時計回りに90度の回転を実現できる。
```
// 時計回りに90度回転
u64 rotateClockwise90(u64 x) {
    return flipHorizontal(flipDiagonalA1H8(x)); 
}
```

## 5-2. 反時計回りに90度回転
下記の4つの組み合わせが存在する。
- 垂直反転 ⇒ A8-H1反転
- 水平反転 ⇒ A1-H8反転
- A1-H8反転 ⇒ 垂直反転
- A8-H1反転 ⇒ 水平反転

代表例として、今回は「A1-H8反転 ⇒ 垂直反転」による方法を以下に示す。

![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/99656780-3a01-8e40-5b73-5557f497d9bc.png)
①  A1-H8反転後
![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/4a3ea711-c29f-c59f-b1e5-8e0d424de2a3.png)
②  垂直反転後
![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/f0090f87-0991-639c-df0f-8c0e29ad9539.png)
以上より、反時計回りに90度の回転を実現できる。
```
// 反時計回りに90度の回転
u64 rotateCounterclockwise90(u64 x) {
    return flipVertical(flipDiagonalA1H8(x)); 
}
```

# 6. ビットボードの180度回転
下記の2つの方法が存在する。
- 水平反転 + 垂直反転
- A1-H8反転 + A8-H1反転

180度回転は90度回転と異なり、組み合わせる操作に順序は存在しない。
「水平反転 ⇒ 垂直反転」と「垂直反転 ⇒ 水平反転」のどちらでも可能である。

代表例として、今回は「水平反転 ⇒ 垂直反転」による方法を以下に示す。

![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/779fc9c4-7ca5-383a-1d7e-e9efbadba829.png)
①  水平反転後
![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/3bf681b9-a6b1-ce8d-d97e-f3537e325633.png)
②  垂直反転後
![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/556bfcce-b3bd-3994-7172-2e49b2b6ac1c.png)
以上より、180度の回転を実現できる。
```
// 180度回転
u64 rotate180(u64 x) {
    return flipVertical(flipHorizontal(x));
}
```

# 7. ビットボードの45度回転
## 7-1. 時計回りに45度回転
時計回りに45度回転する方法は、下記の2つが存在する。
- A8-H1の対角線上のビットが上位8ビットに集まる方法
（以下 時計回りに45度回転（A8-H1⇒上位8ビット））
![6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/06e4ce01-ddfa-188d-9547-d8d99c8d0c17.png)
↓
![7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/733558f1-d5cf-2e57-ba52-31d9427a624a.png)

- A8-H1の対角線上のビットが下位8ビットに集まる方法
（以下 時計回りに45度回転（A8-H1⇒下位8ビット））
![6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/34310b2e-e2e2-8b7a-1217-e07dc123c5e4.png)
↓
![7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/d2604b1d-a7f9-e9f4-c444-7a4d92527865.png)

### 7-1-1. 時計回りに45度回転（A8-H1⇒上位8ビット）
①  オレンジの部分を8ビットだけ左循環ビットシフトする。
![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/738876e3-ae5a-a53d-40cc-1ace8adf799e.png)
②  16ビットだけ左循環ビットシフトする。
![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/a64923c3-ee0b-8b58-a5d0-2c1edb9b38a8.png)
③  32ビットだけ左循環ビットシフトする。
![4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/399e9f8f-41da-1e10-92ee-0acafab77aee.png)
以上より、時計回りに45度回転（A8-H1⇒上位8ビット）を実現できる。
- 時計回りに45度回転（A8-H1⇒上位8ビット）後
![5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/c0ba2186-1eb6-013d-e52b-ebefc89200f1.png)
```
// 時計回りに45度回転（A8-H1⇒上位8ビット）
u64 rotateClockwise45Upper(u64 x) {
    u64 const mask1 = 0xAAAAAAAAAAAAAAAA;
    u64 const mask2 = 0xCCCCCCCCCCCCCCCC;
    u64 const mask3 = 0xF0F0F0F0F0F0F0F0;

    x ^= mask1 & (x ^ rotateLeft(x, 8));
    x ^= mask2 & (x ^ rotateLeft(x, 16));
    return x ^ mask3 & (x ^ rotateLeft(x, 32));
}
```

### 7-1-2. 時計回りに45度回転（A8-H1⇒下位8ビット）
①  オレンジの部分を8ビットだけ右循環ビットシフトする。
![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/4842e1b6-30af-c1d4-b3d7-3f0aef7da3b1.png)
②  16ビットだけ右循環ビットシフトする。
![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/98b1d073-e451-084c-786a-12d4acd841b5.png)
③  32ビットだけ右循環ビットシフトする。
![4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/160472a2-961f-baa2-397d-62120df5e80f.png)
以上より、時計回りに45度回転（A8-H1⇒下位8ビット）を実現できる。
- 時計回りに45度回転（A8-H1⇒下位8ビット）後
![5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/2a1fda52-9f5f-4199-b4f8-45234e674d30.png)
```
// 時計回りに45度回転（A8-H1⇒下位8ビット）
u64 rotateClockwise45Lower(u64 x) {
    u64 const mask1 = 0x5555555555555555;
    u64 const mask2 = 0x3333333333333333;
    u64 const mask3 = 0x0F0F0F0F0F0F0F0F;

    x ^= mask1 & (x ^ rotateRight(x, 8));
    x ^= mask2 & (x ^ rotateRight(x, 16));
    return x ^ mask3 & (x ^ rotateRight(x, 32));
}
```

## 7-2. 反時計回りに45度回転
反時計回りに45度回転する方法は、A1-H8の対角線のビットが上位8ビットに集まる方法と、
下位8ビットに集まる方法の2つがあります。
反時計回りに45度回転する方法は、下記の2つが存在する。
- A1-H8の対角線のビットが上位8ビットに集まる方法
（以下 反時計回りに45度回転（A1-H8⇒上位8ビット））
![6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/d0130fce-c381-7f1e-cfca-ad83cfdb73bf.png)
↓
![7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/b74f79ee-5df1-4264-9757-f8748fe915de.png)

- A1-H8の対角線のビットが下位8ビットに集まる方法
（以下 反時計回りに45度回転（A1-H8⇒下位8ビット））
![6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/1a0accb6-b311-86aa-e4e0-4a93bec965d6.png)
↓
![7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/72f4428a-e54d-93da-94f5-82f73745acc0.png)

### 7-2-1. 反時計回りに45度回転（A1-H8⇒上位8ビット）
![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/ecf4a3e9-ccd1-7de3-9353-463ccf66b64c.png)
①  オレンジの部分を8ビットだけ左循環ビットシフトする。
![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/5982d119-8077-590d-b73e-83ce0e31990d.png)
②  16ビットだけ左循環ビットシフトする。
![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/69807f66-41ac-4665-f990-5d4bd84dab70.png)
③  32ビットだけ左循環ビットシフトする。
![4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/6ab77111-bc0d-27fd-4bc5-4266e09aed04.png)
以上より、A1-H8の対角線のビットが上位8ビットに集まるような、反時計回りに45度回転を実現できる。
- 反時計回りに45度回転（A1-H8⇒上位8ビット）後
![5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/ba88dbff-1a66-61dc-c1e6-9d08e604ab06.png)
```
// 反時計回りに45度回転（A1-H8⇒上位8ビット）
u64 rotateCounterclockwise45Upper(u64 x) {
    u64 const mask1 = 0x5555555555555555;
    u64 const mask2 = 0x3333333333333333;
    u64 const mask3 = 0x0F0F0F0F0F0F0F0F;

    x ^= mask1 & (x ^ rotateLeft(x, 8));
    x ^= mask2 & (x ^ rotateLeft(x, 16));
    return x ^ mask3 & (x ^ rotateLeft(x, 32));
}
```

### 7-2-2. 反時計回りに45度回転（A1-H8⇒下位8ビット）
![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/3148fa79-e588-3a69-5573-d71eae008ab8.png)
①  オレンジの部分を8ビットだけ右循環ビットシフトする。
![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/9b07d3e7-bf02-93b3-8840-5e6ad3f164bc.png)
②  16ビットだけ右循環ビットシフトする。
![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/57bd54a6-b935-87de-9895-65041c47e541.png)
③  32ビットだけ右循環ビットシフトする。
![4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/b05bb73d-3e68-04aa-a931-7bb3b2178431.png)
以上より、A1-H8の対角線のビットが下位8ビットに集まるような、反時計回りに45度回転を実現できる。
- 反時計回りに45度回転（A1-H8⇒下位8ビット）後
![5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2367021/4859dbe0-bac7-ad7a-6cc1-881dc87f4c68.png)
```
// 反時計回りに45度回転（A1-H8⇒下位8ビット）
u64 rotateCounterclockwise45Lower(u64 x) {
    u64 const mask1 = 0xAAAAAAAAAAAAAAAA;
    u64 const mask2 = 0xCCCCCCCCCCCCCCCC;
    u64 const mask3 = 0xF0F0F0F0F0F0F0F0;

    x ^= mask1 & (x ^ rotateRight(x, 8));
    x ^= mask2 & (x ^ rotateRight(x, 16));
    return x ^ mask3 & (x ^ rotateRight(x, 32));
}
```

# 8. 参考文献
[Flipping Mirroring and Rotating](https://www.chessprogramming.org/Flipping_Mirroring_and_Rotating)
[ビットボードの回転・反転](https://scrapbox.io/bitwise-simd/Bit_Board%E3%81%AE%E5%9B%9E%E8%BB%A2%E3%83%BB%E5%8F%8D%E8%BB%A2)
[Delta Swapの簡単解説](https://qiita.com/rimol/items/1f70b4063500f18ad75a)
[Delta swapとその応用 【ビット演算テクニック Advent Calendar 2016 3日目】](https://primenumber.hatenadiary.jp/entry/2016/12/03/203823)
[オセロをビットボードで実装した話](https://zenn.dev/kinakomochi/articles/othello-bitboard)