本文へスキップ
開発事例 / ゲーム

NEON BLOCK - ネオンブロックパズル

1985年の名作「さめがめ」をネオンスタイルで現代リメイク。7つのテーマ×戦略パズル

公開中

1985年に森辺訓己氏が開発した名作パズル「さめがめ」をネオンビジュアルで現代リメイク。横15×縦10のグリッド上で同色ブロックをまとめてクリックし、(n-2)²の二乗スコア計算で大量消去ほど爆発的に高得点。全7テーマ(Neon→Glass→Gem→Metal→Candy→Crystal→Cosmic)でレベルが進むほど使用色が3色→4色→5色に増加し戦略性が向上。★〜★★★の星評価・効率ボーナス・パーフェクトクリア(全消しで花火エフェクト+レベル×3,000ボーナス)など奥深いスコアシステムを搭載。HINTボタンで最大グループをハイライト、TOP10ランキングでリプレイ性を確保。

この作品の要点
困っていたことブラウザゲームは重い描画処理でカクつきやすい。
やったこと重力演算・列詰めアニメーションを最適化し60fps維持。
起きたこと7つのビジュアルテーマで飽きない長期プレイ体験。
もくじ

どこでつまずいたか

01ブラウザゲームは重い描画処理でカクつきやすい

02スマホの小画面でも15×10グリッドを操作しやすいUIが必要

03単調になりがちなパズルにリプレイ性をどう持たせるか

どう解いたか

01重力演算・列詰めアニメーションを最適化し60fps維持

02タッチ操作に最適化したブロックサイズとグロー表示で視認性確保

037テーマ×星評価×効率ボーナス×ランキングで何度でも挑戦したくなる設計

マンガでわかる

NEON BLOCK - ネオンブロックパズルのしくみを4コマ漫画で説明した図

できあがったもの

できあがった画面

NEON BLOCK - ネオンブロックパズル の画面 1
NEON BLOCK - ネオンブロックパズル の画面 2
NEON BLOCK - ネオンブロックパズル の画面 3
NEON BLOCK - ネオンブロックパズル の画面 4
NEON BLOCK - ネオンブロックパズル の画面 5

結果

017つのビジュアルテーマで飽きない長期プレイ体験
02二乗スコア計算で戦略的に大量消去を狙う中毒性
03パーフェクトクリア時の花火エフェクトで達成感を演出

この作品でできること

  • 全7テーマ: Neon / Glass / Gem / Metal / Candy / Crystal / Cosmic
  • (n-2)²の二乗スコア計算 — 大量消去で爆発的高得点
  • ★〜★★★ 星評価+効率ボーナス+パーフェクトクリア報酬
  • レベル進行で3色→4色→5色に増加する戦略性
  • HINT機能・TOP10ランキング・キーボードショートカット対応

どう作ったか

担当と道具

担当企画・フロントエンド・デザイン・ゲームロジック
使った技術Next.js・TypeScript・Tailwind CSS・Canvas API・localStorage・Vercel

この作品のきほん

種類ゲーム
いまの状態公開中
規模担当4領域 / 技術6種類
公開先samegame.nextcode.ltd

相談する

おなじものが作れます

同じ仕組みを、あなたの商品でも作れます。