diff --git a/README.md b/README.md
index 2a6bc9e960a9251f18aa67f63428ab044d98d2e4..1ff78894c6d9a1f05a007c79ab61375cf733d47b 100644
--- a/README.md
+++ b/README.md
@@ -1,39 +1,75 @@
-**[English](README.md)** <br>
-**[中文](README_zh.md)**
+# three.js-with-vue
 
-<h1 style="text-align: center;color: #fd0000">three.js + vue3 Learning Case</h1>
+一个基于 Vue 的 three.js 示例项目，用于展示 3D 图形渲染和交互功能。
 
-## 在线预览：<http://three.ailxy.icu/>
+## 项目简介
 
-## 1. Environment and Initialization
-```
-node: 20.14.0
-npm install
-npm run serve
-npm run build
-```
+该项目是一个结合了 Vue.js 和 three.js 的示例应用，旨在展示如何在 Vue 环境中使用 three.js 进行 3D 场景的创建与渲染。项目包含多个示例页面，涵盖了动画、相机控制、物理引擎集成、光影效果、模型加载等常见功能。
 
-## 2. Project Introduction
-<div>
-  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;The purpose of creating this repository is to provide a complete set of learning resources for learners, helping everyone to quickly get started with three.js and master its basic concepts and functionalities.<br>
-  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;The most useful part of this repository is the relevant resource links in the top navigation bar. It collects all the learning materials I've gathered since studying three.js, including a wealth of 3D assets and related tutorials.<br>
-  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;To help you better understand and apply what you’ve learned, we provide numerous small examples. Each example focuses on a specific feature or effect, allowing you to quickly grasp various techniques of THREE.JS through hands-on practice. For instance, you can learn how to create and manipulate geometries, materials, lights, how to add animations and interactive effects to 3D scenes, and how to load and handle complex 3D models. 
-  These projects cover a wide range of application scenarios, guiding you through the entire process of building a 3D application from scratch.
-  In these practical projects, you can not only reinforce your knowledge but also enhance your project management and problem-solving skills. These projects will become important achievements for showcasing your skills and provide valuable references for actual development.
-</div>
+此外，项目还集成了游戏开发相关的示例模块，展示了角色控制、怪物行为、团队战斗等基础游戏机制的实现方式。
 
-![first](public/introduce/images/first.png)
-![second](public/introduce/images/second.png)
-![third](public/introduce/images/third.png)
-![fourth](public/introduce/images/fourth.png)
+## 功能特性
 
-## 3. Declaration
-This project is a collection of learning resources aimed at helping learners better understand related topics. Some resources in this project are sourced from the internet and may not be copyright protected. In this regard, I declare:
+- 多种 three.js 示例场景
+- 动画演示（包括角色动画和场景动画）
+- 相机控制与交互
+- 物理引擎集成（Ammo.js）
+- 光影效果与后期处理
+- 3D 模型加载与解析
+- 游戏机制原型（角色控制、战斗系统等）
 
-1. All external resources in this project are for non-commercial use only, intended for learning and research purposes.
-2. If you are the copyright owner of any resource and wish for its removal, please contact me promptly, and I will address it as soon as possible.
-3. This project does not bear any legal responsibility for the use of these resources.
+## 安装指南
 
-Thank you for your attention and support for this project!
+1. 克隆仓库：
+   ```bash
+   git clone https://gitee.com/kingstk/three.js-with-vue.git
+   ```
 
---- 
+2. 进入项目目录：
+   ```bash
+   cd three.js-with-vue
+   ```
+
+3. 安装依赖：
+   ```bash
+   npm install
+   ```
+
+4. 启动开发服务器：
+   ```bash
+   npm run serve
+   ```
+
+5. 打开浏览器访问：
+   ```
+   http://localhost:8080
+   ```
+
+## 使用示例
+
+项目包含多个示例页面，分别位于不同的路由下。你可以通过左侧菜单导航到不同示例页面查看具体实现。
+
+例如：
+- `/baseCase/animation/firstDemo`：基础动画演示
+- `/baseCase/camera/firstDemo`：相机控制演示
+- `/baseCase/physics/firstDemo`：物理引擎基础演示
+- `/project/firstProject`：完整项目示例
+
+## 贡献指南
+
+欢迎贡献代码！请遵循以下步骤：
+
+1. Fork 项目
+2. 创建新分支 (`git checkout -b feature/new-feature`)
+3. 提交更改 (`git commit -am 'Add new feature'`)
+4. 推送分支 (`git push origin feature/new-feature`)
+5. 创建 Pull Request
+
+## 许可证
+
+本项目采用 MIT 许可证。详情请查看 [LICENSE](LICENSE) 文件。
+
+## 在线预览
+
+项目已部署在线预览版本：
+<http://three.ailxy.icu/>
\ No newline at end of file