おはこんばんちは!100日間毎日ゲーム作る人、aomaです!

99日目は「Cube Fit」。 3x3x3の立方体を作り上げる3Dパズルゲームです。 指定された6つのピースを組み合わせて、完全な立方体を完成させましょう!簡単そうに見えて意外と難しいはず!

Drag pieces to the Grid
COMPLETE!
Cube Assembled!

遊び方

  1. ピースを選択: 周りにあるピースをクリック(タップ)して掴みます。
  2. 高さ変更: 画面下部の「Up / Down」ボタンで、ピースを持ち上げたり下げたりします。
  3. 移動と回転:
    • マウス/タッチでドラッグして移動。
    • 画面の「Rot X/Y/Z」ボタンでピースを回転させます。
  4. 配置: 3x3x3のフレームの中にピースをはめ込みます。
  5. クリア: 6つのピースですべての空間を埋め尽くせばクリア!

実装のポイント

  • 3D Interaction: Three.jsを使用して3D空間でのドラッグ&ドロップを実装。Raycasterによるマウス位置の検出と、グリッドへのスナップ判定を行っています。
  • Soma Cube Logic: ソーマキューブ(に似た構成)の解法アルゴリズムは実装していませんが、物理的な衝突判定とグリッド座標系を用いてパズル性を再現しました。

これまでに遊んだゲーム数: 0

Updated: