【無料・広告なし】ルービックキューブを揃えるアプリが欲しくて、自作してみた!

お得な情報
AI × 個人開発 × 無料ツール

【無料・広告なし】ルービックキューブを揃えるアプリが欲しくて、自作してみた!

3×3対応スマホOK広告なしオフライン対応

アプリを使いたいだけなのに、広告が気になる。だったら自分で作ってみよう! そんな思いつきから生まれた「キューブナビ」を紹介します。

ルービックキューブが揃わないとき、6面の色を入れると解き方を教えてくれるアプリって便利ですよね。

でも、使っている途中で広告が表示されると、ちょっと面倒。

色を入力したい。回し方を確認したい。ただそれだけなのに……。

「広告が邪魔! だったら広告のないアプリを自分で作ろう!」

というわけで、AIにも手伝ってもらいながら、3×3のルービックキューブ解法ツールを作ってみました。

キューブナビを無料で使う

広告なし・登録不要。3×3のキューブに挑戦してみてください!

🧩 無料でプレイする →

※ 3×3専用の個人制作・非公式ツールです。実物のキューブに合わせて、6面の色と向きを正しく入力してください。

自作した「キューブナビ」とは?

「キューブナビ」は、実物のキューブの色を入力すると、揃えるための回し方を3Dアニメーションで教えてくれる無料ツールです。

  • ゲーム画面に広告表示なし
  • 無料・会員登録不要
  • スマホ・PCで使える
  • 6面の色をタップで入力
  • 3Dキューブで回転を案内
  • 自動再生・1手ずつ進める
  • 180°回転は90°ずつ2回
  • 保存したHTMLなら通信なしでも使用可能

こだわったのは「文字だけの説明にしないこと」。たとえば「R’」「U2」だけを見ても、慣れないうちは分かりにくいですよね。画面内のキューブが動くので、その動きを参考に実物を回せます。

使い方は3ステップ

1

6面の色を入力

実物のキューブを見ながら、下の色パレットで色を選び、3Dキューブのマスをタップ。面の切り替えは「前」「次」で進めます。

2

「計算」を押す

すべて入力したら、揃える手順を自動計算。色の数や組み合わせもチェックします。

3

動きを真似して回す

「再生して次」を押すと1手分の回転を再生して次へ進みます。自動再生で連続して見ることもできます。

オフラインでも使えるように改良

初期版は解法の計算にインターネットが必要でしたが、その後、解法エンジンをHTMLファイル内に組み込みました。

今のオフライン版は、HTMLファイルをスマホやパソコンに保存して開けば、通信なしでも色入力から計算まで使えます。

※ ブログの公開ページを最初に開くにはインターネット接続が必要です。オフライン利用はHTMLファイルを端末に保存した場合の説明です。

AIと一緒に、何度も作り直しました

最初はボタンが多くて画面がゴチャゴチャ。回転の向きがおかしかったり、動いたあとに色が変わったり……。

「1面ずつ入力したい」「キューブをもっと大きく」「ボタンを減らしたい」「180°は90°ずつ2回回してほしい」など、少しずつ修正していきました。

自分で使いたいアプリを、AIと一緒に形にしていく。ちょっとした不満がきっかけでしたが、作る過程も楽しめました。

キューブナビを無料で使う

広告なし・登録不要。3×3のキューブに挑戦してみてください!

🧩 無料でプレイする →

※ 3×3専用の個人制作・非公式ツールです。実物のキューブに合わせて、6面の色と向きを正しく入力してください。

最後に

広告が邪魔だから自分で作る。そんな単純な理由から生まれた「キューブナビ」。

広告なし、課金なし、余計な機能はできるだけなし。 ルービックキューブを揃えたい人に使ってもらえたらうれしいです。

まだ改良中なので、使ってみた感想や不具合があればぜひコメントで教えてください!

コメント