diff --git a/docs/.vitepress/config.mjs b/docs/.vitepress/config.mjs index 0a343f69..033785b8 100644 --- a/docs/.vitepress/config.mjs +++ b/docs/.vitepress/config.mjs @@ -16,7 +16,17 @@ export default defineConfig({ compiler: 'vue3', autoInstall: true }) - ] + ], + server: { + fs: { + allow: ['..'] + }, + middlewareMode: false, + headers: { + 'Cross-Origin-Embedder-Policy': 'require-corp', + 'Cross-Origin-Opener-Policy': 'same-origin' + } + } }, title: 'ECS Framework', description: '高性能TypeScript ECS框架 - 为游戏开发而生', @@ -28,7 +38,13 @@ export default defineConfig({ { text: '快速开始', link: '/guide/getting-started' }, { text: '指南', link: '/guide/' }, { text: 'API', link: '/api/README' }, - { text: '示例', link: 'https://github.com/esengine/lawn-mower-demo' }, + { + text: '示例', + items: [ + { text: 'Worker系统演示', link: '/examples/worker-system-demo' }, + { text: '割草机演示', link: 'https://github.com/esengine/lawn-mower-demo' } + ] + }, { text: `v${corePackageJson.version}`, link: 'https://github.com/esengine/ecs-framework/releases' @@ -58,6 +74,15 @@ export default defineConfig({ ] } ], + '/examples/': [ + { + text: '示例', + items: [ + { text: '示例概览', link: '/examples/' }, + { text: 'Worker系统演示', link: '/examples/worker-system-demo' } + ] + } + ], '/api/': [ { text: 'API 参考', diff --git a/docs/examples/index.md b/docs/examples/index.md index 270acc77..d6ebe7e3 100644 --- a/docs/examples/index.md +++ b/docs/examples/index.md @@ -1,3 +1,23 @@ # 示例 -代码示例。 \ No newline at end of file +这里展示了ECS Framework的各种使用示例,通过实际的演示帮助您理解框架的功能和最佳实践。 + +## 🎮 互动演示 + +### [Worker系统演示](./worker-system-demo) +- **功能**: 展示Worker多线程物理计算和渲染优化 +- **特性**: 1000+粒子实时物理模拟、碰撞检测、性能对比 +- **技术点**: SharedArrayBuffer、Canvas 2D优化、实体生命周期管理 + +## 🔗 外部示例 + +### [割草机演示](https://github.com/esengine/lawn-mower-demo) +- **平台**: Cocos Creator 3.x +- **功能**: 完整的游戏演示项目 +- **特性**: 展示ECS架构在实际游戏项目中的应用 + +## 📚 更多资源 + +- [快速开始指南](/guide/getting-started) +- [核心概念](/guide/) +- [API文档](/api/README) \ No newline at end of file diff --git a/docs/examples/worker-system-demo.md b/docs/examples/worker-system-demo.md new file mode 100644 index 00000000..6e8bdc62 --- /dev/null +++ b/docs/examples/worker-system-demo.md @@ -0,0 +1,13 @@ +# Worker系统演示 + +这是一个展示ECS框架Worker系统功能的交互式演示。 + +## 在线演示 + +
+ +> **注意**: 演示将在新窗口中打开,展示完整的Worker系统功能,包括实体管理、物理模拟和性能监控。 \ No newline at end of file diff --git a/docs/public/demos/worker-system/assets/ecs-framework.umd.js b/docs/public/demos/worker-system/assets/ecs-framework.umd.js new file mode 100644 index 00000000..8abc622f --- /dev/null +++ b/docs/public/demos/worker-system/assets/ecs-framework.umd.js @@ -0,0 +1,4 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ECS={})}(this,(function(e){"use strict";function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n错误: ${error}
+请确保浏览器支持Web Workers和Canvas API
+