rubiks-race.html

<h1>Rubik's Race</h1>

<ul>
  <li><i class="icon fa-github"></i> <a href="https://github.com/joonas-yoon/rubik-s-race/" target="_blank">GitHub repository - joonas-yoon/rubik-s-race</a></li>
  <li><i class="icon fas fa-link"></i> <a href="https://www.joonas.io/rubik-s-race/" target="_blank">Play here</a></li>
</ul>

<h1>Preview</h1>

<p class="text-center">플레이 화면</p>

<img src="https://user-images.githubusercontent.com/9527681/77545154-59231f80-6eed-11ea-825e-0d830a40a8b7.png" class="rounded mx-auto my-3 d-block" style="width: 100%; max-width: 250px;"/>

<p class="text-center">실제 보드게임</p>

<img src="https://user-images.githubusercontent.com/9527681/67692744-faac5080-f9e3-11e9-94b3-900d71431c12.gif" class="rounded mx-auto my-3 d-block mw-100"/>

<p>5x5 보드판의 가운데 3x3 부분을, 주어진 문제(3x3 보드)와 동일하도록 만드는 게임이다.</p>

<p>위의 GIF를 보고 직접 해보고 싶어서 만들었다.</p>

<p><a href="https://play2048.co/" target="_blank">2048 게임</a>을 기반으로 수정하였다. 키보드에서는 화살표키로 조작할 수 있고, 모바일에서는 손가락을 위, 아래, 왼쪽, 오른쪽으로 스와이프하여 조작할 수 있다.</p>