Proxx 游戏开发教程

Proxx 游戏开发教程

proxx A game of proximity 项目地址: https://gitcode.com/gh_mirrors/pr/proxx

Proxx 是一款由 GoogleChromeLabs 开发的游戏，旨在适配任何拥有Web浏览器的设备，包括功能手机。本教程将引导您了解项目的核心结构、关键文件以及配置详情，帮助您快速上手这个开源项目。

1. 项目目录结构及介绍

Proxx 的目录组织严谨，有利于维护与扩展。下面是主要的目录结构及其功能简介：

• /src: 核心源代码存放地。
  • /services: 包含游戏的主要服务部分。最初设计为服务架构，现主要分为UI服务（通过preact-canvas实现）和状态服务。
  • /rendering: 负责渲染逻辑，提供了两种模式：基于WebGL和基于Canvas 2D的渲染器。每个渲染器都可连接到不同的动画控制器。
  • /gamelogic: 纯游戏逻辑区域，运行在Web Worker内，以减轻主线程压力，优化动画性能。
• /.gitignore: 指定了Git应忽略的文件类型和路径。
• /nvmrc: 规定Node.js版本要求，用于保证开发环境一致性。
• /prettierignore: Prettier格式化工具所要忽略的文件列表。
• /travis.yml: Travis CI的配置文件，自动化构建测试流程。
• CONTRIBUTING.md: 提供给贡献者的指南，指导如何参与项目开发。
• LICENSE: 许可证文件，采用Apache-2.0许可协议。
• README.md: 项目的基本信息和快速入门指南。
• 配置文件如**generic-tsconfig.json**, package.json, prettier.config.js, rollup.config.js, sizereport.config.js, 和 tslint.json 分别负责TypeScript编译配置、项目依赖管理、代码格式化、打包编译、大小报告和TypeScript代码规范。

2. 项目的启动文件介绍

项目启动主要依靠脚本来管理，而非单一的“启动文件”。核心在于npm脚本。进行本地开发时，关键的启动操作是：

• 使用 npm install 来安装所有依赖项。
• 运行应用程序进行开发，使用命令 npm run serve，这将启动一个本地开发服务器，自动处理代码变更并实时刷新。

3. 项目的配置文件介绍

package.json

这是项目的主配置文件，包含了项目的元数据、脚本指令、依赖项等重要信息。您可以在这里找到项目的启动命令（如start, build, serve）和其他自定义脚本。

rollup.config.js

用于Rollup打包配置，定义了如何将源码编译和打包成最终可以运行的格式，支持按需导入等功能。

tsconfig.json (可能包含在generic-tsconfig.json中)

TypeScript配置文件，指示TS编译器如何编译项目中的TypeScript代码，包括编译目标、模块系统、源代码目录等。

tslint.json

设置了TypeScript代码风格检查规则，确保团队遵循一致的编码标准。

prettier.config.js

格式化配置，定义代码样式，如缩进、换行等，以保持代码的一致性和可读性。

综上所述，Proxx项目利用一系列精心配置的文件和现代前端工具链来支撑其开发和部署过程，让开发者能够高效地工作于这个跨平台游戏中。

proxx A game of proximity 项目地址: https://gitcode.com/gh_mirrors/pr/proxx