はら社労士

労務に関するご相談お待ちしております。
お気軽にご連絡お願いします。

お問い合わせ

フレンチブルがブロックを投げる!WordPress埋め込みテトリスゲーム

スポンサーリンク
アフィリエイト広告を利用しています。
WordPress テトリス ゲーム Game
スポンサーリンク
スポンサーリンク

操作方法: ← →: 左右移動, ↓: 早く落下, Q: 左回転, W: 右回転
NEXT
French Bulldog
Score: 0


スポンサーリンク
スポンサーリンク
スポンサーリンク
スポンサーリンク

1. パソコンでの操作方法

  1. ゲーム開始
    • ページを開くと自動でゲームがスタートし、ボディに game-active クラスが付与されます。
  2. ブロックの左右移動
    • ←(左矢印キー):ブロックを左に1マス動かします。
    • →(右矢印キー):ブロックを右に1マス動かします。
  3. ブロックの落下
    • ↓(下矢印キー):ブロックを1マスずつ素早く落とします。
  4. ブロックの回転
    • Qキー:反時計回りに回転
    • Wキー:時計回りに回転
  5. スコアを見る
    • 画面下部の「Score: ○○」で現在の得点を確認できます。

2. スマホでの操作方法

スマホではタッチ操作で以下のように割り当てています。画面がスクロールしないよう固定されているので、プレイ中も誤ってページが動く心配はありません。

  1. 左右移動
    • 画面の左半分をタップ → ブロックが左に1マス移動
    • 画面の右半分をタップ → ブロックが右に1マス移動
  2. 落下(ソフトドロップ)
    • 画面中央をスワイプ(下方向に指を滑らせる) → ブロックを1マスずつ素早く落とす
  3. 回転(時計・反時計)
    • 画面上部をシングルタップ → 時計回りに回転
    • 画面下部をシングルタップ → 反時計回りに回転
    ※「上部/下部」の境界は画面中央あたりです。慣れるまでは少し試してみてください。

3. よくあるご質問

  • Q. スマホでもキーボード操作したいときは?
    → Bluetoothキーボードを接続すれば、パソコン版と同じキー操作が可能です。
  • Q. 回転キーを増やしたい(反転だけなど)
    → 必要であれば、JavaScript の document.addEventListener('touchstart', …) 部分にボタンを追加して、二本指タップやロングタップに別機能を割り当てることもできます。

これでパソコン/スマホ、どちらでも快適にプレイできるはずです。ぜひ試してみてください!何かご不明点があればお知らせくださいませ。

この記事が気に入ったら
いいね ! しよう

コメント

    オセロに挑戦

       

    タイトルとURLをコピーしました