毛主席诞辰132周年纪念网页

一个使用 Vue 3 + Three.js + Flask 构建的沉浸式纪念网页，通过粒子动画、油画展示等方式，缅怀伟大领袖毛主席。

在线访问：redstar.jojokanbao.cn

项目结构

├── backend/                 # Flask 后端
│   ├── app.py              # 主程序
│   ├── requirements.txt    # Python 依赖
│   └── data/               # 数据存储（留言等）
├── frontend/               # Vue 前端
│   ├── src/
│   │   ├── components/     # Vue 组件
│   │   ├── three/          # Three.js 模块
│   │   ├── api/            # API 接口
│   │   └── styles/         # 全局样式
│   ├── public/
│   │   └── audio/          # 音频文件（需自行添加）
│   └── package.json
└── images_selected/      # 油画图片资源

快速开始

1. 启动后端

cd backend
pip install -r requirements.txt
python app.py

后端将在 http://localhost:5000 启动

2. 启动前端

cd frontend
npm install
npm run dev

前端将在 http://localhost:3000 启动

3. 添加音频（可选）

将背景音乐文件放入 frontend/public/audio/ 目录：

• dongfanghong.mp3 - 东方红大提琴独奏版

技术栈

• 前端: Vue 3 + Vite + Three.js + GSAP
• 后端: Python Flask + Flask-CORS
• 样式: CSS3 动画 + 自定义着色器

浏览器支持

• Chrome 80+
• Firefox 75+
• Safari 13+
• Edge 80+

需要支持 WebGL 2.0

许可证

本项目采用 0BSD 开源许可证，可自由使用、复制、修改和分发，无需保留署名。

---

人民，只有人民，才是创造世界历史的动力。