mintdotgg/mint-playground

Open-source Three.js experiences built with Mint MCP and Mint Three.js Skills

解决的问题

提供一系列开源的3D网络体验，展示Mint MCP资产管道和Mint Three.js技能编码工作流的功能。

如何工作

该项目包含多种基于Three.js的应用程序，涵盖交互式展厅、游戏、数据可视化和生产力工具。这些体验利用Mint生态系统开发的3D资产和编码模式，在浏览器中创建高保真、交互式的环境。

适用人群

对使用Three.js、React Three Fiber和现代资产管道构建沉浸式3D网络体验的开发者和设计师。

主要亮点

  • 多样化的体验类型：包括街机游戏（篮球、滑雪、足球）、生活模拟（史前岛屿、农场）、交互式展厅（运动鞋、家具、机器人）。
  • 高级视觉效果：包含用于探索和迷你高尔夫的高斯点云世界，以及用于3D音乐播放器的音频响应式视觉效果。
  • 实用应用场景：展示了电子商务配置器、旧金山网球设施市民数据图谱、个人财务模拟等3D实现。
  • 生产力工具：包含3D周计划表和本地优先的记忆档案星群。

相关

  • 项目
    PhiloLabs/fable51-worlds

    一个利用 AI 代理群体将文字、图像或视频转换为可漫游 3D 世界的系统，并将其渲染为基于浏览器的 Three.js 应用程序。

  • 项目
    scottstts/Threejs-Awesome-Graphics-Agent-Skills

    Threejs‑Awesome‑Graphics‑Agent‑Skills 是一个 npm 包，捆绑了即用型、高质量的 Three.js 代码片段（“技能”），用于高级视觉效果——程序化材质、逼真的海洋、体积云、光线行进太空场景等。它将此些片段安装到 AI 编码助手（Codex、Claude Code、Cursor 等）期望的目录布局中，让代理在用户要求“炫酷图形”时可以复制粘贴经过验证的实现。该仓库包含示例画廊、验证脚本和确定性捕获管线，使其成为开发人员和 AI 增强工作流程的实用资源。

  • 项目
    HRuiCcc/RuiC-card-skill

    一个自动化管道，可将文本或图像转换为具有深度和闪烁效果的交互式 3D 全息卡片，同时提供网页查看器和可编辑的 Blender 项目。

  • 项目
    huggingface/gsplat.js

    一个用于在浏览器中渲染 3D Gaussian Splatting 数据的 JavaScript 库，提供类似 three.js 的高阶 API。

  • 项目
    sparkjsdev/spark

    Spark 是一个开源、采用 MIT 授权的库，为 THREE.js 增加了实时 3D 高斯泼溅（Gaussian-splatting）渲染功能。它几乎适用于所有支持 WebGL2 的设备，支持多种 splat 文件格式，并提供动态编辑、多视角渲染以及着色器图形系统。可通过 CDN 或 npm 安装，或在本地构建（Rust → WASM）。由 World Labs 开发。