【無料・広告なし】ルービックキューブを揃えるアプリが欲しくて、自作してみた!
アプリを使いたいだけなのに、広告が気になる。だったら自分で作ってみよう! そんな思いつきから生まれた「キューブナビ」を紹介します。
ルービックキューブが揃わないとき、6面の色を入れると解き方を教えてくれるアプリって便利ですよね。
でも、使っている途中で広告が表示されると、ちょっと面倒。
色を入力したい。回し方を確認したい。ただそれだけなのに……。
というわけで、AIにも手伝ってもらいながら、3×3のルービックキューブ解法ツールを作ってみました。
自作した「キューブナビ」とは?
「キューブナビ」は、実物のキューブの色を入力すると、揃えるための回し方を3Dアニメーションで教えてくれる無料ツールです。
- ゲーム画面に広告表示なし
- 無料・会員登録不要
- スマホ・PCで使える
- 6面の色をタップで入力
- 3Dキューブで回転を案内
- 自動再生・1手ずつ進める
- 180°回転は90°ずつ2回
- 保存したHTMLなら通信なしでも使用可能
こだわったのは「文字だけの説明にしないこと」。たとえば「R’」「U2」だけを見ても、慣れないうちは分かりにくいですよね。画面内のキューブが動くので、その動きを参考に実物を回せます。
使い方は3ステップ
6面の色を入力
実物のキューブを見ながら、下の色パレットで色を選び、3Dキューブのマスをタップ。面の切り替えは「前」「次」で進めます。
「計算」を押す
すべて入力したら、揃える手順を自動計算。色の数や組み合わせもチェックします。
動きを真似して回す
「再生して次」を押すと1手分の回転を再生して次へ進みます。自動再生で連続して見ることもできます。
オフラインでも使えるように改良
初期版は解法の計算にインターネットが必要でしたが、その後、解法エンジンをHTMLファイル内に組み込みました。
今のオフライン版は、HTMLファイルをスマホやパソコンに保存して開けば、通信なしでも色入力から計算まで使えます。
※ ブログの公開ページを最初に開くにはインターネット接続が必要です。オフライン利用はHTMLファイルを端末に保存した場合の説明です。
AIと一緒に、何度も作り直しました
最初はボタンが多くて画面がゴチャゴチャ。回転の向きがおかしかったり、動いたあとに色が変わったり……。
「1面ずつ入力したい」「キューブをもっと大きく」「ボタンを減らしたい」「180°は90°ずつ2回回してほしい」など、少しずつ修正していきました。
自分で使いたいアプリを、AIと一緒に形にしていく。ちょっとした不満がきっかけでしたが、作る過程も楽しめました。
最後に
広告が邪魔だから自分で作る。そんな単純な理由から生まれた「キューブナビ」。
広告なし、課金なし、余計な機能はできるだけなし。 ルービックキューブを揃えたい人に使ってもらえたらうれしいです。
まだ改良中なので、使ってみた感想や不具合があればぜひコメントで教えてください!

コメント