terryHu7/homecraft

これは何？

主な機能

• 01Three.jsとWebGLで描画する、歩いて探索できるMinecraft風ボクセルワールド。
• 02従来の2D Webページを3Dシーン内に埋め込み可能。
• 03vibe coding向けのAIプロンプトと制約を含むスターターテンプレート。
• 04昼夜のサイクルと、雪などの天候エフェクト。
• 05軽量なブロック状の描画により、モバイルブラウザーでも動作。
• 06ローカル起動スクリプトがランダムなポートでサイトを開く。

ユースケース

• 訪問者がゲームのワールドのように探索できる、インタラクティブなポートフォリオの作成。
• 友人の家を訪ねるような雰囲気の個人ホームページの構築。
• 動作するサンプルサイトを通じたThree.jsのシーン構築の学習。
• 共有の3Dポータル空間で、友人の個人サイトをつなぐ。

クイックスタート

1. 1

   リポジトリをフォークして、プロジェクトディレクトリに移動します

2. 2

   ローカルサーバーを起動して、ブラウザーを開きます

   python3 tools/serve.py

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

• !READMEにはパッケージマネージャーを使ったインストール方法の説明がなく、フォークしてPythonスクリプトを実行する必要があります。

トピック

よくある質問

homecraft とは？

Three.jsで構築されたMinecraft風ボクセル3D個人サイトのテンプレート。訪問者は仮想世界を歩きながらサイトを楽しめます。 Homecraftは、Minecraftに着想を得た、歩き回って探索できるボクセル3Dワールドとして個人ホームページを作成するためのテンプレートです。従来のスクロール型ページとは異なり、訪問者はバスケットボールコート、ジム、作業台、プールなどの建物やシーンがあるブロック状の環境を移動します。既存の2D Webページをワールド内に埋め込み、その場で開くこともできます。

homecraft は無料で使えますか？ライセンスは？

homecraft は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

homecraft は今もメンテナンスされていますか？

活発にメンテナンス中。homecraft の最終コミットは 2026年11月4日 です。

homecraft は何に使えますか？

訪問者がゲームのワールドのように探索できる、インタラクティブなポートフォリオの作成。 友人の家を訪ねるような雰囲気の個人ホームページの構築。 動作するサンプルサイトを通じたThree.jsのシーン構築の学習。 共有の3Dポータル空間で、友人の個人サイトをつなぐ。

homecraft のインストール方法は？

リポジトリをフォークして、プロジェクトディレクトリに移動します ローカルサーバーを起動して、ブラウザーを開きます: python3 tools/serve.py

homecraft はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/terryHu7/homecraft