1枚の画像から、メッシュファイルではなく、アニメーション対応のThree.js用TypeScriptコードでオブジェクトを再構築します。
regomne/magic-snake
24、36、48、72ピースのルービックスネークの形を設計・共有できる、ブラウザベースの3Dエディター兼プレイヤー。
- スター
- 69
- フォーク
- 9
- 未解決の Issue
- 0
- 最終コミット
- 3 か月前
これは何?
Magic Snake Workbenchは、ルービックスネークの形を設計できるブラウザベースの3Dエディター兼プレイヤーです。24、36、48、72ピースのスネークに対応しており、すべてクライアント側で動作するため、サーバーは必要ありません。
3Dビューでピースを選択して関節を回転させたり、0123ポーズ表記、スピードキュービング記法、括弧付きの式を入力したり、相互に変換したりできます。組み込みの形を閲覧し、折りたたみ手順を1ステップずつ再生できます。色はクラシックまたはレインボーから選べるほか、独自の循環パレットも設定できます。最終形でピースが重なっている場合は、正確なジオメトリ計算で検出します。
現在の形はURLハッシュを使って共有でき、インターフェースは中国語と英語に対応しています。TypeScriptとThree.jsで構築されており、npmを使ってローカルで実行できます。
主な機能
- 013Dビューでルービックスネークのピースを選択して回転する
- 020123ポーズ表記、スピードキュービング記法、式を相互に変換する
- 03組み込みの折りたたみ手順を1ステップずつ再生する
- 04クラシックまたはレインボーの色を選ぶか、独自の循環パレットを設定する
- 05最終形で重なっているピースを検出する
ユースケース
- 実際に組み立てる前に、新しいルービックスネークの形を設計する
- 組み込みの形の再生を見て、折りたたみ手順を学ぶ
- リンクを使って特定の形をほかの人と共有する
トピック
よくある質問
- magic-snake とは?
- 24、36、48、72ピースのルービックスネークの形を設計・共有できる、ブラウザベースの3Dエディター兼プレイヤー。 Magic Snake Workbenchは、ルービックスネークの形を設計できるブラウザベースの3Dエディター兼プレイヤーです。24、36、48、72ピースのスネークに対応しており、すべてクライアント側で動作するため、サーバーは必要ありません。
- magic-snake は無料で使えますか?ライセンスは?
- magic-snake にはライセンスが明記されていません。コードは公開されていますが、ライセンスがない場合は再利用の許諾がないため、利用前に作者に確認することをおすすめします。
- magic-snake は今もメンテナンスされていますか?
- 半年以内に更新あり。magic-snake の最終コミットは 2026年8月4日 です。
- magic-snake は何に使えますか?
- 実際に組み立てる前に、新しいルービックスネークの形を設計する 組み込みの形の再生を見て、折りたたみ手順を学ぶ リンクを使って特定の形をほかの人と共有する
- magic-snake はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/regomne/magic-snake
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
ゲーム制作の作業を振り分けるディレクタースキルを含む、Three.js製ブラウザーゲーム向けのCodex・Claude Code用エージェントスキル9種。
幼児と大人が陸・海・空の先史時代の動物を探検できる、無料のバイリンガル3Dブラウザ博物館。
TypeScriptとThree.jsで63種の昆虫をモデルファイルなしで手続き的に生成する、ブラウザ上のインタラクティブな3D図鑑。
場所と時刻を指定すると、ブラウザー上でその場所の夜空を再現するオフライン対応のインタラクティブなWebアプリ。
ライブプレビューとReactの全ソースを備えた、ログイン不要のThree.js/WebGL UIコンポーネントカタログ