mintdotgg/mint-playground
Open-source Three.js experiences built with Mint MCP and Mint Three.js Skills
何を解決するか
Mint MCPアセットパイプラインとMint Three.jsスキルコーディングワークフローの能力を示す、オープンソースの3Dウェブ体験のコレクションを提供します。
動作方法
このプロジェクトは、インタラクティブなショールームやゲーム、データ可視化、生産性ツールを含む、さまざまなThree.jsベースのアプリケーションで構成されています。これらの体験は、Mintエコシステムを通じて開発された3Dアセットとコーディングパターンを使用して、ブラウザ上で高精細でインタラクティブな環境を構築しています。
対象ユーザー
Three.js、React Three Fiber、および現代的なアセットパイプラインを使用して没入型の3Dウェブ体験を構築したい開発者やデザイナー向けです。
主な特徴
- 多様な体験タイプ: アーケードゲーム（バスケットボール、スノーボーディング、フットボール）、ライフシミュレーション（旧石器時代の島、農業）、インタラクティブショールーム（スニーカー、家具、ロボット）を含みます。
- 高度なビジュアル: ガウススプラットワールドによる探索やミニゴルフ、3Dミュージックプレーヤー用の音声反応型ビジュアルを特徴としています。
- 実用的な応用: インタラクティブなECコンフィギュレータ、サンフランシスコのテニス施設を対象とした市民データアトラス、個人財務シミュレーションの3D実装を示しています。
- 生産性ツール: 3D週間カレンダーとローカルファースト型メモリーアーカイブの星座を含みます。
関連
- プロジェクト
- プロジェクト
scottstts/Threejs-Awesome-Graphics-Agent-SkillsThreejs‑Awesome‑Graphics‑Agent‑Skillsは、高度なビジュアルエフェクト（プロシージャルマテリアル、リアルな海洋、ボリュメトリッククラウド、レイマーチングによる宇宙シーンなど）向けの、すぐに使える高品質なThree.jsコードスニペット（「スキル」）をバンドルしたnpmパッケージです。AIコーディングアシスタント（Codex、Claude Code、Cursorなど）が期待するディレクトリレイアウトにこれらのスニペットをインストールし、ユーザーが「アメージングなグラフィック」を要求したときにエージェントが実証済みの実装をコピーペーストできるようにします。このリポジトリには、サンプルギャラリー、検証スクリプト、決定論的なキャプチャパイプラインが含まれており、開発者とAI支援ワークフローにとって実用的なリソースとなっています。
- プロジェクト
HRuiCcc/RuiC-card-skillテキストや画像を、奥行きと輝きを備えたインタラクティブな3Dホログラフィックカードに変換する自動化パイプライン。ウェブビューアと編集可能なBlenderプロジェクトの両方を提供します。
- プロジェクト
huggingface/gsplat.jsブラウザで3D Gaussian SplattingデータをレンダリングするためのJavaScriptライブラリで、three.jsに似た高レベルなAPIを提供します。
- プロジェクト
sparkjsdev/sparkSparkは、THREE.jsにリアルタイムの3Dガウススプラッティング（Gaussian-splatting）レンダリングを追加する、MITライセンスのオープンソースライブラリです。WebGL2対応のほぼすべてのデバイスで動作し、多くのsplatファイル形式をサポート。動的編集、マルチビューレンダリング、シェーダーグラフシステムを提供します。CDNまたはnpm経由でインストール可能で、ローカルビルド（Rust → WASM）も可能です。World Labsによって作成されました。