githubGroups.js

const HOST = new URL('.', import.meta.url).href

export default [
  {
    pid: 'digitalTwin',
    name: '数字孪生',
    name_en: 'digitalTwin',
    order: 25,
    children: [
      {
        id: 'PSU-VR',
        name: '校园室内VR',
        name_en: 'PSU-VR',
        tip: '室内 VR 是一个沉浸式的多人在线虚拟现实体验，把宾夕法尼亚州立大学帕克校区搬进了浏览器，让用户以第一人称视角在校园中漫游并与他人互动。项目基于 Web 技术构建，支持多人同时在线，角色形象来自 Ready Player Me，用户可以拥有自己的虚拟化身。开发者只需执行安装依赖并启动开发服务器，就能在本地运行；如果电脑和手机处于同一网络，还可以用移动端打开网络地址，直接在手机浏览器里体验 VR 效果，无需额外设备。目前项目仍处于开发阶段，部分功能和场景可能还在完善中。它适合用于校园虚拟导览、远程开放日、线上招生宣传以及多人社交 VR 实验等场景，也适合作为学习 Web 端多人 VR 应用开发的参考项目。',
        author: 'AUTO',
        openUrl: 'https://psu-vr.herokuapp.com/',
        githubUrl: 'https://github.com/andrewwoan/PSU-VR',
        image: HOST + 'images/PSU-VR.webp',
      },
      {
        id: 'yyhg',
        name: '数字孪生编辑',
        name_en: 'yyhg',
        tip: '这是北京优悦幻光科技推出的开源 AI 数字孪生编辑器，定位为面向未来的低代码 3D 组态工具，支持数字孪生三维可视化项目的快速交付。它基于原生 Three.js 与 Cesium.js 构建，开发者可以无限扩展组件库，所有组件均可由 AI 引用开源案例自动生成，实现简易安装、快速开发与高度自定义。项目提供编辑器预览、案例、文档以及 npm 内核包，推荐使用 Node 22 以上版本和 pnpm 安装。官方示例项目仅投入一名建模和一名前端，以 2000 元成本在三天内从零定制交付，展示了其高效低成本的特点。适用于数字孪生、三维可视化、智慧城市、工业监控等场景，也适合希望学习 Three.js 与 Cesium.js 开发、参与开源社区或寻求技术合作与定制的开发者。',
        author: 'AUTO',
        openUrl: 'https://z2586300277.github.io/yyhg/',
        githubUrl: 'https://github.com/z2586300277/yyhg',
        image: HOST + 'images/yyhg.webp',
      },
      {
        id: 'scenic-digital',
        name: '文旅数字人',
        name_en: 'scenic-digital',
        tip: '这是一个基于 Vue 3、Pinia、Flask 与 MySQL 构建的智慧文旅数字人体验平台，采用科幻风格大屏展示与管理界面。项目以 Fay 数字人服务和魔珐星云 3D 渲染 SDK 为核心，提供景区全景概览、实时客流监控、景点本地图片上传管理以及与 3D 伴游向导互动的综合解决方案。核心功能包括：深色赛博朋克风格 UI 与三面板大屏布局、基于在园人数与承载量动态计算拥挤度的实时联动、中央全息展示舱对接 3D 数字人并支持语音播报与麦克风控制、所见即所得的数据管理后台支持景点增删改查和本地图片上传、以及基于 MCP 协议与高德地图 API 的景区步行导航服务。适合企业展厅、景区游客中心大屏、政府数字化投标演示以及全栈开发学习参考。',
        author: 'AUTO',
        openUrl: 'https://scenic.yueguichao.cn/#',
        githubUrl: 'https://github.com/front-yue/scenic-digital',
        image: HOST + 'images/scenic-digital.webp',
      },
      {
        id: 'day-night-digital-twins',
        name: '昼夜数字孪生',
        name_en: 'day-night-digital-twins',
        tip: '这是一个基于 Three.js 构建的智慧园区数字孪生演示项目，核心功能是在浏览器中呈现校园或园区的三维场景，并支持白天与黑夜两种光照模式的切换，让用户直观感受不同时段下建筑、道路与环境的视觉变化。项目提供了完整的本地运行方案，只需安装 Node.js 后执行 npm install 安装依赖，再通过 npm run dev 启动本地服务器即可在 localhost:8080 预览，npm run build 则用于生成生产环境所需的 dist 目录。适用场景包括智慧城市与园区管理平台的原型展示、三维可视化教学示例，以及作为数字孪生类项目的起步模板，帮助开发者快速搭建可交互的园区三维界面。',
        author: 'AUTO',
        openUrl: 'https://gcat.cc/demo/park',
        githubUrl: 'https://github.com/GhostCatcg/day-night-digital-twins',
        image: HOST + 'images/day-night-digital-twins.webp',
      },
      {
        id: 'my-virtual-world',
        name: 'AI虚拟世界',
        name_en: 'my-virtual-world',
        tip: '这是一个自托管的 3D AI 虚拟世界，专为 OpenClaw、Hermes 等智能体框架设计，让 AI 智能体能够在其中生活、工作、在建筑之间移动、使用物体，并实时展示本地智能体系统的活动状态。世界采用 Three.js 渲染的体素风格，包含道路、建筑、带家具的室内空间、室外区域、智能体以及物体交互。智能体可以移动、就座、站立使用物体、排队接受服务并执行各类世界动作。它支持可选的 OpenClaw 网关集成以呈现实时智能体存在与聊天活动，也支持 Hermes 本地配置以及 Agent Browser 和短信集成。世界数据以 JSON 形式持久化保存，采用 Docker 优先的部署方式，同时支持本地开发。产品面向本地机器、局域网和私有远程访问网络设计，官方明确提示不应在未做认证与网络加固的情况下直接暴露到公网。适合希望为 AI 智能体提供可视化栖息地、观察其行为并构建多智能体模拟的研究者与',
        author: 'AUTO',
        openUrl: 'https://myvirtualworld.ai/',
        githubUrl: 'https://github.com/eliautobot/my-virtual-world',
        image: HOST + 'images/my-virtual-world.webp',
      },
      {
        id: 'Repolis',
        name: 'GitHub城镇',
        name_en: 'Repolis',
        tip: 'Repolis是一个将公开GitHub仓库转化为可行走3D城镇的创意项目，用户输入GitHub用户名、owner/repo或仓库URL后，系统仅使用公开元数据在数秒内生成一座可分享的3D城市。城镇中的交通流量、星标、复刻、克隆和活动数据会塑造建筑形态，居民生活在其中，而名为Gitber的向导能用自然语言搜索并开车带你前往目标项目。整个体验无需注册、无需令牌、无需构建，支持WASD或触屏行走，按Enter或点击即可打开仓库卡片。通过?user=参数可以从任意公开GitHub账户重建城镇，方便在克隆或配置前先试用。项目还提供模板供开发者构建自己的城镇，并支持将单个仓库作为展览体验分享，生成规范的确认链接。它适合希望以更直观、更具互动性的方式展示代码作品集和仓库信号的开发者，让仓库发现从列表浏览变成一次沉浸式探索。',
        author: 'AUTO',
        openUrl: 'https://hyeonsangjeon.github.io/Repolis/',
        githubUrl: 'https://github.com/hyeonsangjeon/Repolis',
        image: HOST + 'images/Repolis.webp',
      },
      {
        id: 'jifangDaPing',
        name: '机房大屏',
        name_en: 'jifangDaPing',
        tip: '这是一个基于 Three.js 的机房大屏可视化演示项目，用于在浏览器中呈现数据中心或机房的三维监控大屏效果。项目通过 Three.js 构建三维场景，展示机房设备布局、运行状态等可视化信息，适合作为运维监控、数据展示或数字孪生场景的参考实现。核心功能围绕三维机房场景的搭建与渲染展开，包含设备模型、环境光照和交互视角等典型大屏元素。适用场景包括数据中心运维监控、机房资产管理、能耗展示以及需要三维可视化大屏的演示汇报。项目提供在线预览地址，方便直接查看效果；本地运行只需安装依赖并启动开发服务器即可，适合前端开发者学习 Three.js 大屏开发或在此基础上进行二次定制。',
        author: 'AUTO',
        openUrl: 'https://stevenfeng.cn/threejs-demo/',
        githubUrl: 'https://github.com/fh332393900/threejs-demo',
        image: HOST + 'images/jifangDaPing.webp',
      },
      {
        id: 'sewage-treatment-plant',
        name: '污水处理厂',
        name_en: 'sewage-treatment-plant',
        tip: '这是一个基于 Vue 3、Vite、Three.js 和 Ant Design Vue 开发的污水处理厂三维可视化项目，面向智慧水务场景。项目围绕厂区三维模型、工艺辅助面板、历史数据、巡检人员、植被、水面材质和标签信息展示，提供完整的厂区场景加载与交互。功能包括三维场景展示、模型与贴图资源管理、水面材质、围栏、标签、进度条和速度控制等 Three.js 交互模块，以及首页数据看板、工艺辅助和历史数据等业务视图。项目使用 ECharts 和 Less，并包含 Netlify 部署配置。注意：主模型文件超过 GitHub 单文件限制，需手动放回或使用 Git LFS。适合需要构建工业三维可视化界面的开发者参考。',
        author: 'AUTO',
        openUrl: 'https://sewage-treatment-plant.netlify.app/#/',
        githubUrl: 'https://github.com/cfy1126/sewage-treatment-plant',
        image: HOST + 'images/sewage-treatment-plant.webp',
      },
      {
        id: 'gxu-campus-3d',
        name: '广西大学校园',
        name_en: 'gxu-campus-3d',
        tip: '这是一个基于 Three.js 和 Blender 制作的广西大学大学东路主校区三维游览项目，使用 OpenStreetMap 与公开资料建模，让用户可以在浏览器中云游校园。项目覆盖东、西、北校园，包含四百三十五栋建筑、十三栋紧邻校界建筑、二十处精选地标和三千零六十二株示意树木，以及两处田径场、三十一片室外篮球场、农院路和三座主要下穿桥梁。功能上支持搜索二十处地标并识别别名和分类筛选，可切换地标全貌、正背面、俯视和入口近景，也能自由旋转、平移和缩放。自动巡游支持暂停、继续和跳站，昼夜系统提供晨光、日间、黄昏和夜景四种光照，还能独立开关建筑、植被、道路、水体、运动场、周边建筑、校界和地标名称。用户可以分享当前镜头或导出带署名的 PNG 图片。项目使用 React、TypeScript、vinext 和 Vite，无需地图密钥或后端服务，适合想远程了解校园环境、研究三维校园可视化或学习 Thr',
        author: 'AUTO',
        openUrl: 'https://wcqqq1214.github.io/gxu-campus-3d/',
        githubUrl: 'https://github.com/wcqqq1214/gxu-campus-3d',
        image: HOST + 'images/gxu-campus-3d.webp',
      },
      {
        id: 'campus-twin',
        name: '青禾校园',
        name_en: 'campus-twin',
        tip: '青禾校园是一个基于 Vue 3 和 Three.js 的数字孪生演示项目，包含真实 WebGL 三维模型、六栋可点击楼宇、三段确定性模拟数据及告警联动。它无需 API Key、地图服务或后端，所有校园和运行数值均为虚构，是可交互的可视化原型，未连接真实设备。核心功能包括：三维校园场景，包含教学楼、实验楼、图书馆、宿舍、食堂、体育馆及门窗、屋顶、光伏板、道路、停车位、校门、运动场、绿化等细节；空间操作支持拖动旋转、滚轮缩放、俯视、回到全景、建筑点击与镜头定位；校园人物模拟，学生和老师沿路径行走，可切换低中高三档密度，页面进入后台或系统启用减少动态效果时动画暂停；建筑详情显示当前功率、温度、在楼人数、功率变化和占比；时间回放从 09:00 到 09:10，每 5 秒推进一帧，可手动切换、暂停、重播；告警联动在 09:05 实验楼温度升至 32.4℃ 时出现橙色标记和告警记录，点击可定位；功能导',
        author: 'AUTO',
        openUrl: 'https://g2657.github.io/campus-twin/',
        githubUrl: 'https://github.com/5758703/campus-twin',
        image: HOST + 'images/campus-twin.webp',
      }
    ],
  },
  {
    pid: 'threeMap',
    name: '三维地图',
    name_en: 'Three Map',
    gid: 'commonSeries',
    group: '常用系列',
    group_en: 'Common Series',
    order: 30,
    children: [
      {
        id: 'sat-hunter',
        name: '卫星地图下载',
        name_en: 'sat-hunter',
        tip: 'Sat-Hunter 是一个基于 Vue 3 和 Leaflet 的在线卫星瓦片底图下载工具，支持多源底图（如高德、Google、ESRI 等），并允许用户通过行政区划搜索或手动绘制矩形来选择下载区域。用户可以调整缩放级别（6-18 级），实时预览瓦片数量，并在前端 Canvas 中自动拼接下载的瓦片，最终导出为图片。该工具适合需要获取卫星影像用于学习或科研的场景，但需注意数据来源的版权和跨域限制，且由于浏览器内存限制，建议单次下载不超过 1000 张瓦片。',
        author: 'AUTO',
        openUrl: 'https://knight-l.github.io/sat-hunter/',
        githubUrl: 'https://github.com/knight-L/sat-hunter',
        image: HOST + 'images/sat-hunter.webp',
      },
      {
        id: 'demo-threejs-chinamap',
        name: '中国地图下钻',
        name_en: 'demo-threejs-chinamap',
        tip: '这是一个使用 Three.js 实现的 3D 中国地图可视化示例，支持地图下钻和过渡动画。项目基于 React 和 Three.js 构建，运行方式为安装依赖后启动开发服务器。它实现了多项实用功能：适配窗口大小变化、点击省份下钻到下一级地图并带有平滑过渡、扩散点标记、轨迹线、雷达扫描效果、点光源、Line2 粗线渲染，以及加载 glb 动画模型。地图会根据外接矩形动态缩放，确保不同层级的区域都能合适地展示。项目还集成了 Dat GUI 方便调试参数。技术要点涵盖 Three.js 基础知识、墨卡托投影转换和着色器应用。适合需要在大屏或网页中展示中国地图数据、区域下钻交互和动态视觉效果的开发者参考，可用于数据可视化、指挥中心或地理信息展示等场景。',
        author: 'AUTO',
        openUrl: 'https://github.com/chemistwang/demo-threejs-chinamap',
        githubUrl: 'https://github.com/chemistwang/demo-threejs-chinamap',
        image: HOST + 'images/demo-threejs-chinamap.webp',
      },
      {
        id: 'topoexport',
        name: '地图导出白模',
        name_en: 'topoexport',
        tip: '这是一款基于 WPF 的桌面工具，用于从 Natural Earth 1:10m 国家边界数据中挑选国家与地区，并导出过滤后的 GeoJSON 白模地图。内置 258 个行政单元，涵盖主权国家以及香港、澳门、巴勒斯坦、西撒哈拉、格陵兰、波多黎各、关岛、百慕大、科索沃、台湾等属地和争议区域。核心功能包括：带复选框的国家列表、分页与实时搜索、全选与清空、基于 D3.js 与 WebView2 的交互式地图（缩放、平移、悬停、点击选中国家）、地图点击直接选择、独立渲染的属地细节、导出仅含所选国家的 GeoJSON、保存与加载预设，以及深色模式。首次启动会自动下载约 5MB 的 shapefile 并转换为 GeoJSON 缓存到本地，之后离线可用。适合需要快速制作定制世界地图数据、进行地理可视化或地图白模导出的开发者与设计师。',
        author: 'AUTO',
        openUrl: 'https://app.topoexport.com/',
        githubUrl: 'https://github.com/ArunSahadeo/TopoExporter',
        image: HOST + 'images/topoexport.webp',
      },
      {
        id: 'map3d-build',
        name: '生成3D白膜',
        name_en: 'map3d-build',
        tip: '这是一个基于React-Three-Fiber实现的3D建筑地图生成服务，允许用户生成真实世界的3D白膜地图，并支持导出为GLB文件，所有功能免费使用。核心功能包括：根据OpenStreetMap数据创建3D建筑和道路，提供简单的操作界面，可自由探索和导出模型。该工具适用于数字孪生、无人机测绘、GPS标记等应用场景。由于依赖OpenStreetMap数据，部分建筑高度可能缺失或不准，未来将加入手动校正选项。项目路线图还包括建筑纹理、高度自定义、材质和高度图等功能。适合开发者、城市规划者和3D爱好者快速获取基础城市模型，用于可视化、模拟或进一步编辑。',
        author: 'AUTO',
        openUrl: 'https://map.fleet.im/',
        githubUrl: 'https://github.com/cartesiancs/map3d',
        image: HOST + 'images/map3d-build.webp',
      },
      {
        id: 'lius1314-china-map',
        name: 'Web3D案例集',
        name_en: 'lius1314-china-map',
        tip: '这是一个专注于Three.js和Cesium.js的Web3D开源案例集合，由社区开发者共同维护，旨在为三维开发者提供学习、分享、展示和交流的平台。核心功能包括汇集大量Three.js和Cesium.js的实战案例，涵盖从基础到高级的各种效果，并支持在线预览和源码查阅。项目采用分布式仓库开发模式，鼓励开发者fork并提交自己的作品，同时提供了详细的贡献指南和作者信息录入机制。适用场景广泛，无论是初学者寻找学习范例，还是资深开发者展示技术成果，或是团队寻求合作机会，都能从中获益。此外，项目还提供了在线投稿功能，方便开发者分享案例，促进知识传播。',
        author: 'AUTO',
        openUrl: 'https://www.npmjs.com/package/@lius1314/china-map-3d-designer',
        githubUrl: 'https://github.com/z2586300277/three-cesium-examples',
        image: HOST + 'images/lius1314-china-map.webp',
      },
      {
        id: 'city-roads',
        name: '城市道路渲染',
        name_en: 'city-roads',
        tip: '这是一个在浏览器中一次性渲染任意城市所有道路的交互式可视化工具，打开网页后输入城市名称即可看到该城市完整的道路网络以极简线条形式铺满画面，呈现出类似城市指纹的独特艺术效果。核心功能包括基于 OpenStreetMap 的 Overpass API 获取道路数据，并预先索引了约三千个人口超过十万的城市以加速加载，同时通过 Nominatim 完成地名解析，未命中缓存时自动回退到实时查询。除了直观的界面，它还提供脚本 API，开发者可以基于它编写程序生成自定义的城市道路图或进行二次创作。适用场景非常广泛，既适合地图爱好者、数据可视化设计师用来生成海报级城市艺术图，也适合研究人员快速观察城市路网结构，或开发者将其作为地理数据可视化的基础组件。需要注意的是，渲染能力受浏览器和显卡内存限制，选择数百万条道路的超大区域可能导致页面崩溃，但绝大多数城市都能流畅呈现。',
        author: 'AUTO',
        openUrl: 'https://anvaka.github.io/city-roads',
        githubUrl: 'https://github.com/anvaka/city-roads',
        image: HOST + 'images/city-roads.webp',
      },
      {
        id: 'seed-westlake',
        name: '山水西湖',
        name_en: 'seed-westlake',
        tip: '山水西湖是一个可交互的三维全景沙盘，基于真实西湖地图构建，采用低多边形风格，视觉上参考了《山水杭州》空间地图。它使用 Three.js 实时渲染，完全离线运行，无需联网、外部 API 或地图密钥，双击 index.html 即可在 Chrome 或 Edge 中打开。核心功能包括：鼠标拖拽旋转、滚轮缩放、右键平移；点击地标或悬浮标签，相机弧线飞过去并打开详情卡；详情卡可查看实景照片、近景细看、环绕地标；左侧列表可快速飞抵 18 处景点；右下角小地图点击任意位置飞行；右上角可切换晴昼、日落、夜游三种光照主题，夜景有万家灯火；底部工具栏提供全景、环绕、自动漫游、俯视地图、列表、拍照导出 PNG、全屏等功能。场景收录西湖十景及湖山人文、城湖相接、周边寻胜共 18 处景点，按真实经纬度投影生成岸线、堤、岛、山，并差异化建模雷峰塔、保俶塔、六和塔、城隍阁、灵隐寺等建筑，还包含游船、涟漪、飞鸟、音乐喷',
        author: 'AUTO',
        openUrl: 'https://ruanyf.github.io/seed-westlake/',
        githubUrl: 'https://github.com/ruanyf/seed-westlake',
        image: HOST + 'images/seed-westlake.webp',
      },
      {
        id: 'tokyoThree3d',
        name: '东京三维模型',
        name_en: 'tokyoThree3d',
        tip: '这是一个在浏览器中实时渲染东京的三维模型，基于日本开放的三维城市模型Project PLATEAU、OpenStreetMap和国家高程测量数据构建，并在数据之上叠加了程序化生成的细节。你可以自由飞越城市，切换一天中的不同时间，观察交通、列车和飞鸟的动态。建筑、道路和地形都来自真实数据，而数据未包含的部分如立面、窗户、街道设施、道路标线、交通流、夜间照明、水面和天气效果则由程序生成。项目采用离线编译器将原始记录转换为紧凑的二进制瓦片，客户端流式加载并构建网格。目前包含东京站、丸之内、皇居护城河、东京塔、增上寺、涩谷十字路口、新宿站、秋叶原、筑地、富士宫等多个区域，每个区域约3.4乘2.8公里。适合对城市可视化、地理数据应用或实时三维渲染感兴趣的开发者和研究者探索，也可作为展示日本城市风貌的交互式工具。注意移动端浏览器体验可能不佳。',
        author: 'AUTO',
        openUrl: 'https://jeantimex.github.io/tokyo/',
        githubUrl: 'https://github.com/jeantimex/tokyo',
        image: HOST + 'images/tokyoThree3d.webp',
      },
      {
        id: 'ProceduralBuildingsThreeJS',
        name: '程序化建筑',
        name_en: 'ProceduralBuildingsThreeJS',
        tip: '这是一个基于 Three.js 的程序化建筑网页配置器，将 Blender 几何节点生成的建筑系统移植到浏览器中，让用户实时调整参数并观察建筑形态变化。核心功能包括三种建筑风格切换：法式奥斯曼风格巴黎公寓、纽约战前转角楼以及中式带商铺的转角公寓楼，每种建筑都通过真实的节点图实时求值生成。界面提供建筑参数面板，可调节开间数、楼层数、老虎窗、阳台类型、细节图案与风格等，所有参数名称和范围与原始 Blender 文件保持一致。建筑周围还生成了人行道和路缘石，并置于程序化城市体块模型与电影级光照环境中。该工具适用于建筑可视化、城市设计研究、游戏场景原型制作以及程序化生成技术的教学演示，用户无需安装 Blender 即可探索几何节点驱动的建筑变体。',
        author: 'AUTO',
        openUrl: 'https://proceduralbuildings.chirostudio.xyz/',
        githubUrl: 'https://github.com/achrefelouafi/ProceduralBuildingsThreeJS',
        image: HOST + 'images/ProceduralBuildingsThreeJS.webp',
      }
    ],
  },
  {
    pid: 'threeCar',
    name: '汽车相关',
    name_en: 'Car Related',
    gid: 'commonSeries',
    group: '常用系列',
    group_en: 'Common Series',
    order: 30,
    children: [
      {
        id: 'bike-demo-threejs',
        name: '自行车展示',
        name_en: 'bike-demo-threejs',
        tip: '这是一个基于 Three.js 和 GSAP 构建的自行车展示演示项目，旨在展示开发者在 3D 图形和动画方面的技能。它通过流畅的滚动动画和交互式 3D 模型，让用户能够从不同角度欣赏自行车的细节。核心功能包括使用 Three.js 渲染高质量的自行车模型，结合 GSAP 实现平滑的过渡和动画效果，并利用 ASScroll 提供顺滑的滚动体验。适用场景包括产品展示、作品集演示或学习 Three.js 和 GSAP 的参考案例。该项目灵感来源于 Andrew Woan 的教程和 Bokoko33 的作品集，适合对 3D 网页开发感兴趣的开发者学习和借鉴。',
        author: 'AUTO',
        openUrl: 'https://bike-demo-threejs.vercel.app/',
        githubUrl: 'https://github.com/Kirilbt/bike-demo-threejs',
        image: HOST + 'images/bike-demo-threejs.webp',
      },
      {
        id: 'modkeys',
        name: '3D键盘电商',
        name_en: 'modkeys',
        tip: '这是一个基于Claude Fable 5开发的3D键盘电商平台，将电子商务与三维可视化技术相结合，为用户提供沉浸式的购物体验。核心功能包括3D键盘模型的展示、交互式定制选项以及完整的电商流程，如商品浏览、配置和购买。适用场景主要面向销售键盘或相关外设的在线商店，通过3D展示提升产品吸引力，帮助顾客更直观地了解产品细节和个性化选项，从而增强购买决策。',
        author: 'AUTO',
        openUrl: 'https://modkeys.vercel.app/',
        githubUrl: 'https://github.com/thebuggeddev/modkeys',
        image: HOST + 'images/modkeys.webp',
      },
      {
        id: 'raycast-vehicle',
        name: '遥控车示例',
        name_en: 'raycast-vehicle',
        tip: 'raycast-vehicle 是一个基于 three.js 和 cannon-es 构建的交互式遥控车示例，展示了如何使用射线投射车辆（RaycastVehicle）实现逼真的车辆物理模拟。该项目使用 GLB 模型作为车辆外观和驾驶关卡，并加入了后处理特效。车辆底盘是一个刚体，每个车轮通过向下的射线模拟悬挂和弹簧阻尼，并施加引擎、刹车和摩擦力，这种技术稳定且高效。关卡模型被转换为静态三角网格碰撞体，使坡道、弯道和墙壁都能精确碰撞。项目支持键盘、触摸屏和游戏手柄控制，并提供了一个实时调参面板，方便调整车辆参数。它适合对物理模拟和游戏开发感兴趣的开发者学习，尤其是想了解如何将 cannon-es 与 three.js 结合实现驾驶体验的场景。',
        author: 'AUTO',
        openUrl: 'https://raycast-rc-car.netlify.app/',
        githubUrl: 'https://github.com/icurtis1/raycast-vehicle',
        image: HOST + 'images/raycast-vehicle.webp',
      },
      {
        id: 'model-x-studio',
        name: 'Model X工作室',
        name_en: 'model-x-studio',
        tip: '这是一个交互式 3D 特斯拉 Model X 展示工作室，围绕圆形展示平台构建，提供部件说明、单个零件隔离以及覆盖全部 334 个网格零件的渐进式爆炸滑块。核心功能包括：在三维场景中旋转和查看整车；通过滑块逐步将车辆爆炸为零件布局；点击或选择单个零件进行隔离并阅读其描述；圆形平台提供类似展厅的观看体验。适用场景包括汽车工程与设计教学、产品结构演示、3D 可视化学习，以及任何需要理解复杂机械装配关系的展示场合。项目使用 React、Three.js 和本地模型资源，本地开发需 Node.js 22.13 以上，也可直接部署到 Vercel，无需环境变量或数据库。验证脚本会检查 334 个独立布局槽位和三种视口比例下的相机覆盖，但不测量浏览器帧率。模型资产来自 BlendKit 的 cgi Moon，采用免版税许可，仓库为私有且资产内嵌。该模型描绘的是改款前的 Model X，具体年份未经验证',
        author: 'AUTO',
        openUrl: 'https://model-x-studio.vercel.app/',
        githubUrl: 'https://github.com/ashemag/model-x-studio',
        image: HOST + 'images/model-x-studio.webp',
      }
    ],
  },
  {
    pid: 'threeEarth',
    name: '三维地球',
    name_en: 'Three Earth',
    gid: 'commonSeries',
    group: '常用系列',
    group_en: 'Common Series',
    order: 30,
    children: [
      {
        id: 'Abdul-Wasay-008',
        name: '太阳系可视化',
        name_en: 'Abdul-Wasay-008',
        tip: 'Atlas26 是一个实时交互式 3D 太空可视化平台，旨在让人们在浏览器中探索、理解并与宇宙建立情感连接。它融合科学、实时数据、电影级视觉效果和现代 Web 技术，让用户直接观察行星、卫星、轨道力学和宇宙运动。当前功能包括实时地球可视化、基于光照方向的昼夜分界线渲染、国际空间站轨道定位与追踪、动态月相模拟，以及使用 Three.js 和 React Three Fiber 构建的交互式 3D 场景，支持平滑相机运动和电影级转场。项目采用 Next.js 和 TypeScript 实现高性能渲染，配有太空主题 UI 和天体本地元数据系统。未来计划接入 NASA 和 Celestrak 的实时轨道数据、精确行星位置计算和改进的信息面板。适合天文爱好者、学生、教育工作者和喜欢视觉系统的开发者使用。',
        author: 'AUTO',
        openUrl: 'https://atlas26.vercel.app/dashboard',
        githubUrl: 'https://github.com/Abdul-Wasay-008/Atlas26',
        image: HOST + 'images/Abdul-Wasay-008.webp',
      },
      {
        id: 'little-city',
        name: '台北小星球',
        name_en: 'little-city',
        tip: '这是一个把整座台北市微缩成可探索小星球的浏览器游戏，采用手工搭建的卡通渲染球体，把夜市、庙宇、台北101和河流按真实方位与距离摆放，让玩家在网页里就能感受到城市的地理布局。核心玩法是用WASD移动、空格跳跃、E键互动，在夜色中的城市地标间穿行。项目定位是“世界城市小星球”计划的第一步，代码结构清晰，每个地标都是独立的小模型，城市数据用带真实公里坐标的记录描述，非常适合作为开源贡献的入门项目，即使没有3D经验也能借助AI代理添加地标或改进建筑。本地运行只需用Python起一个HTTP服务即可，部署到Antics平台后还能解锁多人模式，包括房间、同步玩家、表情和排行榜。适合对城市文化、低多边形美术或开源协作感兴趣的玩家和开发者体验与参与。',
        author: 'AUTO',
        openUrl: 'https://antics.gg/world/little-taipei',
        githubUrl: 'https://github.com/craftmygame/little-city',
        image: HOST + 'images/little-city.webp',
      },
      {
        id: 'gods-eye-view',
        name: '间谍卫星模拟',
        name_en: 'gods-eye-view',
        tip: '这是一个运行在浏览器中的间谍卫星模拟器，打开后你会看到一个照片级真实感的 3D 地球，上面实时叠加着飞机、船舶、卫星、地震、交通和公共摄像头等公开数据源，仿佛拥有上帝视角俯瞰全球动态。核心功能包括实时追踪各类移动目标、通过语音与内置的实时 AI 代理进行免手控交互，以及自由缩放从全球视角切换到单架飞机、单艘船或某条街道的细节。所有数据均来自公开渠道，代码完全可审查和扩展，无需 API 密钥即可启动，也支持在本地终端运行或通过 Pinokio 一键安装。适用场景包括地理信息爱好者探索全球实时动态、开发者学习如何整合多源公开数据构建可视化应用，以及任何对卫星影像和全球监控数据感兴趣的人。它既像是一个禁用的驾驶舱，又是一个完全开放、可拆解、可改造的技术演示项目，适合用来观察世界、做实验或作为二次开发的基础。',
        author: 'AUTO',
        openUrl: 'https://maptheworld.ai/',
        githubUrl: 'https://github.com/bilawalsidhu/gods-eye-view',
        image: HOST + 'images/gods-eye-view.webp',
      }
    ],
  },
  {
    pid: 'gaussianSplatter',
    name: '高斯泼溅',
    name_en: 'Gaussian Splatter',
    order: 35,
    children: [
      {
        id: 'third-person-controller-splat',
        name: '高斯漫游',
        name_en: 'third-person-controller-splat',
        tip: '这是一个即用型第三人称角色控制器模板，专为在 Gaussian Splat 环境中构建 3D 游戏而设计。它集成了 Three.js 渲染、Spark 2.0 的 LoD 高斯泼溅、Rapier 物理引擎（包括运动学角色控制器和动态刚体），以及后处理效果（泛光、暗角等）。用户可以通过 WASD 移动、Shift 冲刺、空格跳跃，并支持右键拖拽旋转相机。模板提供了清晰的资产配置块，方便替换世界（.spz 文件和碰撞体 .glb）和角色模型。适用于快速原型开发、游戏演示或学习如何将高斯泼溅与物理交互结合。',
        author: 'AUTO',
        openUrl: 'https://third-person-character-controller.netlify.app/',
        githubUrl: 'https://github.com/icurtis1/third-person-controller-splat',
        image: HOST + 'images/aa.webp',
      },
      {
        id: 'marble-runner',
        name: '高斯世界漫游',
        name_en: 'marble-runner',
        tip: 'Marble Runner 是一个第三人称漫游应用，允许用户以自定义角色在任意 Gaussian Splat 世界中行走。它专为 World Labs 的 Marble 设计，提供五个默认世界，并支持通过 Avaturn 快速创建角色。用户可以使用 WASD 移动、Shift 奔跑、空格跳跃，并自由旋转相机。该工具无需安装或注册，直接在浏览器中运行。对于开发者，它提供了简单的配置方式，只需编辑 marble.config.ts 文件即可添加自己的 .spz 世界和碰撞体，适合快速体验高斯泼溅环境下的角色控制。',
        author: 'AUTO',
        openUrl: 'https://marble-runner.vercel.app/',
        githubUrl: 'https://github.com/panterathehacker/marble-runner',
        image: HOST + 'images/marble-runner.webp',
      },
      {
        id: 'aholo-viewer',
        name: '高斯渲染器',
        name_en: 'aholo-viewer',
        tip: 'Aholo Viewer 是一个高性能的 3DGS（3D 高斯泼溅）和网格渲染器，采用分块流式 LOD 方案来处理大规模 3DGS 数据。它提供了 npm 包和详细的文档网站，支持在 Web 环境中流畅渲染复杂的 3D 场景。核心功能包括：分块流式加载、LOD 管理、以及针对 3DGS 和传统网格的优化渲染。适用场景包括虚拟现实、数字孪生、大规模 3D 场景展示和在线 3D 内容浏览。该项目还提供了 AI 辅助集成指南，方便开发者快速上手。',
        author: 'AUTO',
        openUrl: 'https://aholojs.dev/zh-CN/',
        githubUrl: 'https://github.com/manycoretech/aholo-viewer',
        image: HOST + 'images/aholo-viewer.webp',
      }
    ],
  },
  {
    pid: 'gameExamples',
    name: '游戏案例',
    name_en: 'Game Examples',
    order: 45,
    children: [
      {
        id: 'zen-robot-garden',
        name: '割草机器人',
        name_en: 'zen-robot-garden',
        tip: '这是一个运行在浏览器中的 3D 禅意小游戏，场景像一座微缩花园，一台割草机器人会自主地、永无止境地修剪草坪。游戏没有分数，也无法获胜或失败，玩家只需静静观看，氛围安静放松。机器人基于真实物理行驶，会沿边界线反弹、避开障碍物，电量耗尽时沿引导线返回充电站。地形带有起伏的丘陵和凹坑，真实的 3D 草会被割倒、压平并重新生长，割草痕迹清晰可见，还有雏菊生长绽放。操作上可拖动鼠标旋转缩放视角，点击并拖动可移动机器人，点击草坪可放置树枝让机器人绕行。技术栈为 Three.js、Rapier 物理引擎、Vite 和 TypeScript，适合作为放松观赏、物理模拟演示或 3D 交互学习案例。',
        author: 'AUTO',
        openUrl: 'https://robin7331.github.io/zen-robot-garden/',
        githubUrl: 'https://github.com/robin7331/zen-robot-garden',
        image: HOST + 'images/zen-robot-garden.webp',
      },
      {
        id: 'gta7',
        name: 'GTA风格世界',
        name_en: 'gta7',
        tip: '这是一个从零开始、基于浏览器的 GTA 风格 3D 开放世界垂直切片，使用 TypeScript 和 Three.js 在单次会话中构建，源于 Reddit 上的一次挑战。它并非《侠盗猎车手 VII》，而是一个程序化生成的霓虹城市，你可以在夜晚驾车漫游、下车步行。核心功能包括：程序化夜间城市（种子网格街道和数百栋亮窗塔楼，相同种子重建相同天际线）、每角路灯和车头灯照明、带手刹漂移的街机驾驶、可劫持任何车辆、物理碰撞、交通 AI（会为你刹车但可能撞到你）、碾压行人（爆成小方块并计数）、通缉星级和警察追捕（警车使用转向行为 AI 拦截和包抄）、行人反应、生命值和重生。支持桌面键盘和移动端触摸控制。适合喜欢开放世界沙盒、程序化生成或 Three.js 演示的玩家体验。',
        author: 'AUTO',
        openUrl: 'https://depixeled-chris.github.io/gta7/',
        githubUrl: 'https://github.com/depixeled-chris/gta7',
        image: HOST + 'images/gta7.webp',
      },
      {
        id: 'cat-planet',
        name: '猫咪图鉴',
        name_en: 'cat-planet',
        tip: '这是一个趣味性的 3D 猫咪图鉴应用，核心是“猫咪家园”喂养循环。你可以照顾一只虚拟家猫，完成每日愿望，在 WebGL 地球上探索品种起源，比较不同品种，并保存可分享的猫咪星球时刻。主要功能包括：虚拟猫咪家园（饱食度、清洁度、精力、心情、亲密度五项状态）、每日愿望和轻量级伴侣等级循环（无金币、惩罚、计时器或重度游戏系统）、真实 Three.js 地球（带照片猫咪标记和品种起源着陆）、性格星图、品种比较工具、基于生日的守护猫星座、中英文界面、本地优先状态持久化（Zustand + localStorage）、响应式设计（优先 PC 体验）。技术栈为 Vite、React、TypeScript、Three.js、@react-three/fiber、@react-three/drei、GSAP、Zustand 等。适合喜欢猫咪、休闲养成和 3D 可视化的用户。',
        author: 'AUTO',
        openUrl: 'https://qq598516797-dotcom.github.io/cat-planet/',
        githubUrl: 'https://github.com/qq598516797-dotcom/cat-planet',
        image: HOST + 'images/cat-planet.webp',
      },
      {
        id: 'house-builder',
        name: '房屋建造器',
        name_en: 'house-builder',
        tip: '这是一个轻量级、开源的类《模拟人生》房屋建造器，完全在浏览器中运行，使用 Three.js 构建。它提供了精致的网格化建筑和室内设计系统，包括墙壁图案、地板样式、模块化楼梯和动态 UI 面板。基于 Next.js 15、React 18、Three.js 和 Tailwind CSS，无后端、无认证，一切在客户端运行。核心功能：69 件家具（12 个类别）、最多 4 层建筑（带楼层切换器，可添加、删除、重命名、重排、克隆楼层）、每层独立层高（1-6 米）、楼梯作为家具类型（直梯和转角梯，精确爬升到上一层）、屋顶（平顶、山墙、四坡，带老虎窗）、房间设置、拖拽放置、行走模式等。适合喜欢建筑模拟、室内设计或 Three.js 演示的用户。',
        author: 'AUTO',
        openUrl: 'https://ch-bas.github.io/threejs-sims-house-builder/',
        githubUrl: 'https://github.com/ch-bas/threejs-sims-house-builder',
        image: HOST + 'images/house-builder.webp',
      },
      {
        id: 'vrm-game',
        name: 'VRM游戏模板',
        name_en: 'vrm-game',
        tip: '这是一个面向初学者的 3D 游戏起步模板，使用 VRM 虚拟形象与 Three.js WebGPU 渲染构建。克隆后只需一条命令即可获得一个可行走的角色和可玩的关卡，方便在此基础上自由扩展。核心功能包括：加载 VRM 0.x 与 1.0 模型并支持拖拽实时换装、将共享动画库（待机、行走、奔跑、跳跃、出拳）重定向到任意人形 VRM、脚部 IK 让双脚贴合斜坡与台阶、基于 BVHEcctrl 的浮动胶囊角色控制器（支持键盘、手柄与触屏）、浏览器内关卡编辑器可移动旋转缩放物体并保存到本地或导出 JSON、WebGPU 渲染支持 SSGI、环境光遮蔽、泛光、级联阴影与动态天空、实时检查器调节渲染与控制器参数，以及覆盖关键数学逻辑的单元测试。适合想快速上手 VRM 角色与 Three.js 游戏开发的初学者和独立开发者。',
        author: 'AUTO',
        openUrl: 'https://norio.github.io/vrm-game-starter/',
        githubUrl: 'https://github.com/norio/vrm-game-starter',
        image: HOST + 'images/vrm-game.webp',
      },
      {
        id: 'rubiks-rubrics',
        name: '魔方求解',
        name_en: 'rubiks-rubrics',
        tip: 'Rubik\'s Rubrics是一个自包含的3D魔方可视化与求解工具，支持通过摄像头扫描真实魔方并在屏幕上还原，然后以平滑动画演示求解步骤。核心功能包括学习求解模式（逐步教学）、GitHub贡献图模式、随机打乱、摄像头扫描、动画求解、速度调节、时间轴控制、自动旋转和高质量渲染。适用场景包括魔方爱好者学习求解、展示魔方技巧、以及作为Web3D技术演示。所有求解逻辑在浏览器中运行，无需服务器，适合教育、娱乐和互动展示。',
        author: 'AUTO',
        openUrl: 'https://leereilly.net/rubiks-rubrics/',
        githubUrl: 'https://github.com/leereilly/rubiks-rubrics',
        image: HOST + 'images/rubiks-rubrics.webp',
      },
      {
        id: 'procedural-spider',
        name: '程序化蜘蛛',
        name_en: 'procedural-spider',
        tip: '这是一个基于Three.js构建的程序化蜘蛛演示，它通过纯数学计算实现自稳定行走，无需任何动画剪辑、骨骼绑定或物理引擎。核心功能包括：使用闭式逆运动学求解的八条腿，每条腿由两段骨骼（髋、膝、足）精确计算；步态系统会即兴生成落脚点，当身体超出脚部位置时，腿会抬起并寻找新落点，步态时序随速度变化自动调整；地形采用闭式高度场函数，可精确采样任意点的高度和法线，确保脚部放置和身体对齐稳定；蜘蛛能攀爬墙壁和悬垂面，身体上向量会向表面法线混合，使其倾斜并附着；身体分为头胸部和腹部，通过柔性腹柄连接，可弯曲折叠，模拟真实蜘蛛的腰部动作；膝盖旋转碰撞避免系统通过搜索最佳膝盖方向来避开地面和障碍物；提供实时调参面板，可调整速度、离地高度、步高、步态速率、转向速率、步幅等参数。整个项目约1200行代码，仅依赖Three.js，运行流畅，适合学习程序化动画、IK和实时角色控制。',
        author: 'AUTO',
        openUrl: 'https://proceduralspider.netlify.app/',
        githubUrl: 'https://github.com/majidmanzarpour/threejs-procedural-spider',
        image: HOST + 'images/procedural-spider.webp',
      },
      {
        id: 'RippleAquarium',
        name: '涟漪鱼缸',
        name_en: 'RippleAquarium',
        tip: '涟漪鱼缸是一个纯前端 WebGL 水族箱模拟项目，使用 TypeScript 和 Three.js 构建。它通过 boids 群体行为算法驱动沙丁鱼和锦鲤自主游动，小丑鱼则在珊瑚附近巡游。水面采用高度场模拟，鱼游近水面或鼠标点击、拖动均可触发真实传播的涟漪。珊瑚在页面打开时从无到有逐渐生长。右侧控制面板可调节鱼群、水面、珊瑚、光照等参数，并支持中英文切换。适用于休闲娱乐、WebGL 技术演示、教育展示等场景，让用户在浏览器中体验一个自我运转的虚拟水族世界。',
        author: 'AUTO',
        openUrl: 'https://seanwong17.github.io/RippleAquarium/',
        githubUrl: 'https://github.com/SeanWong17/RippleAquarium',
        image: HOST + 'images/RippleAquarium.webp',
      },
      {
        id: 'threejs-procedural-dungeon',
        name: '程序化地牢',
        name_en: 'threejs-procedural-dungeon',
        tip: '这是一个基于 Three.js 构建的确定性程序化地牢生成器，你可以亲眼看着它一个房间一个房间地把自己搭建出来。整个生成流程被完整可视化：房间先被随机散布并相互推开，接着进行三角剖分，再缩减为最小生成树以保证连通性，随后有选择地重新连边形成环路，让地牢拥有捷径与循环而非单调的树状结构。之后系统会从入口做广度优先搜索，为房间分配深度与难度，并标记为入口、战斗、精英、宝藏、神龛或首领等语义角色，最后雕刻进瓦片网格并装饰主题道具、液体、灯光与粒子。所有阶段都由同一个种子驱动，输入相同数字必定重建出完全相同的地牢，连火把位置都不差。内置古代、熔岩、冰霜、阴森、翠绿五种手工调校主题，另有自动模式根据种子挑选。适合游戏开发者做关卡原型、程序化生成教学演示，或单纯欣赏生成管线逐阶段点亮的视觉过程。',
        author: 'AUTO',
        openUrl: 'https://procedural-dungeon.netlify.app/',
        githubUrl: 'https://github.com/majidmanzarpour/threejs-procedural-dungeon',
        image: HOST + 'images/threejs-procedural-dungeon.webp',
      },
      {
        id: 'skyline-run',
        name: '提交记录飞行',
        name_en: 'skyline-run',
        tip: 'Skyline Run 是一个将 GitHub 提交记录转化为 3D 城市的飞行游戏。每个提交日对应一栋建筑，提交次数决定建筑高度，一周七天分为七条车道，月份边界为检查点拱门。玩家驾驶飞机穿越城市，通过低空飞行、近距离擦过建筑和连续擦过来获得分数，撞上建筑会显示详细的碰撞报告。游戏支持输入任意 GitHub 用户名生成他人的城市，并可通过链接分享。全球排行榜根据飞行员评级（得分占理论最大值的百分比）排名，提交数据经过服务器验证。星标仓库的玩家可获得徽章和金色飞机。操作使用键盘控制方向、升降和加速。适用于 GitHub 用户娱乐、展示提交活跃度，以及作为数据可视化的创意项目。',
        author: 'AUTO',
        openUrl: 'https://skyline-run.vercel.app',
        githubUrl: 'https://github.com/anshaneja5/skyline-run',
        image: HOST + 'images/skyline-run.webp',
      },
      {
        id: 'utsuwa',
        name: 'LLM数字人',
        name_en: 'utsuwa',
        tip: 'Utsuwa 是一个开源的 AI 伴侣平台，搭载 3D VRM 虚拟形象，注重隐私保护，所有数据均存储在本地。它提供 VRM 模型查看器、开发者工具、AR 模式、拍照模式、触摸反应和情绪表情等功能，让虚拟伴侣能够学习并伴随用户成长。用户可以通过触摸、表情和动画与角色互动，角色会根据情绪状态展现不同表情。适用于希望拥有个性化虚拟伴侣、进行角色互动或开发 AI 伴侣应用的场景。该平台还包含受日本恋爱模拟游戏启发的可选机制，适合对虚拟陪伴和角色扮演感兴趣的用户。',
        author: 'AUTO',
        openUrl: 'https://www.utsuwa.ai/',
        githubUrl: 'https://github.com/The-Lab-by-Ordinary-Company/utsuwa',
        image: HOST + 'images/utsuwa.webp',
      },
      {
        id: 'operation-ironhold',
        name: '第一人称射击',
        name_en: 'operation-ironhold',
        tip: '这是一款可直接在浏览器标签页中运行的完整第一人称射击游戏，整个项目只有一个约290KB的index.html文件，无需构建步骤、包管理器，磁盘上也没有任何图片、音频或模型文件。渲染器初始化、世界生成、武器操作、敌人AI、音频合成、后期处理和HUD全部由约6500行内联JavaScript和CSS实现，唯一的外部资源是从CDN加载的three.js r128，其余内容均在运行时生成。游戏目标是三分钟内清除第七区集装箱堆场中的十名敌人，你以100点生命和50点护甲开局，护甲会吸收一半伤害直至耗尽。敌人前3秒不会开火，战斗导演系统同时最多只允许两名敌人射击，其余敌人保持机动，这一约束让交火保持可读性。支持WASD移动、鼠标视角、左键射击、右键瞄准、R换弹、Shift冲刺或屏息、Ctrl蹲下、空格跳跃与二段跳及攀爬、数字键切换四种武器、V切换全自动与半自动、滚轮换武器、Esc暂停。需要支持WebG',
        author: 'AUTO',
        openUrl: 'https://starknightt.github.io/operation-ironhold/',
        githubUrl: 'https://github.com/StarKnightt/operation-ironhold',
        image: HOST + 'images/operation-ironhold.webp',
      },
      {
        id: 'TheLongSilence',
        name: '太空探索游戏',
        name_en: 'TheLongSilence',
        tip: 'The Long Silence是一款在浏览器标签页中运行的程序化太空探索游戏，基于WebGL2，所有恒星、行星、环系统、星云和废弃飞船都由种子生成并用手写GLSL着色，无需下载任何资源。唯一例外是脚下的地面材质、石块和树叶，由图像模型和Blender通过tools目录中的脚本制作，以图片和一个小型GLB文件形式提供，游戏中没有任何照片或第三方文件。故事设定在四万年前，八十光年范围内九百个有人居住的世界在四天内陷入沉寂，没有碎片、辐射或暴力痕迹，只留下七台乐器分布在七个星系中。你驾驶勘测船Pale Seeker，绘制星系、扫描发现物并与共振器共鸣，每激活一个获得一首圣歌并推进引擎，集齐七个即可打开裂隙。游戏采用浮动原点和对数深度缓冲处理巨大尺度，一世界单位等于一公里，飞船仅0.1单位长。支持鼠标或方向键转向、Q/E翻滚、W/S或滚轮油门、Shift加速、F扫描、L着陆、J折叠驱动、M星图、',
        author: 'AUTO',
        openUrl: 'https://www.3dgenstudio.com/',
        githubUrl: 'https://github.com/achimala/TheLongSilence',
        image: HOST + 'images/TheLongSilence.webp',
      },
      {
        id: 'jungle-trail',
        name: '丛林探险',
        name_en: 'jungle-trail',
        tip: '这是一个使用 Three.js 构建的第一人称丛林探险体验，你将从一条蜿蜒的丛林小径出发，穿过茂密的植被，最终抵达被藤蔓覆盖的石头遗迹和瀑布。整个场景中没有任何外部美术资源，所有纹理、网格和音效都在加载时通过代码程序化生成，包括树叶图集、树皮、地面、石头、角色皮肤以及六十个音频缓冲区。你可以用鼠标环顾四周，用 WASD 移动，按住 Shift 冲刺，按空格跳跃，还能用数字键 1 到 5 在小径的不同位置之间传送。项目需要桌面级 GPU 才能流畅运行，在手机上会提前提示性能要求。它适合用于展示程序化生成技术、第一人称探索体验或作为 Three.js 学习参考。',
        author: 'AUTO',
        openUrl: 'https://starknightt.github.io/jungle-trail/',
        githubUrl: 'https://github.com/StarKnightt/jungle-trail',
        image: HOST + 'images/jungle-trail.webp',
      },
      {
        id: 'pallet-town-3d',
        name: '真新镇3D',
        name_en: 'pallet-town-3d',
        tip: '这是一个用 Three.js 重新构想的宝可梦叶绿版开场场景，以第一人称现代 3D 卡通风格呈现真新镇以及初始伙伴宝可梦的选择过程。整个项目不包含任何二进制美术资源，所有纹理在加载时程序化烘焙，所有模型通过有符号距离场和行进立方体雕刻而成，所有音效由 WebAudio 合成。首次加载会在浏览器中构建整个世界，大约需要二十秒。你可以点击锁定指针，用 WASD 移动、Shift 奔跑、空格跳跃、鼠标环顾、E 键互动。渲染管线运行在 HDR 半浮点目标上，依次经过 GTAO、泛光、调色和 SMAA 抗锯齿，最终只做一次 ACES 色调映射。项目包含完整的目录结构、艺术指导文档和单元测试，适合用于展示程序化世界构建、卡通渲染风格或作为大型 Three.js 项目的参考。',
        author: 'AUTO',
        openUrl: 'https://pallet-town-3d-one.vercel.app/',
        githubUrl: 'https://github.com/PauliusOS/pallet-town-3d',
        image: HOST + 'images/pallet-town-3d.webp',
      },
      {
        id: 'footballThree',
        name: '无尽足球场',
        name_en: 'footballThree',
        tip: 'footballThree 是一个使用 Three.js 和 Claude Fable 5 开发的逼真无尽草原足球场项目。它构建了一个开放式的草地环境，玩家可以在其中进行足球游戏，体验无边界奔跑和踢球的乐趣。核心功能包括动态草地渲染、足球物理模拟以及第一人称或第三人称视角控制，营造出沉浸式的运动氛围。该项目适用于展示 Three.js 在游戏化场景中的潜力，适合作为学习 3D 游戏开发的案例，也可用于创建简单的体育类互动体验。无论是开发者想研究 Three.js 的高级应用，还是普通用户想体验在虚拟草原上踢球，这个项目都提供了直观且有趣的交互方式。',
        author: 'AUTO',
        openUrl: 'https://football-ashy-rho.vercel.app/',
        githubUrl: 'https://github.com/thebuggeddev/football',
        image: HOST + 'images/footballThree.webp',
      },
      {
        id: 'moon-rover',
        name: '月球车勘测',
        name_en: 'moon-rover',
        tip: '这是一款在浏览器标签页中运行的月球车勘测游戏，无需引擎、构建步骤或资源文件，仅依赖一个内置的 three.js 库。玩家扮演 MU-7 CASSIOPEIA 六轮勘测车，在阿那克萨哥拉环形山底部执行任务，调查失踪的远侧前哨站 Beacon-9。核心功能包括驾驶月球车穿越真实高度场地形、使用 400 MHz 雷达扫描并发现埋藏物体、通过双连杆 IK 机械臂钻取岩芯样本，以及逐步解锁包含十二个条目的图鉴。游戏包含重力、月壤和动态光照效果，地球始终低悬于地平线，中继任务因此存在。界面在手机上会精简为驾驶所需仪表，底部区域留给拇指操作。适用场景为太空探索题材的休闲游戏体验、月球地质科普演示，以及展示浏览器端 3D 游戏开发能力的示例。',
        author: 'AUTO',
        openUrl: 'https://winchxyz.github.io/moon-rover/',
        githubUrl: 'https://github.com/winchxyz/moon-rover',
        image: HOST + 'images/moon-rover.webp',
      },
      {
        id: 'SamuraiThirdPersonTemplateThreeJS',
        name: '武士动作模板',
        name_en: 'SamuraiThirdPersonTemplateThreeJS',
        tip: '这是一个基于 Three.js 的第三人称动作游戏模板，在浏览器中呈现完整的武士动作舞台，包含程序化生成的夜间地形、移动系统、动作扭曲的近战、召唤、飞行、布娃娃死亡、燃烧武士刀以及装备工作室。核心功能包括 WASD 移动与奔跑、跳跃与空中攻击、三种战斗技巧（踢击、斩击、滑斩）、影子分身、审判打击、飞行模式，以及通过 Tab 键打开的装备工作室。所有动作都定义在单一配置文件中，重新绑定按键、重命名或添加动作只需编辑该文件。世界由统一的高度场、天空和空气体构成，地形在 GPU 和 JS 中一致求值，地面网格跟随角色并沿高度场位移，没有世界边缘。适用场景为第三人称动作游戏原型开发、Three.js 技术演示、游戏机制教学，以及作为自定义动作游戏的起点模板。',
        author: 'AUTO',
        openUrl: 'https://g2657.github.io/SamuraiThirdPersonTemplateThreeJS/',
        githubUrl: 'https://github.com/achrefelouafi/SamuraiThirdPersonTemplateThreeJS',
        image: HOST + 'images/SamuraiThirdPersonTemplateThreeJS.webp',
      },
      {
        id: 'AvatarCastingAbilitiesThreeJS',
        name: '元素御术沙盒',
        name_en: 'AvatarCastingAbilitiesThreeJS',
        tip: '这是一个基于 Three.js、Vite 和手写 GLSL 的元素御术沙盒，灵感来自《降世神通》。你可以在场景中用鼠标在地面绘制一条路径，松开后火、水、土或气四种元素能力会沿着这条样条曲线飞行并在终点引爆。所有视觉参数都能通过内置的 VFX 编辑器实时调整，并保存为预设。同一个手势还有第二种含义：切换到行走模式后，绘制的路径不再是施法而是骑行，角色会跃上路径起点，盘腿坐在旋转的气球上沿路径滑行，并在每个转弯处倾斜身体。项目包含完整的角色模型和 HDR 环境光照，适合想要学习 Three.js 高级特效、路径动画和实时编辑器开发的开发者。',
        author: 'AUTO',
        openUrl: 'https://g2657.github.io/AvatarCastingAbilitiesThreeJS/',
        githubUrl: 'https://github.com/achrefelouafi/AvatarCastingAbilitiesThreeJS',
        image: HOST + 'images/AvatarCastingAbilitiesThreeJS.webp',
      },
      {
        id: 'LinearAbiltyCastingThreeJS',
        name: '技能射击沙盒',
        name_en: 'LinearAbiltyCastingThreeJS',
        tip: '这是一个基于 Three.js、Vite 和手写 GLSL 的技能射击特效沙盒，提供六种元素能力和两种瞄准方式。其中四种是直线施法：按下按键后地面会出现类似英雄联盟的箭头指示器，随鼠标摆动，点击释放。另外两种是远程施法：箭头被一个边界较厚的圆圈取代，跟随光标移动，让你在释放前清楚了解地面目标 AoE 的覆盖范围。六种技能包括冰霜长矛、风暴长矛、煤渣坠落、新星光束和伏特陷阱等，每种都有独特的粒子、光照和地面灼烧效果。适合想要研究技能指示器、弹道特效和实时着色器渲染的开发者。',
        author: 'AUTO',
        openUrl: 'https://g2657.github.io/LinearAbiltyCastingThreeJS/',
        githubUrl: 'https://github.com/achrefelouafi/LinearAbiltyCastingThreeJS',
        image: HOST + 'images/LinearAbiltyCastingThreeJS.webp',
      },
      {
        id: 'Claude-of-Tanks',
        name: '坦克战斗模拟',
        name_en: 'Claude-of-Tanks',
        tip: 'Claude-of-Tanks 是一款基于 Three.js 与 Vite 构建的坦克战斗模拟器，风格类似 World of Tanks，包含 220 辆载具、33 张可破坏战场和 13 种模式。核心功能涵盖板级装甲、弹道物理、模块损伤、侦察机制与碰撞系统，支持桌面与移动端浏览器直接游玩。玩家可进入标准战斗、夺旗、区域控制、低重力涡轮球、合作无尽尸潮、前线突击战役等模式，体验真实炮弹飞行、装甲几何与可破坏结构。此外，坦克画廊支持载具检视与装甲解剖，场景工作室可编排载具、相机与特效并导出可复现场景数据。适用场景包括军事模拟爱好者、游戏开发学习以及多智能体管线生成内容的展示。',
        author: 'AUTO',
        openUrl: 'https://cot.kevinliu.studio/',
        githubUrl: 'https://github.com/Kevin-Liu-01/Claude-of-Tanks',
        image: HOST + 'images/Claude-of-Tanks.webp',
      },
      {
        id: 'gogh-strike',
        name: '梵高小镇射击',
        name_en: 'gogh-strike',
        tip: '这是一款以梵高小镇为背景的绘画风格六对六浏览器射击游戏，玩家从十二位艺术家中挑选角色，加入黄房子或独立派阵营，拿起各自的标志性武器，在咖啡馆街道展开三分钟对决。游戏支持冲刺、滑铲、投掷颜料弹，并能在墙上留下艺术家的涂鸦标签。每局先达到二十次击杀或三分钟后得分更高的一方获胜，两秒重生让战斗节奏紧凑。每位艺术家拥有专属主武器、手枪、涂鸦和胜利舞蹈，还可通过检视功能查看面部、全身、行走和蹲伏模型。操作采用桌面键盘鼠标，无需安装，支持单人对抗机器人。适合喜欢快节奏射击、对艺术史感兴趣或想体验独特美术风格的玩家。',
        author: 'AUTO',
        openUrl: 'https://gogh-strike.surge.sh/',
        githubUrl: 'https://github.com/petergpt/gogh-strike',
        image: HOST + 'images/gogh-strike.webp',
      },
      {
        id: 'blacksite_fps',
        name: '波次生存射击',
        name_en: 'blacksite_fps',
        tip: '这是一个基于 Three.js 构建的波次生存第一人称射击游戏，所有资产均为程序化生成，并采用 Rapier 物理引擎实现碰撞与运动。玩家需要在封闭的黑区场景中抵御一波波敌人进攻，利用射击和走位生存下来。游戏的核心在于程序化资产带来的轻量化和可复现性，无需外部模型文件即可运行，同时物理引擎让子弹、角色和场景物体的交互更加真实。适合想学习 Three.js 与物理引擎结合、研究程序化生成技术，或寻找轻量级浏览器 FPS 示例的开发者与玩家。',
        author: 'AUTO',
        openUrl: 'https://blacksite-one.vercel.app/',
        githubUrl: 'https://github.com/Hiraeth010/blacksite',
        image: HOST + 'images/blacksite_fps.webp',
      },
      {
        id: 'chinese-chess',
        name: '3D中国象棋',
        name_en: 'chinese-chess',
        tip: '这是一个用 Three.js 实现的 3D 互动中国象棋，支持人机对弈和双人热座两种模式。人机模式提供简单、中等、困难三档 AI 难度，玩家执红先行，AI 执黑，思考时回合指示灯会闪烁。棋盘支持拖拽旋转视角、滚轮缩放，并可在红方、黑方、侧面、俯视之间循环切换，还能固定当前视角避免晃动。点击己方棋子会显示走法提示，绿点表示可走空位，红圈表示可吃敌子，落子后棋盘会标出最后一步的起讫点。规则引擎完整实现了蹩马腿、塞象眼、炮翻山、白脸将、将军、困毙、将死以及长将判负和三次重复局面判和等逻辑。AI 使用 negamax 加 alpha-beta 剪枝、静态搜索、置换表和杀手着法，并在 Web Worker 中运行以免阻塞界面。视角和缩放偏好会保存在浏览器中，手机版把次要按钮收进菜单，适合想随时下一盘 3D 象棋的玩家。',
        author: 'AUTO',
        openUrl: 'https://chinese-chess.gh.miniasp.com/',
        githubUrl: 'https://github.com/doggy8088/chinese-chess',
        image: HOST + 'images/chinese-chess.webp',
      },
      {
        id: 'mosswing-quiet-flight',
        name: '单键飞行游戏',
        name_en: 'mosswing-quiet-flight',
        tip: '这是两次 One Shot 游戏测试中的第二个作品，用一次提示词直接生成了一款可在移动端浏览器运行的 3D 单键飞行游戏。玩法延续经典的点按飞行机制：点击屏幕让角色保持在空中，躲避不断迎面而来的障碍，碰到即结束，得分以通过的障碍数量计算。作品在保留核心手感的同时，重新设计了原创角色、障碍物、世界场景、镜头视角和视觉风格，整体追求完整、优雅且手感出色的成品感，而非堆砌功能。整个游戏只有一个 HTML 文件，打开即玩，无需外部素材或构建步骤。适合想体验 AI 一次性生成游戏能力、研究单键操作与 3D 移动端适配，或寻找轻量级网页游戏参考的玩家和开发者。',
        author: 'AUTO',
        openUrl: 'https://mosswing-quiet-flight.jack-514.chatgpt.site/',
        githubUrl: 'https://github.com/Ayi1337/gpt6-astra-one-shot-games',
        image: HOST + 'images/mosswing-quiet-flight.webp',
      },
      {
        id: 'melon-game',
        name: '半流体西瓜',
        name_en: 'melon-game',
        tip: '这是两次 One Shot 游戏测试中的第一个作品，用极短提示词生成了一款以半流体西瓜为核心概念的游戏。作品重点探索物理性质、形变与合成玩法，玩家可以体验西瓜在半流体状态下的挤压、变形与合并等交互效果。整个游戏以单个 HTML 文件交付，打开浏览器即可直接游玩，无需安装依赖或进行构建。项目保留了原始提示词和 HTML 产物，方便体验与 Fork 二次开发。适合对创意物理游戏、形变模拟或合成机制感兴趣的玩家，也适合想研究如何用简短提示词驱动 AI 完成游戏设计与实现的开发者参考。',
        author: 'AUTO',
        openUrl: 'https://melon-game.jack-514.chatgpt.site/',
        githubUrl: 'https://github.com/Ayi1337/gpt6-astra-one-shot-games',
        image: HOST + 'images/melon-game.jack.webp',
      },
      {
        id: 'Othello',
        name: '黑白棋',
        name_en: 'Othello',
        tip: '这是一款以动画药丸角色为主题的友好型黑白棋游戏，支持与电脑对战或邀请朋友联机。游戏提供经典和增强两种模式，增强模式包含撤销、护盾、角落占领以及六药丸翻转狂欢等特殊能力。电脑对战设有三个难度等级，支持合法走法提示、撤销、投降、再战和存档，搜索逻辑在浏览器工作线程中运行。好友对战通过私人房间码和邀请链接进行，服务器会校验每一步走法，并支持断线重连和交换颜色的再战。游戏完整实现八方向翻转、自动跳过和提前结束等规则，并提供十种药丸角色风格、练习排行榜、两种音效风格和五首原创音乐。界面支持键盘操作、手机布局、明暗主题和减少动态效果，在 WebGL 不可用时还能回退到 HTML 棋盘。适合喜欢黑白棋的玩家以及想研究 React、TypeScript 与 Three.js 结合实时对战架构的开发者。',
        author: 'AUTO',
        openUrl: 'https://flipbuddies.vladpalacio.com/',
        githubUrl: 'https://github.com/deifos/Othello',
        image: HOST + 'images/Othello.webp',
      },
      {
        id: 'hit-and-run-web',
        name: '辛普森横冲直撞',
        name_en: 'hit-and-run-web',
        tip: '这是一个在浏览器中运行的三维游戏项目，用 Three.js 重建了经典主机游戏《辛普森一家：横冲直撞》的玩法与内容。它直接使用从本地 PS2 光盘镜像转换而来的素材，无需模拟器即可运行，新游戏会启动原版战役，剧情推进、奖励任务和竞速都基于转换后的任务脚本。你可以驾驶车辆在城市中自由探索，体验警察追捕、撞碎木箱、冲上坡道飞跃等动作，并观看原版过场动画和听到游戏音效。操作上支持键盘、触屏驾驶和标准手柄，包含手刹、二段跳、上下车、踢击、重试任务、切换视角、查看后方、定速巡航、返回道路、缩放雷达、隐藏界面等丰富控制。项目还提供 Docker 运行方式，仓库内已包含转换后的浏览器素材，克隆后安装依赖即可本地游玩。适合想重温这款经典游戏、研究 Three.js 游戏移植或体验浏览器端开放世界驾驶的玩家。',
        author: 'AUTO',
        openUrl: 'https://vheissu.github.io/hit-and-run-web/',
        githubUrl: 'https://github.com/Vheissu/hit-and-run-web',
        image: HOST + 'images/hit-and-run-web.webp',
      },
      {
        id: 'LinearAbiltyCastingExtendedThreeJS',
        name: '技能特效沙盒',
        name_en: 'LinearAbiltyCastingExtendedThreeJS',
        tip: '这是一个基于 Three.js、Vite 和手写 GLSL 构建的技能特效沙盒，用于展示和测试十种元素能力在三维场景中的视觉效果与瞄准方式。它提供两种瞄准机制：三种直线施法会像 MOBA 游戏那样在地面显示可随鼠标摆动的箭头，点击后沿直线释放；另外七种远程施法则用带粗边界的圆形指示器跟随光标，让玩家在施放前直观判断地面范围技能会覆盖多大区域。十种能力各具特色，包括熔岩符文屏障、酸液毒气池、自动索敌的绿色光矛、霓虹蛇形轨迹、紫晶裂地爆发、照片扫描巨石冲击、水墨潮汐、吞噬万物的奇点、飞刃王冠和光柱引爆等，全部由渲染器实时绘制，没有后期合成。每个技能都结合了粒子、着色器、光线步进和物理弹道等效果。适合对 WebGL 特效、着色器编程、游戏技能视觉设计感兴趣的开发者参考和学习。',
        author: 'AUTO',
        openUrl: 'https://g2657.github.io/LinearAbiltyCastingExtendedThreeJS/',
        githubUrl: 'https://github.com/achrefelouafi/LinearAbiltyCastingExtendedThreeJS',
        image: HOST + 'images/LinearAbiltyCastingExtendedThreeJS.webp',
      },
      {
        id: 'tihuqiche',
        name: '鹈鹕骑车闯关',
        name_en: 'tihuqiche',
        tip: '这是一款使用 Vue 3、Vite 8 和 Three.js 制作的 3D 骑车闯关游戏，主角是一只长嘴巴的鹈鹕，骑着单车穿越城市与海岛。游戏包含闯关、无尽、电脑本地双人合作和道具闯关四种模式，自动向前骑行，玩家通过左右变道、跳跃和低头来躲避障碍，沿途收集小鱼。赛道覆盖珊瑚海岸、雨林遗迹、落日神庙、荒漠、骷髅岛以及上海、东京、巴黎、伦敦、纽约、悉尼和迪拜等十二个场景，距离从六百米到一千九百米不等。游戏有真正的 3D 鹈鹕和带传动链条的自行车，支持小鱼冲刺、金色护罩、三点体力、三星评价和关卡解锁。还提供丰富的装扮系统，可更换皮肤、帽子、围巾、眼镜、衣服以及自行车、摩托车、电瓶车、滑板车、三轮车、小汽车、货车和飞机等载具，外观不影响性能。支持键盘、触屏滑动和手机屏幕按钮，中英文界面，可下载单文件 HTML 离线游玩。适合喜欢休闲竞速、收集和本地双人合作的玩家。',
        author: 'AUTO',
        openUrl: 'https://tihuqiche.com/',
        githubUrl: 'https://github.com/Licoy/tihuqiche',
        image: HOST + 'images/tihuqiche.webp',
      },
      {
        id: 'steel-defense',
        name: '月面基地保卫',
        name_en: 'steel-defense',
        tip: '这是一款 3D 月面基地保卫战游戏试玩版，玩家操控机器人抵御三波外星入侵，装配升级并击败入侵母体。核心功能包括：使用 WASD 移动，按住鼠标左键持续射击，空格冲刺，鼠标右键释放电磁脉冲，Esc 暂停，滚轮缩放视角；Boss 核心受护甲保护，需先摧毁两处橙色节点；机器人或能源核心生命归零则失败，击败 Boss 并守住核心则获胜。当前为美术返修 R1 试玩版，游戏画面与音效仍在完善中，每位玩家独立游玩。适用场景为喜欢塔防或射击类游戏的玩家，需使用支持 WebGL 的电脑浏览器和键鼠操作，首次打开需下载三维模型，游戏部署在 GitHub Pages 上可在线体验。',
        author: 'AUTO',
        openUrl: 'https://kingkk469.github.io/steel-defense/',
        githubUrl: 'https://github.com/kingkk469/steel-defense',
        image: HOST + 'images/steel-defense.webp',
      },
      {
        id: 'zork-underground-empire',
        name: 'Zork地下帝国',
        name_en: 'zork-underground-empire',
        tip: '这是经典文字冒险游戏《Zork I》的第一人称 3D 改编版，将原本纯文字的地下帝国探险转化为可自由行走的立体世界。玩家可以探索白色房子及其地下的广阔区域，解开各种谜题，对抗巨魔和小偷，并找回十九件宝藏，同时保留原版 Zork 的描述文本伴随冒险进程。核心功能包括第一人称移动与视角控制、物品检查与收集、战斗与格挡闪避、灯笼照明、日志地图和背包系统，以及自动适配手机和平板的触控操作。游戏完全在浏览器中运行，支持 WebGL 2，无需账号、API 密钥或外部资源服务，也可以从源码本地构建和运行，甚至提供包含独立运行时的 Windows 离线版本。适用场景包括怀旧玩家重温经典冒险、新玩家以更直观的方式体验 Zork 世界，以及开发者学习如何将文字冒险游戏现代化为 3D 交互体验。',
        author: 'AUTO',
        openUrl: 'https://zork-underground-empire.netlify.app/',
        githubUrl: 'https://github.com/emollick/zork-underground-empire',
        image: HOST + 'images/zork-underground-empire.webp',
      },
      {
        id: 'paper-aquarium',
        name: '纸水族馆',
        name_en: 'paper-aquarium',
        tip: 'Paper Aquarium 是一个面向儿童的家庭互动游戏，灵感来自 teamLab 的 Sketch Aquarium。孩子用马克笔给打印好的 A4 涂色纸上的鱼上色，然后用手机拍照，照片中的鱼就会被提取成纹理，映射到 3D 模型上，在电脑大屏幕的水族箱场景中游动起来。核心功能包括：涂色纸四角有四个 6×6 黑色标记，用于在照片中定位纸张并校正透视；拍照后自动沿鱼轮廓裁剪并去除印刷线，生成纹理；3D 鱼通过平面展开映射到侧面剪影模型上；水族箱场景使用 three.js 渲染，鱼在跟随相机视锥的立体空间中游动，避免靠近后壁的鱼挤向屏幕中心；场景能根据动画中的摆尾自动推断模型朝向。项目还提供十二张预涂色鱼纸，方便没时间涂色时直接使用。服务器是零依赖的纯 Node，所有游戏数据放在 data/ 目录。适用场景：家庭亲子互动、儿童创意展示、聚会娱乐，以及作为学习 three.js 和图像处理的示',
        author: 'AUTO',
        openUrl: 'https://aquarium.mrmot9i.com/',
        githubUrl: 'https://github.com/MrMoT9I/paper-aquarium',
        image: HOST + 'images/paper-aquarium.webp',
      },
      {
        id: 'pelican-bike',
        name: '鹈鹕骑车合集',
        name_en: 'pelican-bike',
        tip: '这是一个用 Claude Opus 5.5 做代码生成能力实测的仓库，收录了三个可直接在线游玩的 3D 网页游戏，每个游戏只给一句提示词、单会话一次性生成，源码零人工改动并已部署上线。核心功能包括：鹈鹕骑自行车（海岸公路休闲骑行，含布料物理围巾、昼夜循环、波浪海面、成就与多镜头）、穿越火线·运输船（还原经典地图的 FPS 团队枪战，含弹道后坐力、bots AI、击杀播报与程序化音效）、QQ 飞车（还原键位与漂移玩法的竞速游戏，含四张官方风格赛道）。三个游戏均为单文件 HTML，模型、纹理、动画、音效全部由代码程序化生成，无外部素材依赖。适用场景：想了解大模型一次性生成完整可玩 3D 游戏的能力边界，或需要参考 three.js 与 esbuild 单文件打包、程序化资源生成、Cloudflare Pages 部署的开发者。',
        author: 'AUTO',
        openUrl: 'https://claude-opus-5-5.riba2534.cn/',
        githubUrl: 'https://github.com/riba2534/claude-opus-5-5-demo',
        image: HOST + 'images/pelican-bike.webp',
      },
      {
        id: 'tidewater',
        name: '热带岛屿钓鱼',
        name_en: 'tidewater',
        tip: '这是一款运行在浏览器中的热带岛屿钓鱼游戏，玩家可以从码头、沙滩或自己的船上抛竿，与鱼搏斗，把渔获卖给鱼摊的 Joe，再到 Marta 的船具店购买更好的装备。核心功能包括：带纺车轮的抛投、收线与受力弯曲动画，咬钩概率取决于水域、深度与时间，涵盖 18 种加勒比鱼类；绿区张力搏斗机制，鱼发力时需松线；全屏渔获卡片、鱼类图鉴与冷藏箱；可购买鱼线、卷线器、鱼竿、更大货舱、燃料、翻新引擎、探鱼器和甲板泛光灯；可在漂流的船上行走于甲板与驾驶室，并消耗燃料。海洋部分实现了四层级联 FFT 海面、破碎波与白沫、浅水冲刷模拟、船尾迹与船首浪、海底焦散与光柱、水线上下分屏视图及镜头水滴、海床折射。天空采用物理大气模型。适用场景：喜欢休闲钓鱼与探索的玩家，以及想研究 WebGPU 与 WGSL 自研渲染引擎、海洋与大气模拟的图形开发者。需要支持 WebGPU 的较新浏览器与性能较好的 GPU，首次加载需编译数',
        author: 'AUTO',
        openUrl: 'https://dgreenheck.github.io/tidewater/',
        githubUrl: 'https://github.com/dgreenheck/tidewater',
        image: HOST + 'images/tidewater.webp',
      },
      {
        id: 'grand-atelier',
        name: '三角钢琴应用',
        name_en: 'grand-atelier',
        tip: '这是一款在浏览器中演奏的三角钢琴应用，由 anionex 与 astra 制作。核心功能包括：88 个可交互琴键、三个踏板，以及可见的琴槌与制音器运动；三种建模环境——音乐厅、日光录音室与月光露台；支持鼠标、触摸与键盘演奏，可导入 MIDI、拖动进度并自动翻谱；提供中英文界面、沉浸模式与可折叠的移动端键盘。技术上使用 Three.js、React、Web Audio 与 VexFlow 构建，机械结构为程序化可视化而非工程级 CAD 复刻，MIDI 转录也不等同于雕版原谱。适用场景：想在网页上练琴、试听或演示钢琴音色的音乐爱好者，以及研究 Web Audio 采样播放、Three.js 场景与乐谱渲染结合的开发者。本地运行需 Node.js 22.13 以上，执行 npm ci 与 npm run dev 后打开终端输出的地址并启用声音；拖动可环绕视角，点击琴键发声，键盘 A W S E ',
        author: 'AUTO',
        openUrl: 'https://piano.anionex.me/',
        githubUrl: 'https://github.com/Anionex/grand-atelier',
        image: HOST + 'images/grand-atelier.webp',
      },
      {
        id: 'voxel-musou',
        name: '体素无双',
        name_en: 'voxel-musou',
        tip: '这是一款受《真·三国无双》启发的体素风格动作游戏，玩家将扮演三国武将，在战场上以一敌千，体验割草式的爽快战斗。游戏提供七位可选武将，包括关羽、赵云、诸葛亮、吕布等，每位武将都有专属的体素模型、独特的武器和战斗风格，以及从N1到N6的普通攻击、C1到C6的蓄力攻击、空中攻击、闪避和精心设计的无双乱舞技能。游戏包含四个历史章节和三个排名试炼，涵盖虎牢关、长坂坡、赤壁和定军山等经典战场，每个场景都有独特的氛围和光影效果。战役模式中设有决斗、救援、防守、追击等剧情目标，并配有武将专属对话和结局。战场上会出现数百名士兵、友军和敌方武将，曹操、张辽、夏侯渊等Boss拥有专属模型和预警攻击。游戏采用Three.js构建，支持中英文界面，并包含程序化音效、水墨过场和像素化视觉风格，适合喜欢三国题材和动作割草游戏的玩家在浏览器中直接游玩。',
        author: 'AUTO',
        openUrl: 'https://voxel-musou.vercel.app/',
        githubUrl: 'https://github.com/mike007jd/voxel-musou',
        image: HOST + 'images/voxel-musou.webp',
      },
      {
        id: 'inkwaveThree',
        name: '涂地射击',
        name_en: 'inkwaveThree',
        tip: '这是一款原创的4v4涂地射击游戏，灵感来自《斯普拉遁》，玩家在浏览器中即可体验。游戏核心是涂地战：用墨水覆盖地面，面积多者获胜；还有区域控制模式，需要守住不断移动的区域并倒计时。玩家可以变成鱿鱼形态，在己方墨水中快速游动、补充墨水、攀爬涂墨的墙壁，甚至跃过水域。游戏提供十二种武器，包括喷雾枪、双枪、伞枪、爆破枪、旋转枪、蓄力枪、弓箭、滚筒、笔刷、弯刀、拳套和水桶，每种都有独特手感，并可搭配十五种副武器和十九种特殊武器。七张地图各具特色，部分地图在区域控制模式下会有变化。墨水具有液体般的动态效果，会扩散、变干、沿墙滴落，游泳时还会留下尾迹。按住Tab键可切换为倾斜移轴视角查看全局地图，并支持一键超级跳。玩家还可以自定义角色外观，所有角色、动画、武器、纹理、音效和音乐均由代码程序化生成，适合喜欢团队竞技和创意射击的玩家。',
        author: 'AUTO',
        openUrl: 'https://inkwave-aah.pages.dev/',
        githubUrl: 'https://github.com/jaydendavisnc/inkwave',
        image: HOST + 'images/inkwaveThree.webp',
      },
      {
        id: 'little-flock',
        name: '多人牧羊模拟',
        name_en: 'little-flock',
        tip: 'Little Flock · 小羊慢慢 是一款温馨的多人牧羊模拟游戏，玩家从一片空地开始，逐步经营自己的农场，体验养羊、种植、建造和探索的乐趣。游戏支持多人联机，你可以和朋友一起分享农场生活。核心功能包括：羊的繁殖与成长系统，不同品种和稀有度的羊只，以及丰富的农场经营元素。整个游戏由 GPT 6 Astra 在 Codex 中通过一次 /goal 任务一次性生成，涵盖了 3D 世界、游戏系统、多人服务器、美术、音频和部署。适用场景为休闲玩家、喜欢模拟经营和多人合作的用户，以及希望了解 AI 生成完整游戏可能性的开发者。',
        author: 'AUTO',
        openUrl: 'https://sharpherd.song.work/',
        githubUrl: 'https://github.com/songkeys/little-flock',
        image: HOST + 'images/little-flock.webp',
      },
      {
        id: 'AbilityCastingThreeJS',
        name: '元素法术沙盒',
        name_en: 'AbilityCastingThreeJS',
        tip: 'Elemental Sandbox 是一个在浏览器中实时施放九种电影级法术的交互式沙盒。所有效果均使用手写 GLSL 着色器、布娃娃物理系统和超过一千个实时可调参数实现，你甚至可以在帧冻结时拖动滑块调整效果。每个法术都有独特的视觉表现，例如深渊之喉会召唤鲨鱼撕咬目标，忏悔之链则用锁链将敌人肢解。核心功能包括目标锁定、区域施法、物理模拟和实时参数控制。适用场景为图形编程爱好者、游戏开发者、特效艺术家，以及任何对实时渲染和物理模拟感兴趣的人。',
        author: 'AUTO',
        openUrl: 'https://abilitycastingthreejs.chirostudio.xyz/',
        githubUrl: 'https://github.com/achrefelouafi/AbilityCastingThreeJS',
        image: HOST + 'images/AbilityCastingThreeJS.jpg',
      }
    ],
  },
  {
    pid: 'aiFor3D',
    name: 'Ai应用',
    name_en: 'Ai Applications',
    gid: 'advancedExamples',
    group: '高级案例',
    group_en: 'Advanced Examples',
    order: 50,
    children: [
      {
        id: 'off-axis-sneaker',
        name: '头部追踪查看',
        name_en: 'off-axis-sneaker',
        tip: '这是一个实时头部追踪的 3D 查看器，通过 MediaPipe 面部追踪技术，根据用户的头部位置动态调整 Three.js 相机视角，创造出类似“Johnny Chung Lee”风格的头部耦合透视效果，让 3D 物体仿佛存在于屏幕后的物理空间中。核心功能包括实时面部追踪、动态相机透视、交互式 3D 模型查看、物理校准系统以及高级控制面板。适用场景包括沉浸式产品展示、互动广告、游戏和虚拟现实体验。用户可以通过移动头部从不同角度观察物体，获得更自然的深度感知。该项目使用 React、TypeScript、Three.js 和 MediaPipe 构建，适合对计算机视觉和 3D 图形结合感兴趣的开发者。',
        author: 'AUTO',
        openUrl: 'https://off-axis-sneaker.bolt.host/',
        githubUrl: 'https://github.com/icurtis1/off-axis-sneaker',
        image: HOST + 'images/off-axis-sneaker.webp',
      },
      {
        id: 'SysMocap',
        name: '视频动捕系统',
        name_en: 'SysMocap',
        tip: '这是一个跨平台的实时视频驱动动作捕捉与 3D 虚拟角色渲染系统，面向 VTuber、直播、AR 和 VR 场景。它支持 Windows、macOS（包括 Apple Silicon 和 Intel）以及 Linux（仅源码），提供多语言界面和 Material Design 3 风格的美观 GUI，并支持深色模式。用户只需拖拽即可导入 3D 模型，系统支持全身动作捕捉、面部捕捉、半身及带手部捕捉，并能自动检测 VRM 0.x、VRM 1.0 和 Mixamo 格式 FBX 文件的骨骼结构，也支持手动映射任意骨架。它还集成了 OBS 直播推流、WebXR 转发（仅 HTTPS）以及带骨骼和换装控制器的模型查看器。借助 VRoid Studio 创建的虚拟形象可以轻松导入使用。适合虚拟主播、在线直播、虚拟会议和互动娱乐等需要低成本、易上手的实时动捕方案的用户。',
        author: 'AUTO',
        openUrl: 'https://github.com/xianfei/SysMocap',
        githubUrl: 'https://github.com/xianfei/SysMocap',
        image: HOST + 'images/SysMocap.webp',
      },
      {
        id: 'ABot-Earth',
        name: '生成式地球',
        name_en: 'ABot-Earth',
        tip: 'ABot-Earth 是由高德 CV Lab 开发的生成式 3D 地球模型，当前版本为 ABot-Earth-0.5，并已发布 0.7 版本。该模型能够生成高质量的三维地球场景，包括建筑几何体、地面和细节层次（LOD）体验。用户可以通过官方网站在桌面浏览器上体验丰富的可视化和交互式演示，并创建内容。ABot-Earth 提供了技术报告，详细介绍了方法、架构和实验结果。它适用于需要生成大规模三维城市或地球模型的研究人员、开发者和内容创作者，尤其适合地理信息、计算机视觉和虚拟现实领域的应用。该模型基于生成式方法，能够从数据中学习并生成逼真的三维结构，减少人工建模成本。官方还提供了 YouTube 演示视频和引用信息，方便学术使用。注意，为了获得最佳体验，建议在桌面浏览器上访问官方网站。',
        author: 'AUTO',
        openUrl: 'https://abot-earth.amap.com/',
        githubUrl: 'https://github.com/amap-cvlab/ABot-Earth-0.5',
        image: HOST + 'images/ABot-Earth.webp',
      },
      {
        id: 'ThreejsGNM',
        name: '头部编辑器',
        name_en: 'ThreejsGNM',
        tip: '头编辑器（ThreejsGNM）是一个纯客户端 TypeScript 项目，将 Google GNM v3 头部模型和参考 Blender 编辑器移植到了浏览器中。它使用 Three.js 渲染生成的头部，并在浏览器中实时计算身份、表情、姿态校正和四关节蒙皮。项目需要 Node.js 20 或更高版本，通过 Vite 提供本地开发服务器。首次加载会下载并解压约 53MB 的官方模型文件，因此推荐使用支持 WebGL 的桌面浏览器。功能包括完整的 253 个身份组件和 383 个表情组件、语义身份采样、表情混合、眼部镜像、颈部与头部姿态控制、官方拓扑与纹理，以及浏览器保存预设和 Blender 兼容的 JSON 导入导出。该项目适合对数字人、面部动画和 3D 建模感兴趣的研究人员或开发者，但需注意 GNM 模型存在训练数据带来的表示局限性。',
        author: 'AUTO',
        openUrl: 'https://threejs-gnm.vercel.app/',
        githubUrl: 'https://github.com/ademola-lou/ThreejsGNM',
        image: HOST + 'images/ThreejsGNM.webp',
      },
      {
        id: '3d-life-sim',
        name: '粒子生命模拟',
        name_en: '3d-life-sim',
        tip: '这是一个基于 WebGPU 的实时 3D 粒子生命模拟，在浏览器中运行，能够同时驱动数十万个粒子响应可配置的局部场，从而演化出动态的群体、丝状结构、壳层以及各种涌现形态。核心功能包括粒子物理参数调节、渲染设置、摄像机控制、音频调制和 MIDI 映射，所有控制项都集中在可折叠的驾驶舱面板中。内置四种预设外观：默认、电流、冰花和翠绿极光，并支持通过 JSON 文件导入导出预设，无需账户或服务器。音频反应功能允许任意滑块由实时音频驱动，音频分析完全在本地 AudioWorklet 中进行，不上传任何数据。适用场景包括生成艺术创作、实时视觉表演、交互式装置以及探索复杂系统与涌现行为的教学演示。运行需要 Node.js 22 或更高版本、pnpm 10 以及支持 WebGPU 的浏览器。',
        author: 'AUTO',
        openUrl: 'https://3d-life-sim.pages.dev/',
        githubUrl: 'https://github.com/kajukabla/3d-life-sim',
        image: HOST + 'images/3d-life-sim.webp',
      },
      {
        id: 'GeometryPainterThreeJS',
        name: '表面绘画工具',
        name_en: 'GeometryPainterThreeJS',
        tip: 'GeometryPainterThreeJS 是一个基于 three.js 与 WebGPU 的交互式表面绘画工具，允许用户直接在悬浮球体表面拖拽绘制，并实时生成动态几何效果。核心功能围绕可扩展的绘画模式系统展开：水晶模式生成折射石英簇，熔岩裂缝模式产生发光裂纹与热脉冲，极光丝绸模式呈现波动光幕，生物荧光礁模式则生长出脉动珊瑚群落。所有模式共享同一套笔触输入与实例管理机制，支持动画、撤销与重建。适用场景包括创意编程演示、实时视觉艺术创作、图形学教学以及交互装置原型设计，尤其适合需要探索 WebGPU 渲染与程序化几何生成的开发者。',
        author: 'AUTO',
        openUrl: 'https://g2657.github.io/GeometryPainterThreeJS/',
        githubUrl: 'https://github.com/achrefelouafi/GeometryPainterThreeJS',
        image: HOST + 'images/GeometryPainterThreeJS.webp',
      }
    ],
  },
  {
    pid: 'industryWorks',
    name: '行业作品',
    name_en: 'Industry Works',
    gid: 'advancedExamples',
    group: '高级案例',
    group_en: 'Advanced Examples',
    order: 55,
    children: [
      {
        id: 'LearningCell',
        name: '细胞课堂',
        name_en: 'LearningCell',
        tip: '细胞课堂是一个面向中文课堂的交互式 3D 生物教学网页，把植物细胞、动物细胞、白细胞、神经元和 DNA 双螺旋这五个真实尺寸的模型搬进浏览器，学生可以自由旋转、缩放和观察，在显微镜般的视角下探索生命之美。每个模型都配有结构简介，例如植物细胞的细胞壁、叶绿体和大液泡，动物细胞的细胞膜、内质网和高尔基体，神经元的树突、轴突与突触等，方便课堂讲解时对照查看。技术上它使用 Vite、React 19 和 TypeScript 构建，借助 three.js 与 react-three-fiber 完成 WebGL 渲染，模型经过 Draco 压缩并自带本地解码器，因此完全离线可用。加载策略也很贴心：进入页面先下载体积最小的植物细胞并显示真实进度，其余模型在后台静默串行下载，点击侧栏未完成的模型还能立刻提升到前台。它适合生物教师课堂演示、学生自主探索以及科普展示等场景。',
        author: 'AUTO',
        openUrl: 'https://gordensun.github.io/LearningCell/',
        githubUrl: 'https://github.com/GordenSun/LearningCell',
        image: HOST + 'images/LearningCell.webp',
      },
      {
        id: 'sooahs-room-folio',
        name: '3D房间作品集',
        name_en: 'sooahs-room-folio',
        tip: '房间是一个以 3D 房间为主题的创意作品集网站，作者把自己的个人作品集做成了一个可以探索的虚拟房间，访客可以在其中浏览内容并感受独特的视觉氛围。项目提供了完整的源码和配套的入门教学视频，对初学者非常友好，按照说明执行安装依赖和启动开发服务器即可在本地运行。作者在说明中坦诚地分享了不少经验与已知问题，例如不建议把所有逻辑塞进单个文件、SCSS 结构比较混乱、iPhone 上使用 ogg 音频可能没有声音需要准备 mp3 回退，以及悬停动画在某些角度会因射线检测目标位移而反复触发导致物体抖动，并给出了使用静态隐形碰撞盒等修复思路。它适合想学习 Three.js 与创意作品集开发的初学者参考，也适合作为个人主页或展示型页面的灵感来源。',
        author: 'AUTO',
        openUrl: 'https://www.sooahs-room-folio.com/',
        githubUrl: 'https://github.com/andrewwoan/sooahs-room-folio',
        image: HOST + 'images/sooahs-room-folio.webp',
      },
      {
        id: 'DeviceShowcase',
        name: '设备展示',
        name_en: 'DeviceShowcase',
        tip: '这是一个基于 Threepipe 框架构建的交互式 3D 设备展示项目，用于在笔记本电脑和手机模型上呈现设计稿或网站。核心功能包括：通过鼠标点击和悬停与 3D 模型进行交互，支持将图片拖拽到设备屏幕上显示，并利用 Threepipe 的插件系统扩展功能。项目提供了完整的教程和代码示例，适合前端开发者、UI/UX 设计师学习如何创建 3D 产品展示、设备样机或交互式作品集。适用场景包括设计作品展示、产品演示、网站预览等，能够提升视觉表现力和用户体验。',
        author: 'AUTO',
        openUrl: 'https://tympanus.net/Tutorials/DeviceShowcase/',
        githubUrl: 'https://github.com/repalash/threepipe-device-mockup-codrops',
        image: HOST + 'images/DeviceShowcase.webp',
      },
      {
        id: 'bellas-park',
        name: '3D公园作品集',
        name_en: 'bellas-park',
        tip: '这是一个获奖的创意作品集项目，使用 Three.js 和 Blender 构建了一个可交互的 3D 公园场景。核心功能包括：角色移动、触摸屏支持、音乐和音效播放、加载屏幕等。用户可以通过键盘或触摸控制角色在公园中探索，体验像素风格的视觉效果。该项目适合学习 Three.js 和 Blender 的开发者，尤其是对创意网页开发、游戏化交互和 3D 场景构建感兴趣的人群。适用场景包括个人作品集、创意展示、教育示例等，曾获得 CSSDA 的特别荣誉和最佳 UI/UX/创新奖。',
        author: 'AUTO',
        openUrl: 'https://www.bellas-park.com/',
        githubUrl: 'https://github.com/andrewwoan/bellas-park',
        image: HOST + 'images/bellas-park.webp',
      },
      {
        id: 'Interactive-Styling-Canvas',
        name: '互动造型画布',
        name_en: 'Interactive-Styling-Canvas',
        tip: '这是一个互动式造型画布，用户可以通过拖放虚拟 T 恤到模型上来即时改变其外观。核心功能包括拖放交互、实时更换服装模型，以及流畅的视觉反馈。适用场景包括时尚设计、虚拟试衣、互动广告和娱乐体验。该项目由 Codrops 发布，使用 HTML、CSS 和 JavaScript 构建，适合对交互设计和 3D 图形感兴趣的开发者学习和参考。',
        author: 'AUTO',
        openUrl: 'https://tympanus.net/Development/InteractiveStylingUI/',
        githubUrl: 'https://github.com/kaberikram/Interactive-Styling-Canvas',
        image: HOST + 'images/Interactive-Styling-Canvas.webp',
      },
      {
        id: 'r3f-unshift-effect',
        name: 'unshift效果',
        name_en: 'r3f-unshift-effect',
        tip: '这是一个基于 React Three Fiber 和 GLSL 的交互式视觉效果演示，重现了 unshift 作品中的页面动效。它使用 InstancedMesh 高效渲染大量粒子或几何体，并结合 gsap 实现鼠标移动时的视差文本滚动效果。背景图像来自 WLOP 的插画，整体营造出沉浸式的视觉体验。该案例适合学习 React Three Fiber 与着色器编程，尤其是如何将鼠标交互与动画结合，以及使用 InstancedMesh 优化性能。注意，源代码未公开，且图像和代码有严格的使用限制，禁止商业用途和再分发，但可以查看应用并复现其表现。',
        author: 'AUTO',
        openUrl: 'https://nemutas.github.io/r3f-unshift-effect/',
        githubUrl: 'https://github.com/nemutas/r3f-unshift-effect',
        image: HOST + 'images/r3f-unshift-effect.webp',
      },
      {
        id: 'comfort-website',
        name: '情侣治疗网站',
        name_en: 'comfort-website',
        tip: '这是一个以情侣治疗为主题的 3D 互动网站原型，使用 Blender 和 Three.js 构建。网站通过温馨的 3D 场景和互动元素，介绍依恋风格等心理学概念，旨在提供舒适和治愈的体验。核心功能包括：3D 场景漫游、动画效果、以及基于 Three.js 的交互。适用场景包括心理健康教育、情侣关系辅导、以及作为 Three.js 和 Blender 结合的学习案例。该项目展示了如何将 3D 技术应用于情感化网页设计。',
        author: 'AUTO',
        openUrl: 'https://john-and-patricias-romantic-comfort.vercel.app/',
        githubUrl: 'https://github.com/andrewwoan/john-and-patricias-romantic-comfort-website',
        image: HOST + 'images/comfort-website.webp',
      },
      {
        id: 'cymatics-labs',
        name: '音频粒子模拟',
        name_en: 'cymatics-labs',
        tip: '这是一个交互式实时克拉尼图形模拟器，通过 GPU 加速的粒子物理让声音变得可见。它基于 Next.js、Three.js 和 Web Audio API 构建，能够探索驻波图案、多振荡器干涉，并内置了超过 35 种预设。用户可以通过调整频率、振幅和波形，实时观察粒子在振动场中排列成几何图形，重现 1787 年恩斯特·克拉尼用琴弓摩擦黄铜板使细沙形成图案的经典实验。该项目不仅展示了声学与数学的交汇，也延续了汉斯·珍妮在 1967 年对振动如何组织物质的系统研究。它适合对物理可视化、生成艺术、声学教育或互动装置感兴趣的用户，既能作为教学演示工具，也能作为艺术创作的灵感来源，让抽象的声波以直观的粒子形态呈现。',
        author: 'AUTO',
        openUrl: 'https://cymatics-labs.vercel.app/',
        githubUrl: 'https://github.com/Sidmaz666/cymatics-labs',
        image: HOST + 'images/cymatics-labs.webp',
      },
      {
        id: 'tang-changan',
        name: '大唐百年史',
        name_en: 'tang-changan',
        tip: '这是一个复刻 Expeditione™ 风格的互动微缩沙盘，主题为“大唐百年史”。它构建了一个 120×160 单位的地图，包含三大殿纵轴（含元、宣政、紫宸）、跨河桥梁、七层大雁塔、曲江画舫、朱雀城门、东西二市等盛唐景观。特色包括昼夜流转、四季流转、宵禁夜禁、唐诗节点、寺钟鸡鸣、天气切换（雨/沙/雾 + 闪电雷声 + 风向斜飘）、NPC 市井段子、历史事件轴、4 款 mini-game、移动端适配、RPG 模式、第一人称 FPS 模式以及 5 座 360° 殿宇展厅。V11 版本引入了经济系统：4 种货币（铜钱、绢帛、金锭、风雅）、4 种职业（文士、商贾、仕女、武人）各有不同开局资源、5 类物品（食货、文房、衣冠、雅物、凭证）共 27 件、5 处店铺（朱雀酒肆、东市米粮铺、东市文房斋、东市绫罗肆、西市胡商货栈），以及体力与风度系统。适合对唐代文化、历史模拟和互动叙事感兴趣的用户。',
        author: 'AUTO',
        openUrl: 'https://github.com/andyhuo520/tang-changan',
        githubUrl: 'https://github.com/andyhuo520/tang-changan',
        image: HOST + 'images/tang-changan.webp',
      },
      {
        id: 'Rose_flower',
        name: '程序化发光玫瑰',
        name_en: 'Rose_flower',
        tip: '这是一个使用 Three.js 从零构建的程序化发光玫瑰 3D 网页体验。所有几何体、花瓣、茎干和漂浮粒子均通过数学计算生成，无需任何外部模型或纹理。项目采用自定义 GLSL 着色器实现发光花粉粒子，并利用 UnrealBloomPass 后处理营造出电影般的梦幻光晕效果。用户可以通过鼠标拖拽旋转视角、滚动缩放，从任意角度欣赏玫瑰。该案例适合展示 Three.js 高级图形技术，如程序化建模、着色器编程和后处理，适用于作品集、技术演示或教学示例，尤其适合对 WebGL 和创意编程感兴趣的开发者。',
        author: 'AUTO',
        openUrl: 'https://wake-bikila-dev.github.io/Rose_flower/',
        githubUrl: 'https://github.com/wake-bikila-dev/Rose_flower',
        image: HOST + 'images/Rose_flower.webp',
      },
      {
        id: 'fable5world',
        name: '程序化开放世界',
        name_en: 'fable5world',
        tip: 'LAAS 是一个完全程序化生成的 4×4 公里开放世界，运行在浏览器中并基于 WebGPU 渲染，使用 three.js WebGPURenderer、TSL 材质和原生 WGSL 计算着色器，采用严格 TypeScript 编写且不提供 WebGL 回退。整个世界的所有网格、纹理和光照都在启动时由代码生成，仓库中不包含任何图片、模型或音频资源，并且可以通过单个 URL 参数 ?seed=N 完整复现。该项目的主要目的是测试 Anthropic 新模型 Claude Fable 5 的能力，约 99% 的代码由模型自主完成，人类仅提供少量关于运动效果、交互性能和视觉瑕疵的反馈。模型还自行进行质量验证，包括无头启动世界、截图、像素采样、帧对齐确定性对比、GPU 通道性能分析以及回归测试。当前项目已包含约 21000 行严格 TypeScript 代码，覆盖 90 多次提交，适合对程序化生成、',
        author: 'AUTO',
        openUrl: 'https://dc5fzrbo8ssfx.cloudfront.net/laas/',
        githubUrl: 'https://github.com/Braffolk/fable5-world-demo',
        image: HOST + 'images/fable5world.webp',
      },
      {
        id: 'messenger-copy',
        name: 'Messenger复刻',
        name_en: 'messenger-copy',
        tip: '这是一个非官方的学习型工作区，用于在本地重建 Messenger 游戏的视觉资产、着色器与场景结构，仅供研究用途，并非真实游戏。项目基于 SvelteKit 与 Three.js 构建，提供 Intro、Gameplay 和 NPC 三种场景模式预览，并包含从参考站点下载的素材包。核心功能包括移植与简化的 GLSL 材质、Draco 模型加载器以及后处理实验，同时附带参考工具脚本，可自动发现资源 URL、下载缺失文件并从 JS 包中提取 GLSL 代码。技术栈涵盖 SvelteKit 2、Svelte 5、Three.js r184、TypeScript、Tailwind CSS 与 Vitest。适用场景为希望学习 Three.js 渲染管线、着色器编写、模型加载与后处理效果的开发者，或对 Messenger 视觉风格感兴趣并想研究其实现方式的技术人员。需注意原始美术、音频与设计版权归原',
        author: 'AUTO',
        openUrl: 'https://messenger.abeto.co/',
        githubUrl: 'https://github.com/arafays/messenger-copy',
        image: HOST + 'images/messenger-copy.webp',
      },
      {
        id: 'de-bees',
        name: '养蜂人名录',
        name_en: 'de-bees',
        tip: '这是一个以十九世纪博物学家图版书风格呈现的特拉华州养蜂人与蜂蜜制造商名录网站。每位养蜂人被设计为编号图版，并标注在温馨的等距视角州地图上。核心功能包括可按县和产品类型筛选的登记册、链接到各养蜂人图版的等距倾斜移轴地图、按县组织的蜂群与授粉服务登记、州博览会与县级展览的荣誉榜、关于县俱乐部与州养蜂人登记的学习页面，以及面向州内养蜂人的免费提交入口。设计上采用绿黑印刷油墨、鼠尾草绿与牛血红色调，搭配蜂蜜色点缀，字体选用 Fraunces、Newsreader 与 IBM Plex Mono，并包含自绘雕刻蜜蜂与图版编号系统，动画尊重减少动态偏好。技术栈为 Next.js 16 静态导出、React 19、TypeScript 与 Tailwind CSS v4，地图与蜜蜂均为手写内联 SVG，无运行时数据依赖。适用场景为地方农业名录展示、养蜂社区信息聚合以及复古图版书风格网页设计参考。',
        author: 'AUTO',
        openUrl: 'https://de-bees.vercel.app/',
        githubUrl: 'https://github.com/snyderb-de/de-bees',
        image: HOST + 'images/de-bees.jpg',
      },
      {
        id: 'ThreeJS_Portfolio',
        name: '3D作品集场景',
        name_en: 'ThreeJS_Portfolio',
        tip: '这是一个基于Next.js和React Three Fiber构建的实时3D作品集场景，将GitHub仓库的星标活动转化为一个可探索的树屋村庄。核心功能包括：仓库的星标数决定树木生长和村庄密度，每位星标者被确定性地放置为一栋房屋，房屋稀有度根据GitHub个人资料影响力和贡献者身份划分；场景实时同步意大利南蒂罗尔Gossensaß/Colle Isarco的天气数据，包括温度、湿度、气压、能见度、雨雪雾暴状态、风速风向和云层覆盖，天气影响光照、雾效、体积云、草地、树叶、树枝摇曳和降水漂移；夜间模式添加星空和程序化月相，星星和月亮可见度受日光、云层、雾和雨影响；用户可环绕、缩放、平移、飞行、搜索房屋、查看资料，并覆盖天气用于演示。项目注重性能，使用GPU友好的星空和程序化月亮，无需纹理。适合作为交互式作品集、数据可视化或实时环境演示。',
        author: 'AUTO',
        openUrl: 'https://three-js-portfolio-rust-beta.vercel.app/',
        githubUrl: 'https://github.com/Plattnericus/ThreeJS_Portfolio',
        image: HOST + 'images/ThreeJS_Portfolio.webp',
      },
      {
        id: 'ode-to-yosemite',
        name: '约塞米蒂渲染',
        name_en: 'ode-to-yosemite',
        tip: '这是一个在浏览器中运行的约塞米蒂山谷三维渲染项目，完全由 Anthropic 的模型 Fable 5 在 Claude Code 中端到端构建，用于验证模型从单次对话中完成数据管线、渲染、着色器、测试与部署的能力。项目基于真实地形与卫星影像数据，构建了约 31×19 公里、高程分辨率约 7.6 米的可自由探索场景，并依据卫星像素分类植被，程序化放置约 26.6 万棵实例化树木，同时将六条著名瀑布精确放置在真实悬崖边缘，配合自定义着色器实现水流、雾气与程序化音频。场景提供从黎明到夜晚的五种光照氛围，并包含星空效果。适用场景包括三维地理可视化研究、WebGL 渲染技术学习，以及作为 AI 辅助开发的完整案例参考。',
        author: 'AUTO',
        openUrl: 'https://ode-to-yosemite.vercel.app/',
        githubUrl: 'https://github.com/shlokkhemani/ode-to-yosemite',
        image: HOST + 'images/ode-to-yosemite.webp',
      },
      {
        id: 'weisdevice-project',
        name: '个人作品集',
        name_en: 'weisdevice-project',
        tip: '这是一个个人作品集网站，展示了开发者使用HTML、CSS、原生JavaScript、Three.js、GSAP、GLSL和howler.js等技术构建的交互式3D网页体验。核心功能包括通过Three.js和GLSL实现复杂的3D视觉效果，利用GSAP创建流畅的动画，以及使用howler.js处理音频交互。适用场景主要是个人品牌展示、创意作品集或技术演示，适合开发者、设计师或艺术家用来展示其前端和3D开发能力，吸引潜在雇主或客户。',
        author: 'AUTO',
        openUrl: 'https://www.weisdevice.xyz/',
        githubUrl: 'https://github.com/wehwayne2/weisdevice-project',
        image: HOST + 'images/weisdevice-project.webp',
      },
      {
        id: 'china-heritage-3d',
        name: '中国古建筑',
        name_en: 'china-heritage-3d',
        tip: '中国古建筑瑰宝 3D 是一个基于 Vite 和 Three.js 的交互式展示页面，以卷轴式界面呈现故宫、布达拉宫、黄鹤楼等 7 座中国代表性古建筑。用户可分类筛选、切换中英文界面，并在桌面端直接进入可交互的 3D 舞台，移动端则按需加载 3D 环视。每个建筑还提供多视图图册，包含正面、背面、侧面等补充视图。项目采用响应式设计，适配手机、平板和桌面。适用于文化教育、旅游推广、历史建筑数字化展示等场景，帮助用户沉浸式了解中国古建筑之美。',
        author: 'AUTO',
        openUrl: 'https://architecture-iota-khaki.vercel.app/',
        githubUrl: 'https://github.com/xyiqq/china-heritage-3d',
        image: HOST + 'images/china-heritage-3d.webp',
      },
      {
        id: 'KallkaGoMy_website',
        name: '个人主页',
        name_en: 'KallkaGoMy_website',
        tip: 'KallkaGoMy_website 是一个使用 React、Three.js 和 Vite 构建的个人主页项目，展示了如何将现代前端框架与 3D 图形库结合来创建视觉丰富的网站。项目使用 pnpm 作为包管理器，要求 Node.js 18 或更高版本。通过简单的命令即可安装依赖、启动开发服务器或构建生产版本。项目中的文章和项目缩略图采用 WebP 格式以优化加载性能，而 WebGL 纹理则保留原始格式以确保渲染质量。背景音乐在用户请求播放后才会加载，符合现代浏览器的自动播放策略。这个项目适合想要学习如何将 Three.js 集成到 React 应用中的开发者，也适合需要搭建个人作品集或技术博客的前端爱好者参考。',
        author: 'AUTO',
        openUrl: 'https://my-website-kallka.vercel.app/#work',
        githubUrl: 'https://github.com/KallkaGo/My_website',
        image: HOST + 'images/KallkaGoMy_website.webp',
      },
      {
        id: 'paper-roll',
        name: '无限纸带',
        name_en: 'paper-roll',
        tip: '这是一个基于 Three.js 构建的无限物理滚动纸带效果，用于展示作品集或信息流。纸带会持续滚动，模拟真实纸张的物理运动，带来流畅且富有质感的视觉体验。核心功能包括无限循环滚动、物理模拟和动态内容加载，适合用于个人作品集、创意展示或交互式网页设计。用户可以通过滚动或自动播放浏览内容，纸带的运动轨迹和速度可调，营造出独特的叙事节奏。该效果将传统纸媒的触感与数字交互结合，为展示类页面增添趣味性和沉浸感。',
        author: 'AUTO',
        openUrl: 'https://paper-roll-nine.vercel.app/',
        githubUrl: 'https://github.com/thebuggeddev/paper-roll',
        image: HOST + 'images/paper-roll.webp',
      },
      {
        id: 'vinyl',
        name: '黑胶唱片播放',
        name_en: 'vinyl',
        tip: '这是一个使用three.js和Claude Fable 5开发的3D黑胶唱片播放器项目。它通过WebGL在浏览器中呈现一台可交互的立体黑胶唱机，让用户以三维视角观察和操作唱片播放过程。项目基于three.js构建，借助Claude Fable 5辅助开发，适合对3D网页交互、音乐可视化或复古设备模拟感兴趣的开发者参考。由于材料有限，具体功能细节如唱臂移动、唱片旋转、音轨选择或音频播放等未在描述中明确，但核心定位是浏览器中的3D黑胶播放体验。它可作为学习three.js场景搭建、材质渲染和交互控制的示例，也可作为音乐类网页应用的创意起点。适用场景包括个人作品展示、音乐主题网站、3D交互实验，以及希望探索AI辅助开发3D网页项目的开发者。',
        author: 'AUTO',
        openUrl: 'https://vinyl-rho-peach.vercel.app/',
        githubUrl: 'https://github.com/thebuggeddev/vinyl',
        image: HOST + 'images/vinyl.webp',
      },
      {
        id: 'three-stylized',
        name: '风格化草地',
        name_en: 'three-stylized',
        tip: '这是一个基于 Three.js 的风格化草地渲染器，用程序化地形、实例化草叶、风动画、风格化光照和确定性野花构建出一片可交互的草地场景。核心功能包括：程序化生成带确定性高度变化的地形；在生成或调用方提供的几何体上采样并实例化草叶；运行时动态更新风、颜色、亮度和方向光；可选与草动画同步的确定性野花；支持部分配置更新并生成不可变的规范化选项快照；显式管理并幂等清理生成的 GPU 资源。它只依赖 Three.js，无需额外框架或渲染依赖。适用于需要在网页中快速加入自然草地景观的 3D 项目，例如游戏场景、虚拟展厅、数据可视化背景或交互式艺术装置，开发者可以像操作普通 Three.js 对象一样定位、旋转、缩放和挂载它。',
        author: 'AUTO',
        openUrl: 'https://steve245270533.github.io/three-stylized/',
        githubUrl: 'https://github.com/Steve245270533/three-stylized',
        image: HOST + 'images/three-stylized.webp',
      },
      {
        id: 'complete-shelf',
        name: '虚拟书架',
        name_en: 'complete-shelf',
        tip: '这是一个基于 Three.js 构建的交互式虚拟书架体验，将七本精装硬壳书排列在一条连续的书架上，每本书对应一款现代创意工具，包括 Codex、Claude Code、Cursor、Antigravity、Figma、Framer 和 Xcode。你可以用滚轮、方向键、按钮或位置标记在书架上浏览，点击任意一本书即可将其拉入响应式详情视图，在视图中可以环绕观察书脊、封面、书页、书签和烫金细节，还能拖拽翻动带有物理弯曲效果的书页。每本书都有专属配色系统，会同步改变场景氛围和编辑排版。所有布料、烫金、纸张、木纹和阴影纹理均为程序化生成，并配有环境音效和翻书、合书等交互音效，支持静音和音量调节。整个项目运行在单个 HTML 文件中，无需框架或后端，适合用于展示创意工具集合、数字出版或交互式产品目录等场景。',
        author: 'AUTO',
        openUrl: 'https://mengto.github.io/complete-shelf/',
        githubUrl: 'https://github.com/MengTo/complete-shelf',
        image: HOST + 'images/complete-shelf.webp',
      },
      {
        id: 'prehistoric-animal-museum',
        name: '史前动物博物馆',
        name_en: 'prehistoric-animal-museum',
        tip: '这是一个面向幼儿及其陪伴家长的史前动物虚拟博物馆，提供英语和简体中文两种语言，包含简短旁白和亲子问答指南。核心功能包括从海洋、陆地、天空三个类别中选择动物，通过拖拽旋转模型、捏合或滚轮缩放从各个角度观察，按需播放中英文旁白，以及查看涵盖生存年代、化石发现地区、体型、食性、分类和参考来源的家长指南。界面响应式适配手机、平板和桌面，支持键盘导航并尊重减少动态效果设置。首次访问时自动跟随设备语言，可随时切换并记住选择，每种语言都有可分享链接。适用场景为 2 至 6 岁儿童在家长陪伴下的亲子共览、恐龙与古生物启蒙教育，以及安静、无竞争压力的探索式学习环境。',
        author: 'AUTO',
        openUrl: 'https://leon-made-this.work/museum',
        githubUrl: 'https://github.com/s010s/prehistoric-animal-museum',
        image: HOST + 'images/prehistoric-animal-museum.jpg',
      },
      {
        id: 'locker-folio',
        name: '储物柜作品集',
        name_en: 'locker-folio',
        tip: '这是一个以储物柜为载体的交互式个人作品集网站，打开后先看到加载页，接着马赛克揭幕，然后柜体旋正推近并自动开门，露出柜内与门上的实体物件。这些物件分别对应关于、技能、精选作品和联系方式四个入口，每件物件都能在自己的承载面上拖动，点击后镜头会局部聚焦并挂载内容浮层。首屏是真实的 Three.js 场景，柜体、柜门、隔板、打字机、吉他、唱片机等全部由网格构成，而非贴片，内容页则是 DOM 浮层。项目使用 React 19、TypeScript、Vite 8 和 three 0.185 等技术栈，通过自写主时间线驱动首屏动画，zustand 管理状态，并针对无 WebGL 或低性能设备提供静态降级方案。适合想展示个人作品、喜欢沉浸式 3D 交互体验的开发者参考或直接使用。',
        author: 'AUTO',
        openUrl: 'https://locker.zezn.dev/',
        githubUrl: 'https://github.com/qzz0518/locker-folio',
        image: HOST + 'images/locker-folio.webp',
      },
      {
        id: 'human-atlas',
        name: '人体解剖探索',
        name_en: 'human-atlas',
        tip: '这是一个基于 React、Three.js 和 shadcn/ui 构建的交互式 3D 人体解剖探索器，使用 BodyParts3D 成人男性参考模型，将人体拆解为 2234 个可单独选择的网格，覆盖 15 个解剖系统，并支持搜索 3432 个命名概念。核心功能包括：在三维人体上直接旋转、缩放和选择结构；按系统切换显示，或使用骨骼与器官预设；在组装状态与爆炸式零件清单之间切换；搜索解剖名称和源标识符；隔离选中结构并查看其详细信息；移动端提供紧凑控件和详情面板。适用场景主要是医学与生物教育、解剖学自学、课堂演示，以及任何需要直观理解人体结构层次和空间关系的场合。项目无需 API 密钥或账户，本地运行需 Node.js 22.13 以上，构建后输出静态站点。数据采用 CC BY 4.0 许可，几何体为浏览器性能做了简化，但保留全部源网格，约 228 万三角形、压缩后约 33MB。注意它只是教育',
        author: 'AUTO',
        openUrl: 'https://human-atlas-seven.vercel.app/',
        githubUrl: 'https://github.com/ashemag/human-atlas',
        image: HOST + 'images/human-atlas.webp',
      },
      {
        id: 'gpt6-Astra',
        name: '微缩场景合集',
        name_en: 'gpt6-Astra',
        tip: '这是一个用 Three.js 打造的微缩场景合集，包含六个可交互的独立 HTML 页面，无需安装任何依赖即可在浏览器中直接运行。每个场景都围绕一个独特的主题展开：海风之屿呈现海岛、木屋、灯塔与码头；雨夜便利店还原街角便利店、货架、降雨与积水反光；木漏时光展示木制布谷钟、水车与分层流水；晨雾稻田水车村以三层稻田、农舍水车和清晨薄雾构成田园景致；雨后紫藤溪谷温室包含玻璃温室、紫藤廊架与落花；北京故宫雪景水晶球则用八千多片实体雪晶营造可交互的风雪效果。所有场景都支持鼠标拖拽旋转、滚轮缩放和右键平移，并带有持续运行的细微动效。适合对 Three.js 感兴趣、想学习微缩场景搭建或寻找交互式网页视觉灵感的开发者与设计师体验和参考。',
        author: 'AUTO',
        openUrl: 'https://github.com/XinyuWang250428/gpt6-Astra_3.js',
        githubUrl: 'https://github.com/XinyuWang250428/gpt6-Astra_3.js',
        image: HOST + 'images/gpt6-Astra.webp',
      },
      {
        id: 'qingmingshanghetu',
        name: '清明上河图',
        name_en: 'qingmingshanghetu',
        tip: '这是一个围绕 GPT-6 Astra 实际使用体验展开的实践测试项目，将《清明上河图》中的虹桥、汴河与沿岸市井制作成可在浏览器中自由观察、点击探索和录制展示的三维网页。核心功能包括：三维场景还原了编木虹桥、汴河、91 栋重点建筑、124 名人物和 8 艘舟船；支持鼠标环视、缩放、平移以及键盘移动，点击舆图可定位；提供虹桥胜景、汴河漕运等五处景点，点击标签可查看简介并走近观察；实时表现涵盖水面倒影、船体轻摇、人物关节运动等；画面设置可切换三种时辰、画质档位和动画暂停；还支持 4K PNG 截图和 60 秒场景巡游录制。适用场景为对《清明上河图》数字化复原、三维网页交互开发或 GPT-6 Astra 模型能力评估感兴趣的开发者和研究者，可通过在线体验或本地运行进行探索。',
        author: 'AUTO',
        openUrl: 'https://rising1234sun.github.io/qingmingshanghetu/',
        githubUrl: 'https://github.com/Rising1234Sun/qingmingshanghetu',
        image: HOST + 'images/qingmingshanghetu.webp',
      },
      {
        id: 'qingmingsa',
        name: '清明上河图全城',
        name_en: 'qingmingsa',
        tip: '这是一个独立的本地 Three.js / WebGL2 工程，构建了《清明上河图》的全城三维场景，包含人物、舟车生态、可行走建筑和持续水场，并实现了 QingmingStyle / QingmingPass 画卷材质。核心功能包括：数字键 1-9、0 切换十个镜头，支持 Orbit、Fly 和 Walk 三种视角模式，Walk 模式下可在建筑内行走并开关门；River traffic 面板可追踪舟车，Animate the city 控制动画暂停；Scroll style 提供 Light Color、Antique Silk 和 Original Materials 三种画卷风格，并可调整墨线与纸纹强度；画质分为 Auto 和 Cinema 两档，Auto 模式优化性能，Cinema 模式保留高细节；支持导出 4K 静态图、十个镜头的 20 张画卷图以及 10 秒 WebM 巡游视频。适',
        author: 'AUTO',
        openUrl: 'https://qingming-riverside.vercel.app/',
        githubUrl: 'https://github.com/mike007jd/qingming',
        image: HOST + 'images/qingmingsa.webp',
      },
      {
        id: 'iphone-duo',
        name: '折叠屏过渡',
        name_en: 'iphone-duo',
        tip: '这是一个基于 Three.js 的浏览器端折叠屏过渡效果研究项目，模拟 iPhone 折叠屏的展开与折叠动画。核心功能包括：仅旋转覆盖半屏，后置摄像头半屏保持固定；折叠过程中屏幕内容使用固定前视投影，外部 UI 与铰链侧左边缘对齐；模糊和暗化效果跟随图像坐标，最大模糊半径 72 源像素，暗化强度为过渡强度的两倍；提供壁纸、启动器和自定义三种模式，自定义模式可直接选择图片并应用到双屏，外屏显示图片右半部分；支持拖拽旋转、滚轮缩放，以及通过播放按钮和滑块控制折叠；响应式控件适配桌面和移动端，上传图片仅保留在当前浏览器标签页。适用场景为对折叠屏交互设计、Three.js 动画或屏幕过渡效果感兴趣的开发者和设计师，需通过 HTTP 服务运行，可使用 Python 3.12 准备资源。',
        author: 'AUTO',
        openUrl: 'https://iphone-duo-tawny.vercel.app/',
        githubUrl: 'https://github.com/chuspeeism/iphone-duo',
        image: HOST + 'images/iphone-duo.webp',
      },
      {
        id: 'insect-world',
        name: '昆虫图鉴',
        name_en: 'insect-world',
        tip: '昆虫世界是一个可交互的 3D 昆虫图鉴，所有昆虫模型均由代码实时生成，仓库中没有任何模型文件。它覆盖 63 种昆虫、14 个目，包括鞘翅目、双翅目、鳞翅目、膜翅目等，每种昆虫都可以旋转、缩放、点击标注点，查看身体构造、生活史与生态角色。核心功能包括：参数化几何生成昆虫模型，支持完整生活史阶段（卵、幼虫、蛹、成虫），例如帝王蝶羽化过程；双主题视觉，默认“标本台”为冷灰绿档案衬板加青铜铭牌，可一键切换“博物馆之夜”暗色主题，用聚光灯锥和光池突出标本；提供模型调试台和 4000 多个测试；支持中英文双语，线上部署在 Cloudflare Pages。适用场景：自然教育、昆虫知识科普、博物馆数字化展示、三维图形学学习，以及作为参数化建模和 Web 开发的参考项目。注意：讲解文本由 AI 撰写，尚未经专业核校，适合作为趣味读物而非引用资料。',
        author: 'AUTO',
        openUrl: 'https://insect-world.pages.dev/s/monarch-butterfly/',
        githubUrl: 'https://github.com/xr843/insect-world',
        image: HOST + 'images/insect-world.webp',
      },
      {
        id: 'sylva',
        name: '景观研究',
        name_en: 'sylva',
        tip: '这是一个基于 Three.js 的交互式景观研究项目，一条程序化生成、覆满苔藓的根系穿过环保主题的编辑式主视觉，并像有生命一样对指针做出反应。核心功能包括：由扫掠管状几何体、递归分枝、蕨类、花朵、粒子以及桌面端最多 25 万株实例化苔藓叶片构成的确定性根系与拱门；苔藓会随光标分开并释放短暂的花粉轨迹；带邻近放大、移动高光边缘、键盘焦点状态与粒子爆发的弹簧驱动导航栏；两个沙盒化 WebGL2 按钮研究，为 Explore 与 Play 控件提供液态金属表面动画；分阶段的文字、卡片、图像与程序化场景入场，包括对两张野外笔记照片的 canvas 采样像素揭示；窄屏下的响应式单列布局与减少动态效果路径。整个页面位于单个 index.html 中，使用内置的 Three.js r149 构建，运行时无需下载模型或预渲染苔藓贴图，加载后不再发起外部网络请求。适用场景：寻找高端品牌官网或作品集视觉灵感的',
        author: 'AUTO',
        openUrl: 'https://mengto.github.io/sylva/',
        githubUrl: 'https://github.com/MengTo/sylva',
        image: HOST + 'images/sylva.webp',
      },
      {
        id: 'Transformers',
        name: '变形金刚演示',
        name_en: 'Transformers',
        tip: '这是一个展示变形金刚变形过程的交互式3D演示，通过精细的机械动画呈现车辆如何一步步折叠、展开并站立成机器人。演示包含三款经典载具：Cybertruck、Ferrari F1赛车和Semi卡车。每台机器都从机器人形态开始设计，再反向折叠成车辆，因此变形过程没有任何遮挡或替换，所有零件都沿着真实的铰链和机械臂路径移动，玩家可以随时暂停观察每个部件的中间状态。Cybertruck的硬朗线条在站立时成为装甲，车灯变成脚趾；Ferrari F1赛车低矮狭窄，展开后却远超预期高度；Semi卡车则从驾驶室跪起，拖车自行卸下并折叠到机器人背部。整个演示强调机械结构的合理性和变形逻辑的严谨性，适合对变形金刚、机械设计和3D动画感兴趣的观众体验。',
        author: 'AUTO',
        openUrl: 'https://transformer.scottsun.io/',
        githubUrl: 'https://github.com/scottstts/Transformers',
        image: HOST + 'images/Transformers.webp',
      },
      {
        id: 'MengTokage',
        name: '夜间漫步体验',
        name_en: 'MengTokage',
        tip: '这是一个交互式五章节夜间漫步体验，背景设定在京都的山中寺庙，使用Three.js实时渲染并结合电影化生成的图像。随着页面滚动，WebGL相机会在寺庙中移动，场景包含程序化建筑、灯笼光、雾气、雨滴、飘落的树叶、朱红色月亮和克制的泛光效果。页面还叠加了编辑排版、生成场景板和保留透明通道的WebP前景元素，并配有章节导航、响应式移动布局、减少动态效果支持和自定义光标。整个项目是一个刻意保持小巧的静态网站，所有场景元素都在运行时构建，无需包管理器或构建步骤。它适合对沉浸式叙事、WebGL交互和日式美学感兴趣的观众，也提供了可移植的实现说明，方便他人重建或重新诠释这一体验。',
        author: 'AUTO',
        openUrl: 'https://mengto.github.io/kage/',
        githubUrl: 'https://github.com/MengTo/kage',
        image: HOST + 'images/MengTokage.webp',
      },
      {
        id: 'endless-train',
        name: '无尽火车',
        name_en: 'endless-train',
        tip: '这是一个基于 Three.js 构建的交互式艺术作品，呈现了一列在无尽轨道上行驶的火车。整个场景由代码实时生成，没有使用任何外部模型或贴图，所有几何体、材质和光影效果都通过程序化方式创建。核心功能是让观众沉浸在一段没有终点的旅程中，火车会持续向前行驶，窗外的风景不断变化，营造出一种宁静而略带超现实的氛围。适用场景包括个人欣赏、艺术展览、网页背景或作为 Three.js 学习者的参考案例。该项目由 Claude Opus 5.5 辅助开发，展示了 AI 在创意编程中的潜力。',
        author: 'AUTO',
        openUrl: 'https://endless-train.wasmer.app/',
        githubUrl: 'https://github.com/thebuggeddev/endless-train',
        image: HOST + 'images/endless-train.jpg',
      },
      {
        id: 'pc-anatomy',
        name: 'PC解剖探索',
        name_en: 'pc-anatomy',
        tip: 'PC Anatomy 是一个开源的三维探索工具，让你从整台 ATX 台式机开始，逐层拆解到单个 GPU 流式多处理器，甚至深入到 DDR5 内存模块中的晶体管和电容。所有多边形均由 TypeScript 和 three.js 实时生成，没有导入任何模型或贴图。大约 400 个可选组件都附有名称、描述、用途说明、规格和引用来源。你可以点击底部的 Auto 按钮观看自动拆解动画，或手动拖动时间轴控制进度。适用场景包括计算机硬件教学、DIY 装机参考、技术演示，以及作为 three.js 程序化建模的示例。',
        author: 'AUTO',
        openUrl: 'https://pc-anatomy.com/',
        githubUrl: 'https://github.com/Yoosseph/pc-anatomy',
        image: HOST + 'images/pc-anatomy.webp',
      }
    ],
  },
  {
    pid: 'threejsSource',
    name: '扩展依赖',
    name_en: 'Dependency',
    gid: 'ecologyExpand',
    group: '生态扩展',
    group_en: 'Ecology Expand',
    order: 60,
    children: [
      {
        id: 'r3f-webgpu-post-processing',
        name: 'WebGPU后期',
        name_en: 'r3f-webgpu-post-processing',
        tip: 'webgpu 后期渲染是一个用于演示如何在 React Three Fiber 中集成 Three.js WebGPU 渲染器并应用后期处理特效的示例项目。它通过一个非常简洁的 3D 场景，展示了 WebGPU 与 React 组件化开发结合的基本流程，以及如何为画面添加辉光、色调映射等后期效果，帮助开发者理解新一代图形 API 在 Web 端的实际用法。使用方式很简单，安装 Node.js 后把项目文件夹拖进 VS Code，在终端执行依赖安装并启动本地服务器，就能在浏览器中打开演示页面查看效果。项目由 Anderson Mancini 制作，作者欢迎使用者点星支持。它适合已经了解 React Three Fiber 基础、希望进一步学习 WebGPU 渲染与后期处理管线的开发者，也适合作为新项目搭建时的参考模板。',
        author: 'AUTO',
        openUrl: 'https://r3f-webgpu-post-processing.vercel.app/',
        githubUrl: 'https://github.com/ektogamat/r3f-webgpu-starter',
        image: HOST + 'images/r3f-webgpu-post-processing.webp',
      },
      {
        id: 'FluffyGrass',
        name: '蓬松草地',
        name_en: 'FluffyGrass',
        tip: '这是一个关于如何在 Three.js 中实现蓬松草地效果的项目，提供了简单且高性能的解决方案。核心功能是展示如何通过着色器和几何体技术创建逼真的草地渲染，适合学习 Three.js 高级渲染技巧的开发者。适用场景包括游戏开发、虚拟环境构建、自然场景模拟等，能够帮助开发者提升 3D 场景的视觉质量和性能。项目附带免费教程，适合中级到高级的 Three.js 用户学习。',
        author: 'AUTO',
        openUrl: 'https://fluffygrass.vercel.app/',
        githubUrl: 'https://github.com/thebenezer/FluffyGrass',
        image: HOST + 'images/FluffyGrass.webp',
      },
      {
        id: 'wawa-baking',
        name: '烘焙房间',
        name_en: 'wawa-baking',
        tip: '这是一个关于在 Three.js 中使用烘焙技术的教程项目，专注于室内场景的渲染优化。核心功能包括：提供 Blender 文件（烘焙前和烘焙后），演示如何通过烘焙光照贴图来提升渲染性能和质量。用户可以通过视频教程学习烘焙流程，并将技术应用于自己的 3D 场景中。适用场景包括建筑可视化、室内设计、游戏场景等需要高质量光照和性能优化的项目。适合有一定 Three.js 和 Blender 基础的开发者学习。',
        author: 'AUTO',
        openUrl: 'https://baking.wawasensei.dev/',
        githubUrl: 'https://github.com/wass08/r3f-baking',
        image: HOST + 'images/wawa-baking.webp',
      },
      {
        id: 'codrops-noise-transition',
        name: '易拉罐过渡',
        name_en: 'codrops-noise-transition',
        tip: '这是一个基于 WebGL 的视觉实验项目，主要探索两种效果：3D 易拉罐模型上的纹理过渡，以及程序化径向噪声场。模型表面的纹理会垂直过渡，接缝处带有噪声效果，背景中则有一圈脉冲噪声从中心向外扩散，一直延伸到屏幕边缘之外。项目使用 Three.js 构建 3D 场景，通过着色器实现噪声与纹理混合，适合用于学习 WebGL 着色器编程、纹理过渡动画和程序化噪声生成。安装依赖后运行开发命令即可在本地启动，构建命令可生成生产版本。适用场景包括创意网页背景、产品展示动画、品牌视觉实验，以及希望研究噪声场与 3D 模型材质过渡的开发者参考。',
        author: 'AUTO',
        openUrl: 'https://tympanus.net/Development/TextureTransition/',
        githubUrl: 'https://github.com/mohAmineBrs/codrops-noise-transition/',
        image: HOST + 'images/codrops-noise-transition.webp',
      },
      {
        id: 'hologram-particles',
        name: '全息粒子',
        name_en: 'hologram-particles',
        tip: 'Hologram Particles VFX 是一个基于 Three.js WebGPU 和 TSL 节点着色器构建的实时全息粒子特效项目，可将任意 GLB 模型转化为由 60,000 个实例化球体组成的动态全息粒子云。核心功能包括：GPU 计算物理模拟、鼠标交互驱动的粒子运动、模型变形过渡、以及通过 GUI 实时调整粒子数量、光照、噪声位移等参数。所有着色器逻辑均使用 JavaScript 编写，无需 GLSL。适用场景包括交互式 3D 网页、数据可视化、艺术装置和游戏特效开发，尤其适合希望学习 WebGPU 粒子系统和 TSL 着色器的开发者。',
        author: 'AUTO',
        openUrl: 'https://hologram-particles.vercel.app/',
        githubUrl: 'https://github.com/cortiz2894/hologram-particles',
        image: HOST + 'images/hologram-particles.webp',
      },
      {
        id: 'three-fenestra',
        name: '室内映射着色',
        name_en: 'three-fenestra',
        tip: '这是一个面向 Three.js 的室内映射着色器，作为 MeshStandardMaterial 的子类，能在扁平的窗户平面上通过视差效果伪造出具有纵深感的 3D 房间，并可选配 PBR 前层来表现窗帘、百叶窗、窗棂和玻璃污渍。它保留了 2008 年 Joost van Dongen 提出的廉价光线步进核心，同时叠加了现代建筑渲染所需的细节：背面房间图集、带法线/粗糙度/金属度贴图的前景叠加层、让窗帘在夜晚透出暖光的透射项、供昼夜控制器使用的统一变量、基于窗口种子在 GPU 端生成的逐窗灯光（亮/暗、暖/冷、亮度抖动），以及实例化模式，让成千上万个窗户在单次绘制调用中渲染。它还支持 LOD 混合，在远处塌缩为平面替身，便于与廉价远景立面交叉淡入。适用于任何已使用 Three 标准光照的场景，可无缝合成，适合建筑可视化、城市夜景和需要大量窗户细节的实时应用。',
        author: 'AUTO',
        openUrl: 'https://three-fenestra.codedgar.com/',
        githubUrl: 'https://github.com/codedgar/three-fenestra',
        image: HOST + 'images/three-fenestra.webp',
      },
      {
        id: 'webgpu-perf',
        name: '性能监控',
        name_en: 'webgpu-perf',
        tip: '这是一个专为 React Three Fiber 应用设计的性能监控组件，兼容 WebGL 和 WebGPU 渲染器。它能够实时显示 FPS、GPU 和 CPU 使用率，并通过圆形仪表、动态图表和可选的显存估算条直观呈现。面板支持亮暗主题切换、紧凑或展开视图，并可最小化为角落圆点，避免遮挡场景。在 WebGL 下从 gl.info 收集数据，在 WebGPU 下则通过场景遍历获取统计信息。适用于使用 R3F 开发 3D 应用的开发者，帮助快速定位性能瓶颈，优化渲染效率。',
        author: 'AUTO',
        openUrl: 'https://r3f-webgpu-perf.vercel.app/',
        githubUrl: 'https://github.com/ektogamat/r3f-webgpu-perf',
        image: HOST + 'images/webgpu-perf.webp',
      },
      {
        id: 'Lens-Flare',
        name: '镜头光晕',
        name_en: 'Lens-Flare',
        tip: '这是一个为 React Three Fiber 打造的终极镜头光晕效果组件，基于 EffectComposer 实现。它模拟了光线通过镜头边缘时产生的光学色散现象，能够生成圆形或六边形的光斑、星芒、眩光和鬼影等效果，特别适合为场景中的太阳光或强光源添加梦幻般的视觉冲击。用户可以通过直观的界面实时调整亮度、星芒数量、眩光大小、鬼影强度等参数，并即时预览效果。该组件适用于需要增强画面氛围的 3D 项目，如游戏、产品展示或艺术创作，让作品更具电影感和吸引力。',
        author: 'AUTO',
        openUrl: 'https://ultimate-lens-flare.vercel.app/',
        githubUrl: 'https://github.com/ektogamat/R3F-Ultimate-Lens-Flare',
        image: HOST + 'images/Lens-Flare.webp',
      },
      {
        id: 'openThree',
        name: '开源三维社区',
        name_en: 'openThree',
        tip: '开源三维是一个专注于Three.js和Cesium.js的Web3D案例分享与学习社区，汇集了大量三维开发示例，涵盖从基础到高级的各种应用场景。核心功能包括提供最新案例仓库、在线预览、投稿分享、开发者交流与合作，并支持分布式仓库开发模式，方便开发者贡献自己的作品。适用场景包括三维开发者学习参考、项目展示、技术交流、接单创业以及加入管理团队。该资源为爱发电，持续更新，旨在促进Web3D知识的记录、复习回顾和高效查阅，是三维开发者的宝贵资源库。',
        author: 'AUTO',
        openUrl: 'https://z2586300277.github.io/three-cesium-examples',
        githubUrl: 'https://github.com/z2586300277/three-cesium-examples',
        image: HOST + 'images/openThree.webp',
      },
      {
        id: '3d_tools',
        name: '3D工具集',
        name_en: '3d_tools',
        tip: '3D相关工具集是一个提供多种在线3D处理工具的集合，包括GLB模型压缩、线条模型生成、重叠面移除以及PPT转3D查看等功能。这些工具旨在帮助开发者快速处理3D模型和资源，提升工作效率。适用场景包括3D模型优化、格式转换、模型清理以及演示文档的3D化展示，适合三维开发者、设计师和内容创作者使用。所有工具均可通过网页直接访问，无需安装额外软件。',
        author: 'AUTO',
        openUrl: 'https://z2586300277.github.io/3d_tools/',
        githubUrl: 'https://github.com/z2586300277/3d_tools',
        image: HOST + 'images/3d_tools.webp',
      },
      {
        id: 'ecctrl_ecctrl',
        name: '物理控制器',
        name_en: 'ecctrl_ecctrl',
        tip: 'Ecctrl是一个基于物理驱动的角色、车辆、无人机和自定义重力控制器工具包，专为React Three Fiber和Rapier设计。核心功能包括ShapeCast角色控制器、扭矩驱动汽车、推力驱动无人机、触摸控制、运行时动画状态和可编辑物理曲线。适用场景包括游戏开发、虚拟仿真、交互式3D应用等，尤其适合需要复杂物理交互和自定义重力环境的项目。提供实时演示和详细文档，方便开发者快速集成和调试。',
        author: 'AUTO',
        openUrl: 'https://ecctrl.app/',
        githubUrl: 'https://github.com/pmndrs/ecctrl',
        image: HOST + 'images/ecctrl_ecctrl.webp',
      },
      {
        id: 'collider-forge',
        name: '碰撞体制作',
        name_en: 'collider-forge',
        tip: 'collider-forge 是一个面向三维场景碰撞体制作的可视化工具，主要解决在浏览器中为 glTF 模型、3D Tiles 以及 Gaussian Splat 点云快速生成碰撞网格并导出的问题。它支持加载本地或远程的 .glb、.gltf 模型，也能通过 URL 加载 3D Tiles tileset，或借助 Cesium Ion 加载 Google 3D Tiles。核心功能包括从模型几何自动生成合并后的 trimesh 碰撞体，使用 Spark 预览 .ply、.spz、.splat、.ksplat 和打包版 .sog 点云文件，并从 Spark 解码结果中提取点坐标，通过可调 Poisson depth 重建碰撞体。用户还可以导入已有的 collider .glb，并将生成的碰撞体导出为 .glb，导出时可选 Draco 压缩，并支持选择 Cesium 常用的 Z-up 或 gl',
        author: 'AUTO',
        openUrl: 'https://github.com/hh-hang/collider-forge',
        githubUrl: 'https://github.com/hh-hang/collider-forge',
        image: HOST + 'images/collider-forge.webp',
      },
      {
        id: 'threejswaterpro',
        name: '水面效果库',
        name_en: 'threejswaterpro',
        tip: 'threejswaterpro 是一个基于 Three.js 的水面效果库，用于在网页中创建逼真的水体渲染。它提供了高级的水面模拟功能，包括反射、折射、波浪、焦散和泡沫等效果，能够显著提升三维场景的视觉质量。该库通常用于游戏、虚拟现实、建筑可视化和互动媒体等需要真实感水面的项目。通过简单的 API，开发者可以快速将水面添加到 Three.js 场景中，并调整参数如波浪高度、速度、颜色和透明度等。threejswaterpro 可能还支持与 Three.js 的后期处理、光照和阴影系统集成，以实现更逼真的效果。它适用于需要高质量水面渲染的 WebGL 应用，尤其是那些追求视觉沉浸感的项目。由于材料有限，具体功能可能包括动态波浪、环境反射、深度雾效和性能优化等。',
        author: 'AUTO',
        openUrl: 'https://www.threejswaterpro.com/',
        githubUrl: 'https://github.com/dgreenheck/webgpu-water',
        image: HOST + 'images/threejswaterpro.webp',
      },
      {
        id: 'lego-stylized-nature',
        name: 'TSL学习模板',
        name_en: 'lego-stylized-nature',
        tip: '这是一个用于学习和练习Three.js着色语言（TSL）的极简模板，基于Three.js和WebGPU。它提供了一个干净的起点，帮助开发者快速上手TSL，无需从零搭建项目。模板包含基本的项目结构和配置，使用npm进行依赖管理和运行，支持开发服务器和生产构建。通过这个模板，你可以专注于编写TSL着色器代码，探索节点材质、程序化纹理和实时渲染效果。适用场景包括学习TSL语法、实验自定义着色器、开发风格化自然场景（如乐高风格）以及原型设计。模板附带了官方文档、问答、节点列表和TSL纹理库等资源链接，方便深入查阅。无论你是想了解WebGPU渲染管线，还是想创建独特的视觉风格，这个模板都能提供轻量且高效的基础。',
        author: 'AUTO',
        openUrl: 'https://lego-stylized-nature.vercel.app/',
        githubUrl: 'https://github.com/hexianWeb/lego-stylized-nature',
        image: HOST + 'images/lego-stylized-nature.webp',
      },
      {
        id: 'collectivetrajectories',
        name: '轨迹可视化',
        name_en: 'collectivetrajectories',
        tip: '这是一个基于 Three.js WebGPU 与 TSL GPGPU 实现的实时可视化作品，核心表现是从球体中心向表面随机辐射的丝状轨迹。每条丝线从中心延伸至球面，并随半径增大而受旋度噪声影响产生弯曲，形成波动般的细丝效果；亮度脉冲沿线条向外流动，营造出向外发散的感觉，同时亮度包络呈 U 形，在起点与终点较亮、中段较暗，避免线条断裂。当脉冲抵达球面时，会从该点沿球面扩散出同心涟漪。部分丝线会随机延伸至球面之外并以半亮度淡出。场景还包含静态点壳与中心黑色线框核心球以增强深度感，启动时线条依次从中心生长，外圈点壳半径会随背景音频电平脉动。适用场景包括生成艺术、音频可视化、WebGPU 技术演示与交互式视觉装置。',
        author: 'AUTO',
        openUrl: 'https://jeonghopark.de/collectivetrajectories/',
        githubUrl: 'https://github.com/jeonghopark/Collective-Trajectories',
        image: HOST + 'images/collectivetrajectories.jpg',
      },
      {
        id: 'threejsskypro',
        name: '天空渲染',
        name_en: 'threejsskypro',
        tip: '这是一个基于 Three.js 的天空渲染项目，主要用于在浏览器中生成逼真或风格化的天空效果。由于材料有限，具体功能细节无法完全确认，但根据名称与常见实现推测，它可能提供天空盒、大气散射、太阳与云层等视觉元素的渲染能力，并支持参数调节以适应不同时间与天气氛围。适用场景包括三维场景中的环境背景搭建、游戏或虚拟现实中的天空系统、以及作为学习 Three.js 着色器与天空模拟的参考示例。开发者可将其集成到现有 Three.js 项目中，快速获得高质量的天空表现。',
        author: 'AUTO',
        openUrl: 'https://threejsskypro.com/',
        githubUrl: 'https://github.com/threejsskypro/threejsskypro',
        image: HOST + 'images/threejsskypro.webp',
      },
      {
        id: 'silhouette-pom',
        name: '轮廓视差遮罩',
        name_en: 'silhouette-pom',
        tip: '这是一个基于Three.js WebGPU和TSL（Three.js Shading Language）实现的轮廓视差遮蔽映射（Silhouette Parallax Occlusion Mapping）技术演示。核心功能是通过光线步进高度图并利用alpha测试路径裁剪轮廓，使浮雕效果能够超出几何体边界，模拟现代AAA游戏中常见的壳映射表面效果。所有高度图均在启动时程序化生成，无需纹理资源。适用场景包括需要高细节表面渲染的3D应用，如游戏开发、建筑可视化、产品展示等，尤其适合在WebGPU环境下追求高性能和逼真效果的场景。',
        author: 'AUTO',
        openUrl: 'https://skyeshark.github.io/threejs-silhouette-pom/',
        githubUrl: 'https://github.com/SkyeShark/threejs-silhouette-pom',
        image: HOST + 'images/silhouette-pom.webp',
      },
      {
        id: 'challenge-geo',
        name: '几何节点工作流',
        name_en: 'challenge-geo',
        tip: '这是一个受 Blender 几何节点启发的 Three.js 项目，旨在通过节点式工作流在网页中生成和操控三维几何体。它允许用户以可视化方式连接不同节点，实时调整参数，从而创建复杂的几何形状和动态效果。核心功能包括节点编辑器、实时预览和参数化建模，适合对程序化生成、三维图形编程感兴趣的开发者或设计师。适用场景包括学习 Three.js 与几何节点概念、快速原型设计、以及创建交互式三维演示。项目提供了在线演示，方便直接体验。',
        author: 'AUTO',
        openUrl: 'https://x-challenge-geo.vercel.app/',
        githubUrl: 'https://github.com/wehwayne2/x-challenge-geo',
        image: HOST + 'images/challenge-geo.webp',
      },
      {
        id: 'TerrainStudio',
        name: '地形生成器',
        name_en: 'TerrainStudio',
        tip: 'Terrain Studio 是一个程序化地形生成器，基于 Vite、React 和 Three.js 构建，使用原始 WebGL ShaderMaterial 实现。它忠实复现了 terrains.zyfod.dev 的功能，复用其 GLSL 着色器代码，确保相同种子生成相同世界。核心功能包括：7 种地形预设、9 种噪声预设、气候与生物群系调节、15 种调色板、动态水面涟漪、太阳方位与雾效等环境控制，以及轨道相机和 PNG 导出。适用于游戏开发、虚拟场景构建、地理可视化教学等需要快速生成逼真地形的场景。',
        author: 'AUTO',
        openUrl: 'https://terrains.zyfod.dev/',
        githubUrl: 'https://github.com/nalbam/TerrainStudio',
        image: HOST + 'images/TerrainStudio.webp',
      },
      {
        id: 'lowpoly-tree-generator',
        name: '低多边形树生成',
        name_en: 'lowpoly-tree-generator',
        tip: 'lowpoly-tree-generator 是一个参数驱动的 Three.js 生成器，用于创建具有棱柱树干、板根、主次分支和簇状低多边形树冠的树木模型。它通过 CSG 焊接木材实体，并附加树冠簇而不进行布尔运算，最终生成一个带顶点颜色的索引几何体。该包是 Rand Monster Tree Forge 编辑器的开源几何、动画和控制器核心，提供了可重用的场景无关实现。核心功能包括：通过 createLowpolyTreeRecipe 定义参数（如弯曲度、根数量、分支数、树冠簇数等），使用 buildLowpolyTreeGeometry 生成几何体，并支持三角形预算控制；提供预览几何体构建、树冠几何体构建、扫描管几何体构建以及三角形计数、连通组件计数和几何体审计等工具函数。此外，还包含六种生产导向的树形原型（如 ancientGuardian、windCrownedSentinel 等）',
        author: 'AUTO',
        openUrl: 'https://rand.monster/editor/tree',
        githubUrl: 'https://github.com/rand-monster/lowpoly-tree-generator',
        image: HOST + 'images/lowpoly-tree-generator.webp',
      },
      {
        id: 'gltf-optimizer',
        name: '模型压缩',
        name_en: 'gltf-optimizer',
        tip: 'GLTF Optimizer 是一个用于优化 glTF 模型的工具，目前仅支持 .glb 文件，未来将支持 .gltf。它通过 Draco 压缩和将纹理转换为 WebP 格式来减小模型体积，提升加载性能。核心功能包括：使用 glTF-Transform 进行 Draco 压缩，以及利用 webp-converter-browser 将纹理转换为 WebP。该工具提供 Node.js 和浏览器端的 API，也支持 CLI 命令行使用。在 Node.js 中，可以读取 .glb 文件并输出优化后的文件；在浏览器中，可以直接处理用户上传的模型并下载。CLI 支持指定输入输出路径、自定义文件名、调整自发光强度、选择 Draco 压缩方法等选项。适用场景包括游戏开发、Web 3D 应用、AR/VR 等需要优化模型加载速度和减少带宽占用的项目。',
        author: 'AUTO',
        openUrl: 'https://gltf-optimizer.simondev.io/',
        githubUrl: 'https://github.com/juunini/gltf-optimizer',
        image: HOST + 'images/gltf-optimizer.webp',
      },
      {
        id: 'SeedOcean',
        name: 'FFT海洋系统',
        name_en: 'SeedOcean',
        tip: 'SeedOcean 是一个开源的 Three.js FFT 海洋系统，优先支持 WebGPU，并回退到 WebGL2。它提供逼真的海洋模拟，包含持久泡沫、20 种海况预设（如沿海、热带、极地、生物发光等）、浮力、水下效果、喷雾和雨。核心功能包括 FFT 海洋模拟、泡沫平流、256² 质量模式、TypeScript 类型、Web 组件、无头设计 API 以及 WebGL2/Gerstner 回退。适用于游戏开发、虚拟场景、海洋可视化等需要动态海洋效果的 Three.js 项目。',
        author: 'AUTO',
        openUrl: 'https://reed-soul.github.io/SeedOcean/',
        githubUrl: 'https://github.com/reed-soul/SeedOcean',
        image: HOST + 'images/SeedOcean.webp',
      },
      {
        id: 'three-auto',
        name: '场景辅助库',
        name_en: 'three-auto',
        tip: 'three-auto 是一个用于快速搭建 Three.js 场景的辅助库，它通过默认配置自动处理相机、渲染器等基础类的初始化，让开发者无需手动声明这些繁琐的组件。你只需要提供一个 canvas 元素或虚拟 DOM 节点，即可创建 ThreeAuto 实例，然后像平常一样添加几何体、材质和网格。它内置了时间管理模块，通过 tick 事件可以方便地实现动画循环。该库还提供了丰富的功能支持，包括坐标轴辅助、物理引擎、GUI 编辑工具、多种图表类型（曲线、柱状图、饼图、地图）、环境贴图、图例、自定义渲染通道、动画混合器、CSS2D/3D 渲染器、提示工具、阴影以及射线检测等。适用于需要快速原型开发、数据可视化或交互式 3D 场景的开发者，尤其适合那些希望减少样板代码、专注于业务逻辑的前端工程师。',
        author: 'AUTO',
        openUrl: 'https://three-auto.vercel.app/',
        githubUrl: 'https://github.com/flowers-10/three-auto',
        image: HOST + 'images/three-auto.webp',
      },
      {
        id: 'waterProThree',
        name: '实时海洋渲染',
        name_en: 'waterProThree',
        tip: '这是一个基于Three.js打造的生产级实时海洋渲染项目，同时支持水面之上和水面之下的视角，所有效果完全程序化生成，不依赖任何贴图或外部资源。核心功能包括频谱Gerstner波浪场、屏幕空间反射、三层滚动细节法线、基于物理的着色、次表面散射、太阳闪光以及分层泡沫，还提供可切换的体积云和完整的时间天气控制。水面之下有沙滩岛屿高度场、浅水焦散和基于深度的折射吸收，让近岸呈现清澈的绿松石色并逐渐过渡到深海的饱和暗色。天空、云层和反射共享同一套解析大气模型，保证地平线始终一致。适合需要高质量海洋场景的图形开发者、技术美术和Three.js学习者参考，也适合作为游戏或可视化项目中的水体方案。',
        author: 'AUTO',
        openUrl: 'https://g2657.github.io/examples-server/waterPro/',
        githubUrl: 'https://github.com/achrefelouafi/WaterThreeJS',
        image: HOST + 'images/waterProThree.webp',
      },
      {
        id: 'ProceduralTerrains',
        name: '地形创作工具',
        name_en: 'ProceduralTerrains',
        tip: '这是一个面向浏览器的GPU驱动地形创作工具，基于React、Vite和Three.js构建，同时提供Unity和Blender的原生集成。高度、法线和生物群系颜色都在GPU上实时求值，因此编辑时无需依赖烘焙好的CPU高度图，所见即所得。核心功能包括可平铺地形板、无限世界流式区块、立方球体星球生成、可序列化的噪声栈、真实世界高程导入、水体与大气效果，以及面向Unity、Unreal、Godot、Blender和Three.js的导出预设。项目支持本地优先的版本化项目保存、缩略图和模板，无需账号即可使用。适合游戏开发者、环境艺术家和地形爱好者快速搭建从局部场景到整颗星球的地形，也适合需要把程序化地形导入到Unity或Blender工作流中的用户。',
        author: 'AUTO',
        openUrl: 'https://terrains.zyfod.dev/',
        githubUrl: 'https://github.com/ZyFou/ProceduralTerrains',
        image: HOST + 'images/ProceduralTerrains.webp',
      },
      {
        id: 'three-low-poly',
        name: '低多边形建模',
        name_en: 'three-low-poly',
        tip: '这是一个为Three.js提供低多边形程序化建模与参数化几何工具的开源库，延续了Three.js一贯的构造方式，用选项对象创建几何体后直接搭配材质和网格使用。核心内容包括参数化的BufferGeometry子类，例如星形几何体，以及工厂函数如散布苔藓岩石，它们通过合并几何、材质分组和实例化让密集的程序化场景保持批处理友好。库中还提供雨效等大气效果，按经过的秒数动画，只需加入场景并在每帧调用更新即可。项目附带完整的示例画廊，涵盖几何、工厂、参考和研究等类别。适合希望快速生成低多边形风格场景的Three.js开发者、游戏原型制作者和教学演示者，也适合需要程序化植被、岩石或天气效果的项目。',
        author: 'AUTO',
        openUrl: 'https://jasonsturges.com/three-low-poly/',
        githubUrl: 'https://github.com/jasonsturges/three-low-poly',
        image: HOST + 'images/three-low-poly.webp',
      },
      {
        id: 'GrassSystemThreeJS',
        name: '土壤沙盒',
        name_en: 'GrassSystemThreeJS',
        tip: 'GrassSystemThreeJS 是一个基于 Three.js 的实时程序化土壤沙盒，尽管仓库名为 GrassSystemThreeJS，但已发展成完整的土壤/地形工作室。它通过 GPU 驱动一个位移地面平面，生成起伏的土丘、干裂纹路和苔藓覆盖，并支持 GPU 实例化草地，每片草叶在顶点着色器中放置、卷曲并随风动画，与地形高度场实时贴合。用户可以通过屏幕控制面板调整土壤形状、苔藓覆盖、草地密度、风场参数等。此外，它还包含体积云、景深、泛光和电影级调色等后处理效果，并支持导入 GLB 模型（如生锈汽车或保时捷 911），模型朝上的面会自动累积苔藓层。该工具适用于需要高度自定义自然地形和植被的实时 3D 场景，如游戏、虚拟环境或视觉特效预览。',
        author: 'AUTO',
        openUrl: 'https://github.com/achrefelouafi/GrassSystemThreeJS',
        githubUrl: 'https://github.com/achrefelouafi/GrassSystemThreeJS',
        image: HOST + 'images/GrassSystemThreeJS.webp',
      },
      {
        id: 'SnowSystemThreeJS',
        name: '雪景工作室',
        name_en: 'SnowSystemThreeJS',
        tip: 'SnowSystemThreeJS 是一个基于 Three.js 的全程序化雪景工作室，作为 Rain System 的冬季对应版本。它复用了相同的沥青 PBR 纹理、电影级灯光设置和后处理堆栈，但将雨和积水替换为降雪和地面积雪。核心功能包括 GPU 实例化的雪花，每片雪花缓慢飘落并带有八字形摆动，随风漂移，且雪场围绕相机无限延伸。积雪着色器使用世界空间中的 FBM 噪声遮罩决定沥青上积雪的位置，积雪区域的反照率变为冷白色，粗糙度变为哑光，表面产生柔和的雪堆起伏，并散布闪烁的冰晶。用户可以通过 lil-gui 控制材质、地面积雪、降雪、风、灯光以及电影级相机/景深/效果。该工具适用于创建逼真的冬季场景，如游戏环境、建筑可视化或氛围渲染。',
        author: 'AUTO',
        openUrl: 'https://g2657.github.io/SnowSystemThreeJS/',
        githubUrl: 'https://github.com/achrefelouafi/SnowSystemThreeJS',
        image: HOST + 'images/SnowSystemThreeJS.webp',
      },
      {
        id: 'BuildingGeneratorThreeJS',
        name: '香港建筑生成',
        name_en: 'BuildingGeneratorThreeJS',
        tip: 'BuildingGeneratorThreeJS 是一个用于 Three.js 的程序化香港建筑生成器，移植自 Blender 几何节点设置。它通过逆向工程原始的 592 节点“构建系统”节点组，将其转化为 TypeScript 放置算法，并将约 190 个建筑部件（墙壁、窗户、空调外机、晾衣架、店面、屋顶道具等）导出为单个实例化资产套件。所有 18 个生成器参数（楼层、占地面积、空调/晾衣架/灯光概率、窗户类型和打开程度、窗帘、商店状态、种子、低多边形切换等）都通过实时滑块暴露。用户可以通过 npm 安装并运行开发服务器，实时调整参数生成多样化的香港风格建筑。该工具适用于需要快速生成大量独特建筑的城市模拟、游戏开发或建筑可视化项目，尤其适合表现高密度、杂乱且富有生活气息的亚洲城市景观。',
        author: 'AUTO',
        openUrl: 'https://github.com/achrefelouafi/BuildingGeneratorThreeJS',
        githubUrl: 'https://github.com/achrefelouafi/BuildingGeneratorThreeJS',
        image: HOST + 'images/BuildingGeneratorThreeJS.webp',
      },
      {
        id: 'threeui',
        name: 'ThreeUI社区版',
        name_en: 'threeui',
        tip: 'threeui 是 ThreeUI 的开源社区版，提供免登录的组件浏览与文档体验。它沿用主项目的应用外壳、布局、导航、搜索、主题切换、响应式行为以及实时渲染器、控件、变体选择器和源码标签页，仅移除了 Pro 与 Beta 组件，保留全部免费变体与控件。核心功能包括 50 个社区父组件、111 条路由、141 条免费变体记录及 23 个单例组件，总计 164 个浏览结果，并附带完整实现源码与所需资源。适用场景为前端开发者快速查找、预览和复用 Three.js 相关 UI 组件，适合学习、原型搭建与开源项目集成，无需账户或结账流程即可直接使用。',
        author: 'AUTO',
        openUrl: 'https://threeui.com/',
        githubUrl: 'https://github.com/MengTo/threeui',
        image: HOST + 'images/threeui.webp',
      },
      {
        id: 'beautiful-water',
        name: '电影感浅海',
        name_en: 'beautiful-water',
        tip: '这是一个用 Three.js 渲染的全屏电影感浅海环境，把方向性程序化波浪频谱与基于物理的表面光照结合起来，场景中还有一个会随波浪起伏的导航浮标和可探索的水下栖息地。默认使用 WebGPU 渲染器，场景内提供持久的 WebGL 切换开关，当浏览器不支持原生 WebGPU 时会自动回退到 WebGL 2。项目还包含自动化视觉回归测试和性能自适应机制。整个项目从最初的水面原型到双渲染器、水下行为、视觉回归和发布，是在两天的人机协作中完成的，因此它既是一个漂亮的公开图形演示，也可作为软件工作量估算的透明校准案例。适合对实时水面渲染、WebGPU 与 WebGL 双后端以及图形性能优化感兴趣的开发者参考。',
        author: 'AUTO',
        openUrl: 'https://victorzakharov.github.io/beautiful-water/',
        githubUrl: 'https://github.com/VictorZakharov/beautiful-water',
        image: HOST + 'images/beautiful-water.webp',
      },
      {
        id: 'Ai-three-ui',
        name: 'ThreeUI社区版',
        name_en: 'Ai-three-ui',
        tip: '这是 ThreeUI 的开源免登录社区版，与主项目共享相同的应用外壳、布局、导航、浏览网格、搜索、主题、响应式行为、组件页面、实时渲染器、控件、变体选择器和源码标签页，唯一的产品级区别是目录中移除了 Pro 和 Beta 组件，每个社区组件保留其全部免费变体和控件。核心功能包括：浏览 50 个社区父组件和 111 条社区路由；查看 141 条免费变体记录以及 23 个单例组件，共 164 个浏览结果；访问完整的社区实现源码和所需资产；无需认证、账户状态或结账运行时。适用场景主要是前端与 3D 界面开发者寻找可复用的 Three.js 组件、学习组件实现方式，以及快速搭建三维交互界面原型。项目还提供赞助计划，包括每月 500 美元的生态赞助、1500 美元的精选赞助和 3000 美元的终极赞助，分别对应 GitHub README 横幅、网站文档侧边栏横幅以及固定范围集成项目等权益。赞助不保',
        author: 'AUTO',
        openUrl: 'https://threeui.com/browse',
        githubUrl: 'https://github.com/MengTo/threeui',
        image: HOST + 'images/Ai-three-ui.webp',
      }
    ],
  },
  {
    pid: 'framework',
    name: '相关框架',
    name_en: 'Frame Work',
    gid: 'ecologyExpand',
    group: '生态扩展',
    group_en: 'Ecology Expand',
    order: 60,
    children: [
      {
        id: 'pixijs',
        name: 'PixiJS引擎',
        name_en: 'pixijs',
        tip: 'PixiJS 是一个面向 Web 的下一代高性能 2D 渲染引擎，基于 WebGL 与 WebGPU 构建，能够在各类设备上流畅运行，帮助开发者创建丰富的交互式图形和跨平台应用。它的核心优势在于极快的渲染速度和轻量级设计，同时提供简洁而强大的 API。主要功能包括资源加载器、完整的鼠标与多点触控支持、灵活的文字渲染、多样的基础图形与 SVG 绘制、动态纹理、遮罩、强大的滤镜以及高级混合模式。使用方式非常简便，可以通过 npm create pixi.js@latest 快速创建项目，或在现有项目中安装后引入 Application、Assets、Sprite 等模块，初始化应用、加载纹理、创建精灵并添加到舞台，再通过 ticker 实现逐帧动画。PixiJS 适合需要高性能 2D 图形渲染的网页游戏、数据可视化、互动广告和富媒体应用等场景。',
        author: 'AUTO',
        openUrl: 'https://pixijs.com/showcase',
        githubUrl: 'https://github.com/pixijs/pixijs',
        image: HOST + 'images/pixijs.webp',
      },
      {
        id: 'MisterPrada',
        name: '3D网页模板',
        name_en: 'MisterPrada',
        tip: 'MisterPrada 是一个基于 Three.js 的 3D 网页模板，旨在帮助开发者快速搭建交互式三维场景。该模板的核心功能是提供一套完整的项目结构和基础配置，用户只需运行 npm i 安装依赖，再执行 npm run dev 即可启动本地开发服务器，实时预览效果。它适用于需要快速原型设计、学习 Three.js 或构建轻量级 3D 网页应用的场景，尤其适合前端开发者和创意技术爱好者。模板本身不包含复杂业务逻辑，而是专注于提供可扩展的起点，方便用户在此基础上添加自定义模型、动画或交互。通过简单的命令行操作，即可在浏览器中查看三维内容，降低了 Three.js 的入门门槛。',
        author: 'AUTO',
        openUrl: 'https://github.com/MisterPrada',
        githubUrl: 'https://github.com/MisterPrada/singularity',
        image: HOST + 'images/MisterPrada.webp',
      },
      {
        id: 'anatomy-atelier',
        name: '全栈起步模板',
        name_en: 'anatomy-atelier',
        tip: '这是一个基于 vinext 的全栈起步模板，提供干净的项目结构，并可选支持 Cloudflare D1 数据库和 Drizzle ORM。核心功能包括：在 app 目录下编辑站点代码；通过 .openai/hosting.json 声明可选的 Sites D1 和 R2 绑定；vite.config.ts 在本地开发时模拟这些绑定；db/schema.ts 初始为空，便于按需定义数据表；examples/d1 提供可选的 D1 示例；drizzle.config.ts 支持本地迁移生成。模板还内置了工作区认证头处理，可读取当前用户的邮箱和可选全名，并提供 ChatGPT 登录辅助函数，支持可选或强制登录。适用场景包括：需要快速搭建全栈 Web 应用原型的开发者、希望集成 Cloudflare D1 和 Drizzle 的项目、以及需要工作区用户认证和 ChatGPT 登录能力的站点。适合作',
        author: 'AUTO',
        openUrl: 'https://anatomy-livid.vercel.app/',
        githubUrl: 'https://github.com/thebuggeddev/anatomy',
        image: HOST + 'images/anatomy-atelier.webp',
      }
    ],
  },
  {
    pid: 'aiTools',
    name: 'AI工具',
    name_en: 'AI Tools',
    order: 80,
    children: [
      {
        id: 'articraft',
        name: 'AI铰接建模',
        name_en: 'articraft',
        tip: 'Articraft 是一个从文本提示生成和查看铰接式 3D 资产的工具，包含生成代码、查看器、SDK 和命令行工具。它能够根据用户输入的提示自动创建带有骨骼或关节结构的 3D 模型，并支持在本地查看器中交互式查看。核心功能包括：通过 API 调用生成模型、使用命令行工具管理资产库、以及通过 SDK 集成到其他应用。适用场景包括游戏开发、动画制作、机器人仿真等需要快速生成可动 3D 模型的领域。该项目已由新仓库取代，但旧版本仍可使用。注意：运行生成的模型文件时会执行 Python 代码，请仅从可信来源获取资产。',
        author: 'AUTO',
        openUrl: 'https://articraft3d.github.io/#overview',
        githubUrl: 'https://github.com/mattzh72/articraft',
        image: HOST + 'images/articraft.webp',
      },
      {
        id: 'HiCAD',
        name: 'AI参数化CAD',
        name_en: 'HiCAD',
        tip: '这是一个 AI 驱动的参数化 3D CAD 建模平台，你只需用自然语言描述想法，就能在秒级生成可 3D 打印的参数化模型。它采用双阶段精准建模策略，针对机械臂、坦克等复杂模型先做意图分析再生成确定性代码，实现零定位误差。生成的模型通过 WebWorker 驱动实时 3D 预览，配合 Three.js 提供三百六十度旋转交互，几乎零卡顿。内置 Monaco 代码编辑器带来语法高亮与智能补全，参数化控制面板让你用滑块实时调节模型尺寸，所见即所得。模型可一键导出为 STL 或 OBJ，直接导入切片软件开始打印。平台还提供模板市场，可浏览、使用并发布社区共享的参数化模板，并支持生成分享链接让他人免登录预览。多 AI 适配器支持 DeepSeek、OpenAI 与 Qwen，改一行环境变量即可切换。适合创客、设计师与工程师快速把创意转化为可打印的实体模型。',
        author: 'AUTO',
        openUrl: 'https://hicad.mvtable.com/',
        githubUrl: 'https://github.com/MrXujiang/HiCAD',
        image: HOST + 'images/HiCAD.webp',
      },
      {
        id: 'ApexForge',
        name: 'AI建模工作台',
        name_en: 'ApexForge',
        tip: 'ApexForge 是一个 AI 驱动的实时 3D CAD 与参数化建模工作台，旨在让产品经理、设计师和开发者无需打开复杂的 3D 软件，仅通过自然语言描述就能快速生成可预览、可调参、可继续工程化的 3D 原型。其核心功能包括：输入如“复古便携式收音机”等描述，由 LLM 输出结构化参数，前端模型工厂稳定生成几何结构；支持 DeepSeek、Kimi、千问等多模型供应商，并允许在页面左侧直接配置 API Key；基于 Three.js 实现浏览器内实时渲染、光照、阴影和轨道控制；支持导入 GLB、GLTF、OBJ、STL 等常见格式，并允许上传贴图、调整颜色、材质、复杂度等属性。此外，项目内置多 Agent 编排（如 Prompt Architect、Structure Agent 等）解释生成过程，并提供完整的开发者文档。适用场景包括快速概念设计、产品原型展示、教育演示以及需要轻量级 3',
        author: 'AUTO',
        openUrl: 'http://apexforge.turntip.cn/',
        githubUrl: 'https://github.com/MrXujiang/ApexForge',
        image: HOST + 'images/ApexForge.webp',
      },
      {
        id: 'Three-Object-Sculptor',
        name: '图像转3D插件',
        name_en: 'Three-Object-Sculptor',
        tip: 'Three-Object-Sculptor（img2obj）是一个 Codex 插件，能够将参考图像转换为质量可控、可动画的程序化 Three.js 对象，整个过程完全通过代码实现。它并非直接进行像素到网格的转换，而是引导 Codex 通过受控的重建工作流：首先验证参考图像的质量和复杂度，然后规划对象的组件层次、几何体、材质、枢轴和视觉优先级，生成 ObjectSculptSpec；接着分阶段构建（从块状模型到形态、外观开发、交互），并在浏览器中渲染结果与原始参考图对比，迭代优化。核心能力包括分析图像、规划结构、生成程序化几何体以及审查结果。适用场景为风格化道具、机械物体、植物、场景资产和交互式模型的快速原型制作，但不适用于摄影测量、精确网格提取或保证从单张图像生成生产就绪的几何体。',
        author: 'AUTO',
        openUrl: 'https://3dship.harrysoftware.com/',
        githubUrl: 'https://github.com/vinhhien112/Three.js-Object-Sculptor-Codex-Plugin',
        image: HOST + 'images/Three.js-Object-Sculptor-Codex-Plugin.webp',
      },
      {
        id: 'img2threejs',
        name: '图像转3D代码',
        name_en: 'img2threejs',
        tip: '该工具能够将参考图像中的物体重建为纯代码驱动的 Three.js 程序化模型，而非依赖摄影测量或网格提取。它通过生成几何体、着色器和动画就绪的代码，在浏览器中实时渲染出可交互的 3D 模型。每个模型都附带可查看的源代码，方便开发者学习和二次修改。适用于需要轻量级、可编程 3D 内容的场景，如网页展示、游戏原型或教学演示。其质量门控机制确保输出模型具备动画能力，同时保持令牌高效，适合在资源受限的环境中快速构建 3D 资产。',
        author: 'AUTO',
        openUrl: 'https://hoainho.github.io/img2threejs-showcase/',
        githubUrl: 'https://github.com/hoainho/img2threejs',
        image: HOST + 'images/img2threejs.webp',
      },
      {
        id: 'threejs-sculpt-dna',
        name: '图像转代码插件',
        name_en: 'threejs-sculpt-dna',
        tip: '这是一个 GitHub Copilot 插件，能够把一张参考图片转换成可编辑的 Three.js 代码。它的核心工作流是：在 Copilot 会话中附加参考图，插件会生成一个基于程序化几何体的纯 Three.js 工厂函数，而不是下载或隐藏导入的网格模型。输出内容包括版本化的 ObjectSculptSpec、可读可 diff 的 Three.js 工厂代码、浏览器对比证据、可直接运行的运行时映射以及可选的确定性变体。代码可以阅读、修改、动画化和发布，方便开发者理解并继续迭代。适用场景包括：需要根据图片快速搭建三维模型原型的开发者、希望获得可维护程序化几何代码而非黑盒模型的前端工程师，以及将图像到代码的 Three.js 工作流集成到日常开发中的团队。安装只需一条命令，使用简单直接。',
        author: 'AUTO',
        openUrl: 'https://hyeonsangjeon.github.io/threejs-sculpt-dna/',
        githubUrl: 'https://github.com/hyeonsangjeon/threejs-sculpt-dna',
        image: HOST + 'images/threejs-sculpt-dna.webp',
      },
      {
        id: 'kindergrimm',
        name: '涂鸦角色生成',
        name_en: 'kindergrimm',
        tip: '这是一个程序化涂鸦角色生成器，角色看起来像是画在奶油色纸张上的手绘作品，每个部位绑定到一根骨骼上，方便后续动画和游戏使用。项目包含多个页面：菜单、班级照片评分、黑暗中的婴儿学校游戏、冰面弹珠游戏、面部编辑器、人群展示和玩具商店。每个面部都是一份配方，由种子、媒介、颜色和部件组成，相同的 JSON 总能重绘出相同的面部，因此可以保存、分享并在游戏运行时重建。代码结构清晰，包含手绘笔触、媒介、物种、布局和绑定等模块，适合想要学习程序化生成、手绘风格渲染和角色绑定的开发者。',
        author: 'AUTO',
        openUrl: 'https://kindergrimm.vercel.app/',
        githubUrl: 'https://github.com/albertobeiz/kindergrimm',
        image: HOST + 'images/kindergrimm.webp',
      },
      {
        id: 'awesome-gpt-6-dav',
        name: 'GPT-6资源列表',
        name_en: 'awesome-gpt-6-dav',
        tip: '这是一个关于 GPT-6 Astra 的精选资源列表，汇集了官方资源、社区项目、病毒式演示、社区讨论、中文生态、编码工具集成以及深度分析与基准测试等内容。GPT-6 Astra 由 OpenAI 于 2026 年 9 月 3 日发布，主打计算机使用和空间推理能力，官方宣称可以完成你在电脑上能做的任何事情。核心功能是作为导航中心，帮助用户快速找到官方发布博客、系统卡、社区项目仓库、Reddit 和 Hacker News 讨论帖、Bilibili 和知乎内容、编码工具集成方案以及独立基准测试分析。适用场景包括：开发者了解 Astra 的能力边界和集成方式；研究者查阅基准数据和深度分析；内容创作者追踪热门演示和社区动态；以及任何想系统了解该模型生态的人。列表还记录了关键数据，如 OSWorld 2.0 达到 72.6%、FrontierMath Tier 4 为 98%、ARC-AGI-3 为',
        author: 'AUTO',
        openUrl: 'https://github.com/archorfight/awesome-gpt-6-astra#viral-demos',
        githubUrl: 'https://github.com/archorfight/awesome-gpt-6-astra#viral-demos',
        image: HOST + 'images/awesome-gpt-6-dav.webp',
      },
      {
        id: 'mixamo-llm-mocap',
        name: '视频转动捕',
        name_en: 'mixamo-llm-mocap',
        tip: '这是一个将任意锁定机位视频转化为 Mixamo 角色 FK 动画的自动化动作捕捉工具，无论视频是实拍还是 AI 生成，都能把其中的人物动作干净地重定向到任意 Mixamo 角色上，支持单人表演或两人对打。核心功能包括从视频中估计 SMPL-X 人体姿态参数、将关节旋转重定向到目标骨骼、在 Blender 中批量生成关键帧并保存或渲染，以及输出包含原片对比和手脚特写的审查视频。它还能评估动画与视频关键点的保真度，检测脚部滑动和抖动。整个流程高度脚本化，AI 代理可以自动运行完整循环。适用场景包括游戏开发者快速为角色制作动画、动画师将参考视频转化为可用动作数据、AI 研究者测试视频到动画的生成管线，以及任何需要低成本动作捕捉但不想使用专业动捕服或手动关键帧的人。',
        author: 'AUTO',
        openUrl: 'https://github.com/squall01337/mixamo-llm-mocap',
        githubUrl: 'https://github.com/squall01337/mixamo-llm-mocap',
        image: HOST + 'images/mixamo-llm-mocap.webp',
      },
      {
        id: 'storyai-3d-director-desk',
        name: '3D分镜导演台',
        name_en: 'storyai-3d-director-desk',
        tip: '这是一个基于 React、Vite、Three.js 与 React Three Fiber 打造的 3D 分镜导演台，面向轻量级预演、镜头规划和场景摆位。你可以在浏览器里快速搭建角色、机位、场景与全景背景，并记录镜头与截图结果。它支持导演视角与机位视角一键切换，内置八种人物与二十种姿势，可快速添加角色、群演、基础几何体和机位，也能导入本地 FBX 或 OBJ 模型并自定义模型库。群众阵列功能让你想放多少人就放多少人，全景图导入后可调节背景。机位拍摄、截图记录与基础镜头管理帮助你把控画面，视口比例框、九宫格以及平移旋转缩放控制让构图更精准，本地场景状态会自动持久化。快捷键支持复制粘贴、撤销与删除，工程可导出为 JSON 并重新导入。适合影视动画前期预演、游戏关卡镜头设计、漫画分镜规划等需要快速可视化空间关系的创作场景。',
        author: 'AUTO',
        openUrl: 'https://github.com/jiguang132/storyai-3d-director-desk',
        githubUrl: 'https://github.com/jiguang132/storyai-3d-director-desk',
        image: HOST + 'images/storyai-3d-director-desk.webp',
      },
      {
        id: 'meteor3D',
        name: '低代码3D平台',
        name_en: 'meteor3D',
        tip: 'Meteor3D 是一个低代码 3D 场景可视化编辑平台，旨在让用户通过拖拽式操作快速搭建三维场景，无需编写复杂代码。它包含场景编辑器、资产管理器和核心 SDK 三大模块。场景编辑器支持模型的位置、旋转、缩放实时调整，并具备场景树管理和 GIS 投影功能，可加载卫星影像底图，适合数字孪生应用。资产管理器支持上传 GLTF/GLB 模型，自动生成缩略图、LOD 和 Draco 压缩版本，方便分类筛选。核心 SDK 提供场景序列化、GIS 坐标转换和性能监控。此外，应用编辑器（内测中）允许拖拽搭建 3D 数据可视化大屏，支持组件交互和 ECharts 图表。该平台适用于智慧城市、数字孪生、可视化大屏和虚拟展厅等场景，基于 Vue 3、Three.js 和 Node.js 技术栈，采用 MIT 开源协议。',
        author: 'AUTO',
        openUrl: 'https://www.meteor3d.cn/',
        githubUrl: 'https://github.com/nikonikoCW/Meteor3DEditor',
        image: HOST + 'images/meteor3D.webp',
      },
      {
        id: 'voidrunner-astra',
        name: 'AI作品目录',
        name_en: 'voidrunner-astra',
        tip: '这是一个静态的 AI 生成游戏、3D 展示、着色器实验和数据可视化作品目录站，支持按类别浏览、搜索集合、按构建模型或标签筛选，并能分享带筛选条件的 URL。项目本身不需要任何 npm 包，使用 Node 22 和 Python 3 即可运行，通过简单的命令进行测试、构建和本地服务。添加新项目时，只需将自包含的静态构建和 game.json 放入 games 目录，使用相对资源路径，清单中的类别决定分区，模型标识构建者，版本作为构建标签。类别、模型和标签筛选器会根据集合自动生成，无需维护首页列表。部署方面，推送到主分支会触发 GitHub Pages 工作流和 Cloudflare 集成，也可通过 Wrangler 显式部署。适合想集中展示 AI 生成作品、需要轻量级目录方案或希望快速部署静态站点的创作者。',
        author: 'AUTO',
        openUrl: 'https://alesha-pro.github.io/bench-portal/games/voidrunner-astra/',
        githubUrl: 'https://github.com/alesha-pro/bench-portal/tree/main/games/voidrunner-astra',
        image: HOST + 'images/voidrunner-astra.webp',
      },
      {
        id: 'bench-portal',
        name: 'AI游戏目录',
        name_en: 'bench-portal',
        tip: '这是一个静态的 AI 浏览器游戏目录站点，用来集中展示由 AI 构建的小游戏、3D 演示、着色器实验和数据可视化作品。核心功能包括按分类浏览、关键词搜索、按构建模型或标签筛选，并支持把筛选后的结果生成可分享的 URL。所有筛选选项都从作品集合自动生成，因此无需维护首页列表。项目本身不需要安装 npm 依赖，使用 Node 22 和 Python 3 即可本地运行，构建产物输出到 dist 目录，推送到主分支会自动触发 GitHub Pages 和 Cloudflare 部署。添加新作品时，只需把自包含的静态构建和 game.json 放进 games 目录，清单中的分类决定作品所属板块，模型字段标识构建者，未知作者可填 null。适合想收集、分类和展示 AI 生成互动作品的人使用。',
        author: 'AUTO',
        openUrl: 'https://alesha-pro.github.io/bench-portal/',
        githubUrl: 'https://github.com/alesha-pro/bench-portal',
        image: HOST + 'images/bench-portal.webp',
      },
      {
        id: 'image-blaster',
        name: 'image-blaster',
        name_en: 'image-blaster',
        tip: 'image-blaster 是一款利用 Claude 技能、World Labs 和 FAL 从单张图片生成完整 3D 环境的工具。它能够将一张普通图片快速转化为带有纹理、材质和网格的 3D 场景，并支持生成音效和网格模型。核心功能包括：通过命令行参数控制目标面数（默认 50000，Hunyuan API 默认 500000）、启用或禁用 PBR 材质生成（默认启用）、选择生成类型（Normal 生成带纹理模型，LowPoly 进行多边形减面，Geometry 仅生成白色几何体），以及指定 LowPoly 模式下的多边形类型（三角形或四边形，默认三角形）。适用场景非常广泛，例如快速构建电子游戏关卡概念、重现童年卧室、为机器人创建环境、电影外景勘景、建筑渲染等。开发时还可以移除 .claudeignore 中的 /app 目录，让 Claude 直接修改 React 查看器。',
        author: 'AUTO',
        openUrl: 'https://github.com/neilsonnn/image-blaster',
        githubUrl: 'https://github.com/neilsonnn/image-blaster',
        image: HOST + 'images/image-blaster.webp',
      },
      {
        id: '3dviz-pro-max',
        name: '3dviz-pro-max',
        name_en: 'What it is',
        tip: '3dviz-pro-max 是一个独立的智能体技能，专注于创意 3D 可视化。它帮助用户将想法转化为值得探索的 3D 场景，强调视觉灵感而非基准测试。该技能提供十步工作流、可搜索的配方和可复用知识目录、可运行的 Three.js 模板和工具包，以及捕获助手，让智能体能够检查渲染出的帧，而不是仅靠描述。它支持从一句话开始构建场景，例如“使用 3dviz-pro-max 构建一个我可以探索的小型奇幻村庄”，智能体会自动选择艺术方向、添加动态生物并检查结果。用户无需预先选择渲染器或填写规格，智能体会利用现有项目栈、选择合适的表示方法，并根据观察结果优化场景。适用场景包括创意 3D 可视化、交互式场景构建、艺术方向探索等。注意，该项目是作者在技能存在之前录制的，UI 包含越南语，属于历史镜头，并非英文演示或运行时测试。',
        author: 'AUTO',
        openUrl: 'https://3dviz.dev/',
        githubUrl: 'https://github.com/viettranx/3dviz-pro-max',
        image: HOST + 'images/3dviz-pro-max.webp',
      }
    ],
  },
  {
    pid: 'ortherSource',
    name: '其他资源',
    name_en: 'Other Resources',
    order: 90,
    children: [
      {
        id: 'icraft',
        name: '立体架构图',
        name_en: 'icraft',
        tip: 'iCraft Editor 是一款专注于 3D 架构图设计的工具，帮助用户轻松创建令人印象深刻的立体架构图。它提供精美的 3D 模型元素和示例模板，支持一键在 2D 与 3D 视图之间切换，具备自动网格吸附、元素自动堆叠和磁性吸引等便捷连接操作。在展示方面，支持多角度自由变换的 3D 全景呈现、动画播放以及子场景状态无缝切换，能够分层清晰地表达复杂设计概念。数字孪生功能提供易于嵌入的 Web 渲染组件，可通过 API 控制 3D 元素状态，实现 Web 系统信息与 3D 架构图的实时同步，直观展示服务器、网络设备和技术组件状态，并支持自定义数据集成以连接各类监控系统。适合系统架构师、开发者和运维人员用于设计、展示和监控复杂系统架构。',
        author: 'AUTO',
        openUrl: 'https://icraft.design/app/player/dmqSz2F-niKujD94cPb7-Zsa9zIH2Ggt',
        githubUrl: 'https://github.com/gantFDT/icraft',
        image: HOST + 'images/icraft.webp',
      },
      {
        id: 'tiny-world-builder',
        name: '体素世界编辑',
        name_en: 'tiny-world-builder',
        tip: '这是一个自包含的浏览器内 3D 体素世界编辑器，允许用户构建、雕刻、飞行穿越并分享微缩世界。核心功能包括放置地形、道具、房屋、路径、作物和动物，以及雕刻地面、调整高度和绘制纹理。用户可以在不同相机模式间切换，从各个角度探索世界，并保存、混搭、导出和打开世界。适用场景包括游戏开发、教育演示、创意表达和社交分享。该项目使用 Three.js 构建，支持本地运行和静态部署，并集成了账户认证和钱包登录功能。',
        author: 'AUTO',
        openUrl: 'https://tinyworld.build/',
        githubUrl: 'https://github.com/jasonkneen/tiny-world-builder',
        image: HOST + 'images/tiny-world-builder.webp',
      },
      {
        id: 'battlefield-editor',
        name: '战役演示编辑',
        name_en: 'battlefield-editor',
        tip: '这是一个数据驱动的单文件 Three.js 引擎，用于制作电影级历史战役演示。每一场战役都是一份独立的 JSON 数据包，引擎只负责加载和演出，更换数据包即可切换战役，无需修改引擎代码。核心功能包括参数化地形生成、多阵营支持、可替换的 glTF 模型、声明式特效与音效系统（如箭雨、燃烧、水攻等），以及多幕时间轴和运镜控制。适用场景包括历史战役可视化、互动叙事、教育演示等。项目提供了赤壁、官渡等六场战役的示例，并包含完整的 schema 验证工具和 AI 编辑 SOP，方便扩展。',
        author: 'AUTO',
        openUrl: 'https://yazelin.github.io/battlefield-editor/',
        githubUrl: 'https://github.com/yazelin/battlefield-editor',
        image: HOST + 'images/battlefield-editor.webp',
      },
      {
        id: 'GNM-Studio',
        name: '人头编辑器',
        name_en: 'GNM-Studio',
        tip: '这是一个用于创建和编辑三维人头模型的可视化工具，主要面向角色建模、虚拟形象制作和游戏开发等场景。它提供直观的编辑界面，让用户能够调整面部结构、五官比例和头部形态，快速生成符合需求的人头模型。核心功能包括参数化调节、实时预览和模型导出，适合需要频繁迭代头部造型的创作者使用。无论是制作写实角色还是风格化头像，都能通过该编辑器高效完成，降低建模门槛，提升工作效率。',
        author: 'AUTO',
        openUrl: 'https://drbaph.is-a.dev/GNM-Studio/',
        githubUrl: 'https://github.com/Saganaki22/GNM-Studio',
        image: HOST + 'images/GNM-Studio.webp',
      },
      {
        id: 'dtilesConverter',
        name: '3D Tiles转换',
        name_en: '3dtiles Converter',
        tip: '这是一个功能强大的 3D Tiles 转换工具包，专为高效转换大规模 3D 地理空间数据而设计。它支持将 OpenSceneGraph Binary 格式和 Esri Shapefile 数据转换为 3D Tiles 格式，并提供可选的网格简化、Draco 几何压缩和 KTX2 纹理压缩，以显著减小数据体积并提升加载性能。该工具跨平台支持 Linux、macOS 和 Windows，并可通过 Docker 容器化部署。适用于需要将倾斜摄影模型、城市建筑等地理数据转换为 3D Tiles 以在 Cesium 等平台上可视化展示的 GIS 开发者和三维应用工程师。',
        author: 'AUTO',
        openUrl: 'https://github.com/fanvanzh/3dtiles',
        githubUrl: 'https://github.com/fanvanzh/3dtiles',
        image: HOST + 'images/dtilesConverter.webp',
      },
      {
        id: 'cesium-player-controller',
        name: 'Cesium控制器',
        name_en: 'cesium-player-controller',
        tip: 'cesium-player-controller 是一个基于 CesiumJS 的玩家控制器，开箱即用，为三维地球场景提供人物胶囊体碰撞、Cesium 地形流式碰撞、角色动画、车辆驾驶、第一与第三人称切换以及相机避障等功能。它通过 npm 安装 cesium-player-controller 和 @dimforge/rapier3d-compat 后即可集成到现有 Cesium 项目中。使用时先搭建 CesiumJS 环境并加载 3D Tiles 场景，设置人物出生点，然后创建 playerController 实例并调用 init 方法，传入 viewer、初始坐标、人物模型配置以及静态碰撞源等参数。人物模型配置支持指定 GLB/GLTF 路径、缩放比例以及 idle、walk、run、jump 等动画名称，跳跃动画还可分段播放。此外还可以加载车辆模型，配置车轮名称和驾驶位坐标，实现驾',
        author: 'AUTO',
        openUrl: 'https://hh-hang.github.io/cesium-player-controller/',
        githubUrl: 'https://github.com/hh-hang/cesium-player-controller',
        image: HOST + 'images/cesium-player-controller.webp',
      },
      {
        id: 'GeoLibre',
        name: '开源GIS平台',
        name_en: 'GeoLibre',
        tip: 'GeoLibre 是一个免费开源、轻量级、云原生的 GIS 平台，用于可视化、探索和分析地理空间数据。它可以在任何地方运行，包括网页浏览器、桌面端、移动端以及 Jupyter Notebook 中，同时保持数据本地化和私密性。该平台内置了超过 1000 个地理处理工具，这些工具完全在浏览器中通过 WebAssembly 运行，涵盖地形、水文、LiDAR、遥感和矢量分析，无需服务器、无需安装，数据永远不会离开你的机器。GeoLibre 使用 Tauri v2、React、TypeScript、MapLibre GL JS、DuckDB-WASM Spatial 和 deck.gl 构建。同一个工作空间可以作为原生桌面应用、原生 Android 和 iOS 应用、在任何现代网页浏览器中运行，并响应式适配移动端和小屏幕。一个项目可以通过四种渲染引擎查看：MapLibre GL JS（默认）、Ma',
        author: 'AUTO',
        openUrl: 'https://geolibre.app/demo/',
        githubUrl: 'https://github.com/opengeos/GeoLibre',
        image: HOST + 'images/GeoLibre.webp',
      },
      {
        id: 'cesium-ez-tree',
        name: 'Cesium植被库',
        name_en: 'cesium-ez-tree',
        tip: 'cesium-ez-tree 是一个用于 CesiumJS 的程序化植被图元库，能够渲染实例化的树木、草、花和岩石。该项目受到 Daniel Greenheck 的 EZ-Tree 启发，并部分衍生自其代码。EZ-Tree 是一个 Three.js 程序化树木生成器，而本包将其思想适配到 CesiumJS 图元、实例化、Cesium 渲染命令、Cesium 工作线程调度和地理空间放置中。它提供了实时示例，并针对 CesiumJS 1.141.x 和 @cesium/engine 25.x 进行了兼容性测试。该包导入了 Cesium 引擎内部模块，因此需要将 cesium@1.141.x 和 @cesium/engine@25.x 作为必需的 peer 依赖。安装后，需要配置资源和工作线程路径，也可以禁用工作线程。基本用法包括导入 Cesium 和库，配置资源基础 URL，然后创建 EzTr',
        author: 'AUTO',
        openUrl: 'https://xiaobai-grow.github.io/cesium-ez-tree/',
        githubUrl: 'https://github.com/Xiaobai-grow/cesium-ez-tree',
        image: HOST + 'images/cesium-ez-tree.webp',
      },
      {
        id: 'tellux',
        name: '三维地球引擎',
        name_en: 'tellux',
        tip: 'Tellux 是一个面向 Web 的开源三维地球引擎，帮助开发者在浏览器中快速构建基于真实经纬坐标系与物理尺度的数字地球、数字孪生和三维地图应用。它构建在 Three.js 之上，整合了社区成熟开源项目，提供统一 API 来组织地球相机、Cesium Quantized Mesh 地形、多源影像与矢量图层、3D Tiles、三维模型、天空大气、体积云及后处理效果。核心功能包括地形与影像支持、点线面实体与屏幕空间标注、3D Tiles 与高斯泼溅场景加载、大气与渲染特效，以及与 Three.js 场景和自定义渲染循环的良好互操作性，同时提供实验性 WebGPU 渲染路径。适用场景涵盖从轻量级地理可视化到复杂三维地球场景的现代 Web 应用开发，如数字孪生城市、三维地图和地理信息展示。开发者可通过 npm 安装并配合 Vite 等打包器使用，官方提供示例、文档与 Sandcastle 在线编辑',
        author: 'AUTO',
        openUrl: 'https://tellux.cyanfish.site/sandcastle.html',
        githubUrl: 'https://github.com/cyanfish-x/tellux',
        image: HOST + 'images/tellux.webp',
      },
      {
        id: 'cyanfishcesium',
        name: '三维地球引擎',
        name_en: 'cyanfish-cesium',
        tip: '这是 Tellux 三维地球引擎的另一个条目，内容与 tellux 相同。Tellux 是面向 Web 的开源三维地球引擎，用于在浏览器中快速构建基于真实经纬坐标系和物理尺度的数字地球、数字孪生与三维地图应用。它基于 Three.js 渲染能力与开源生态，整合社区成熟项目，提供统一 API 管理地球相机、Cesium Quantized Mesh 地形、多源影像与矢量图层、3D Tiles、三维模型、天空大气、体积云及后处理效果。核心功能包括地形与影像支持、点线面实体与屏幕空间标注、3D Tiles 与高斯泼溅加载、大气与渲染特效、Three.js 原生兼容以及实验性 WebGPU 路径。适用场景为从轻量级可视化到复杂三维地球场景的现代 Web 应用开发。开发者可通过 npm 安装 tellux 及其 peer 依赖，官方提供示例、文档、Sandcastle 在线编辑器与 API 参考，便',
        author: 'AUTO',
        openUrl: 'https://demo.cyanfish.site/cesium',
        githubUrl: 'https://github.com/cyanfish-x/tellux',
        image: HOST + 'images/cyanfishcesium.webp',
      },
      {
        id: 'overpass-turbo',
        name: 'OSM数据挖掘',
        name_en: 'overpass-turbo',
        tip: 'Overpass Turbo 是一个基于网页的 OpenStreetMap 数据挖掘工具，允许用户通过 Overpass API 查询并导出城市交通路网等地理数据为 GeoJSON 格式。核心功能包括交互式查询编辑、地图实时预览、数据过滤和导出，支持复杂查询如道路网络、公共交通线路等。适用场景包括城市规划、交通分析、GIS 研究以及地图数据可视化。用户无需编程即可快速获取所需地理数据，并可直接用于其他地图应用或分析工具。',
        author: 'AUTO',
        openUrl: 'https://overpass-turbo.eu/',
        githubUrl: 'https://github.com/overpass/overpass-turbo',
        image: HOST + 'images/overpass-turbo.webp',
      },
      {
        id: 'texturesFree',
        name: '免费贴图',
        name_en: 'texturesFree',
        tip: '这是一个提供免费贴图资源的集合，包含多种类型的纹理图片，如砖墙、木材、金属、地面等，适用于三维建模、游戏开发和平面设计。核心功能是提供高分辨率、可无缝拼接的贴图，部分资源可能包含法线贴图和置换贴图，以增强材质细节。适用场景包括 Blender、Unity、Unreal Engine 等三维软件中的材质制作，以及网页设计、数字艺术创作。用户可以直接下载使用，无需付费，但需注意遵守相应的许可协议。',
        author: 'AUTO',
        openUrl: 'https://www.textures.com/free',
        githubUrl: 'https://github.com/textures/textures',
        image: HOST + 'images/texturesFree.webp',
      },
      {
        id: 'geo-downloader',
        name: '地理数据下载',
        name_en: 'geo-downloader',
        tip: 'GeoD 是一款免费开源的跨平台地理空间数据工具，支持浏览 OpenStreetMap 底图、通过 Overpass 下载 OSM 矢量要素，以及从用户合法授权的 XYZ 瓦片服务导出 GeoTIFF 等本地格式。它提供 Windows、macOS 和 Linux 安装包，并附带命令行工具 geod，可运行 plan、fetch、inspect 等命令，方便集成到自动化流程或 AI 工具中。该工具不内置任何地图数据，所有数据均来自使用者自行配置的第三方服务，需自行获取合法授权并遵守相关条款。适用于地理信息研究者、GIS 开发者、城市规划人员以及需要获取 OSM 数据或导出瓦片数据的用户。',
        author: 'AUTO',
        openUrl: 'https://geodownloader.pages.dev/',
        githubUrl: 'https://github.com/gaopengbin/geo-downloader',
        image: HOST + 'images/geo-downloader.webp',
      },
      {
        id: 'fmhy',
        name: '免费资源库',
        name_en: 'fmhy',
        tip: 'FMHY（FreeMediaHeckYeah）是互联网上最大的免费资源集合库，以 Wiki 形式整理了大量免费软件、影视、音乐、游戏、书籍、学习资料等各类资源的获取渠道。它本身不托管任何文件，而是提供经过社区筛选和验证的链接索引，并配有表情符号图例帮助快速识别资源类型。核心功能包括：按类别浏览的 Wiki 页面、每月更新的新闻与动态、以及通过 GitHub 提供的备份、Markdown 和 JSON API 接口，方便开发者集成或离线查阅。适用场景广泛，无论是想寻找免费替代软件、获取学习材料、探索开源工具，还是需要特定资源的可靠下载来源，都可以在这里找到。社区还鼓励用户贡献新链接或修正错误，通过 Discord 提交建议，确保资源库持续更新和扩充。',
        author: 'AUTO',
        openUrl: 'https://fmhy.net/',
        githubUrl: 'https://github.com/fmhy/edit',
        image: HOST + 'images/fmhy.webp',
      },
      {
        id: 'achrefelouafi',
        name: '三维图形展示',
        name_en: 'achrefelouafi',
        tip: 'achrefelouafi 是一个展示型项目，主要用于呈现作者在三维图形与交互视觉方面的探索成果。它围绕实时渲染与创意编程展开，核心功能包括场景构建、材质表现以及动态交互效果，适合用于作品集展示、技术演示或视觉实验。适用场景涵盖个人开发者展示、设计灵感参考以及三维图形学习交流。由于材料有限，具体实现细节未完全展开，但整体定位偏向轻量级、可浏览的视觉展示页面，便于快速了解作者的技术风格与审美取向。',
        author: 'AUTO',
        openUrl: 'https://chirostudio.xyz/',
        githubUrl: 'https://github.com/achrefelouafi/achrefelouafi',
        image: HOST + 'images/achrefelouafi.webp',
      },
      {
        id: 'grassMisterPrada',
        name: '草地场景模板',
        name_en: 'grassMisterPrada',
        tip: 'grassMisterPrada 是一个基于 Three.js 的 3D 草地场景模板，专注于呈现逼真的草地效果。它提供了完整的项目脚手架，用户通过 npm i 和 npm run dev 即可快速启动并查看渲染结果。该模板的核心功能是展示如何利用 Three.js 生成大量草叶并实现自然摆动，适合用于学习粒子系统、着色器或性能优化。它适用于需要草地环境的 3D 网页项目，如虚拟景观、游戏场景或交互式艺术装置。开发者可以在此基础上调整草地的密度、颜色和风力参数，轻松集成到自己的应用中。模板结构清晰，便于二次开发，是 Three.js 初学者和进阶者探索自然场景渲染的实用起点。',
        author: 'AUTO',
        openUrl: 'https://grass.misterprada.com/',
        githubUrl: 'https://github.com/MisterPrada/grass',
        image: HOST + 'images/grassMisterPrada.jpg',
      }
    ],
  }
]