# MicroModule

**Repository Path**: mu1866/micro-module

## Basic Information

- **Project Name**: MicroModule
- **Description**: 微前端模块化应用管理平台-基于Enable3D，架构WebGL模块化管理平台，平台内容丰富，包含并封装了许多WebGL绘制场景中所需要的常用方法，如：材质，射线，漫游，动画，路径等几十种方法，在工作时创建WebGL-3D场景当中省去了许多烦恼。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://gitee.com/mu1866/projects
- **GVP Project**: No

## Statistics

- **Stars**: 10
- **Forks**: 2
- **Created**: 2024-09-04
- **Last Updated**: 2025-08-23

## Categories & Tags

**Categories**: 3d-engine

**Tags**: Threejs, JavaScript

## README

# Hello @MicroModule

## 介绍

基于[Enable3D](https://enable3d.io/)，微前端模块化应用管理平台，架构WebGL模块化管理平台，平台内容丰富，包含并封装了许多WebGL绘制场景中所需要的常用方法，如：材质，射线，漫游，动画，路径等几十种方法，在工作时创建WebGL-3D场景当中省去了许多烦恼。

## Issues

有任何的建议，请您 **Issues** 或 mail: 317782199@qq.com

## 修改配置文件

``` bash
cd @desktop/config/host.ts
entry: "http://IP:子应用端口(默认8080)"
```

``` bash
cd @micro-apps/@scene-3d-app/config/host.js
API: 'http://IP:服务端端口(默认1866)'
```

## 运行脚本

``` bash
cd MicroModule
npm install
npm run start:DaMu
```

## 启动项目

``` bash
cd @desktop
npm run dev
```

``` bash
cd @micro-apps/@scene-3d-app
npm run serve
```

## 项目中用到的核心插件框架及素材（仅供大家学习交流讨论，一定要支持正版）

-  美术素材资源来自网络，仅供大家学习交流讨论使用，严禁商业用途！
-  [ambientcg.com](https://ambientcg.com)
-  [pexels.com](https://www.pexels.com/zh-cn)
-  [free3d.com](https://free3d.com)
-  [sketchfab.com](https://sketchfab.com/feed)
-  [naiveui.com](https://www.naiveui.com/zh-CN/os-theme)
-  [enable3d.io](https://enable3d.io/)
-  [three-pathfinding](https://www.npmjs.com/package/three-pathfinding)
-  [opengameart](https://opengameart.org/)
-  [recast-navigation-js](https://recast-navigation-js.isaacmason.com/?path=/story/crowd-crowd-with-multiple-agents--crowd-with-multiple-agents)

## 项目运行视频

-  [【视频一】项目运行视频传送门](https://www.bilibili.com/video/BV1gNtrefENU/?spm_id_from=333.999.0.0&vd_source=4935fce829bc1535d641a4e735b2349f)
-  [【视频二】项目运行视频传送门](https://www.bilibili.com/video/BV12gtresEsY/?pop_share=1&vd_source=4935fce829bc1535d641a4e735b2349f)
-  [【视频三】项目运行视频传送门](https://www.bilibili.com/video/BV19GxqeSEh7/?vd_source=4935fce829bc1535d641a4e735b2349f)
-  [【视频四】项目运行视频传送门](https://www.bilibili.com/video/BV1Ca2WYwE4u/?pop_share=1&vd_source=4935fce829bc1535d641a4e735b2349f)
-  [【视频五】项目运行视频传送门（含更其他场景新）](https://www.bilibili.com/video/BV1wP28Y1EHy/?vd_source=4935fce829bc1535d641a4e735b2349f)
-  [【视频六】项目运行视频传送门（含更其他场景新）](https://www.bilibili.com/video/BV1249AY8ESW/?vd_source=4935fce829bc1535d641a4e735b2349f)

## 项目架构

<div align=center><img width="600" height="500" src="./@micro-apps/@scene-3d-app/src/assets/framework.png"/></div>

## 平台内容

<div align=center><img width="600" height="500" src="./@micro-apps/@scene-3d-app/src/assets/scene1.png"/></div>

<div align=center><img width="600" height="500" src="./@micro-apps/@scene-3d-app/src/assets/scene2.png"/></div>

<div align=center><img width="600" height="500" src="./@micro-apps/@scene-3d-app/src/assets/scene3.png"/></div>

<div align=center><img width="600" height="500" src="./@micro-apps/@scene-3d-app/src/assets/scene4.png"/></div>

<div align=center><img width="600" height="500" src="./@micro-apps/@scene-3d-app/src/assets/scene5.png"/></div>

<div align=center><img width="600" height="500" src="./@micro-apps/@scene-3d-app/src/assets/scene6.png"/></div>

<div align=center><img width="600" height="400" src="./@micro-apps/@scene-3d-app/src/assets/scene6-1.png"/></div>

<div align=center><img width="600" height="400" src="./@micro-apps/@scene-3d-app/src/assets/scene7.jpg"/></div>

<div align=center><img width="600" height="400" src="./@micro-apps/@scene-3d-app/src/assets/scene8.png"/></div>

<div align=center><img width="600" height="400" src="./@micro-apps/@scene-3d-app/src/assets/scene8-1.jpg"/></div>

<div align=center><img width="600" height="400" src="./@micro-apps/@scene-3d-app/src/assets/scene9.jpg"/></div>

<div align=center><img width="600" height="400" src="./@micro-apps/@scene-3d-app/src/assets/scene9-1.jpg"/></div>

<div align=center><img width="600" height="400" src="./@micro-apps/@scene-3d-app/src/assets/scene-fn.jpg"/></div>

<div align=center><img width="600" height="400" src="./@micro-apps/@scene-3d-app/src/assets/scene10.jpg"/></div>

<div align=center><img width="600" height="400" src="./@micro-apps/@scene-3d-app/src/assets/scene10-1.jpg"/></div>

<div align=center><img width="600" height="400" src="./@micro-apps/@scene-3d-app/src/assets/scene10-2.jpg"/></div>

<div align=center><img width="600" height="400" src="./@micro-apps/@scene-3d-app/src/assets/scene10-3.jpg"/></div>

![GIF](./@micro-apps/@scene-3d-app/src/assets/2025-02-27T13_47_25.708Z-693039.gif)

## 功能

- [x] **材质**
- [x] **雨**
- [x] **动画**
- [x] **射线**
- [x] **对话框**
- [x] **轨道**
- [x] **流光**
- [x] **高度图**
- [x] **镜头切换**
- [x] **水**
- [x] **着色器**
- [x] **路径跟随**
- [x] **星空盒子**
- [x] **粒子**
- [x] **HTML**
- [x] **漫游**
- [x] **坐标点**
- [x] **光源球**
- [x] **纹理贴图板**
- [x] **模型多材质渲染**
- [x] **顶点**
- [x] **平面/环境光**
- [x] **阻尼**
- [x] **UI**
- [x] **摄影棚打光**
- [x] **销毁**
- [x] **模型框选**
- [x] **多边形水域**
- [x] **数字孪生-曼哈顿城市**
- [x] **A*算法、导航网格、恒定速率**