Repolode
投稿する
RylanBot

RylanBot/threejs-tetris-react

Three.jsとReactで作られた、ブラウザで遊べる3Dテトリスゲーム。

GitHub で見る公式サイト
スター
552
フォーク
76
未解決の Issue
1
最終コミット
10 日前

これは何？

threejs-tetris-reactは、Three.jsで3D描画するテトリスゲームです。ユーザーインターフェースはReactとTypeScriptで構築されています。ブラウザで動作し、独自ドメインでライブデモが公開されています。

汎用ライブラリではなく、小規模なフロントエンドゲームのコードベースです。npmでセットアップでき、コマンド1つで開発サーバーを起動できるため、クローンして依存関係をインストールすれば、ローカルで実行できます。

Three.jsのWebGLシーンとReactコンポーネントを組み合わせる際の参考を探している開発者や、定番パズルゲームの3D版を遊びたい人に向いています。

主な機能

  • 01Three.jsを使った3Dシーンで、定番のテトリスをプレイできます。
  • 02ReactとTypeScriptで構築されています。
  • 03ブラウザでプレイでき、ホストされたライブデモもあります。
  • 04npm installとnpm run devでローカル実行できます。

ユースケース

  • ブラウザで気軽に3D版テトリスを遊ぶ。
  • Three.jsのシーンをReactアプリに組み込む方法を学ぶ。
  • 小規模なWebGLゲームのプロトタイプの出発点として使う。

クイックスタート

  1. 1

    依存関係をインストールする

    npm install
  2. 2

    開発サーバーを起動する

    npm run dev

使う前に知っておきたいこと

  • ライセンスが指定されていないため、再利用できるかどうかが不明です。

トピック

#threejs#react#typescript#webgl#game#3d#tetris#3d-game

よくある質問

threejs-tetris-react とは？
Three.jsとReactで作られた、ブラウザで遊べる3Dテトリスゲーム。 threejs-tetris-reactは、Three.jsで3D描画するテトリスゲームです。ユーザーインターフェースはReactとTypeScriptで構築されています。ブラウザで動作し、独自ドメインでライブデモが公開されています。
threejs-tetris-react は無料で使えますか？ライセンスは？
threejs-tetris-react にはライセンスが明記されていません。コードは公開されていますが、ライセンスがない場合は再利用の許諾がないため、利用前に作者に確認することをおすすめします。
threejs-tetris-react は今もメンテナンスされていますか？
活発にメンテナンス中。threejs-tetris-react の最終コミットは 2026年10月28日 です。
threejs-tetris-react は何に使えますか？
ブラウザで気軽に3D版テトリスを遊ぶ。 Three.jsのシーンをReactアプリに組み込む方法を学ぶ。 小規模なWebGLゲームのプロトタイプの出発点として使う。
threejs-tetris-react のインストール方法は？
依存関係をインストールする: npm install 開発サーバーを起動する: npm run dev
threejs-tetris-react はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/RylanBot/threejs-tetris-react

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト