本项目是一个基于网页的小车遥控应用,采用摇杆界面进行控制。应用针对横屏操作进行了优化,包含多种用户交互功能。
项目包含以下文件和目录:
src/index.html
:应用主 HTML 文件,包含界面布局,设置为横屏显示,并引入 CSS 和 JavaScript 文件。src/js/joystick.js
:实现左侧摇杆功能,监听用户操作并向car.daozzg.com
发送相应数据。src/js/speed-control.js
:实现右侧速度控制拉杆功能,调整速度时向car.daozzg.com
发送速度数据。src/js/main.js
:应用入口文件,负责初始化摇杆和速度控制的事件监听,并处理与 API 的交互。src/css/style.css
:界面样式文件,包括摇杆和拉杆的样式定义。src/types/index.d.ts
:TypeScript 类型定义,包含与摇杆和速度控制相关的数据结构和接口。tsconfig.json
:TypeScript 配置文件,指定编译选项和包含的文件。package.json
:npm 配置文件,列出项目依赖和脚本。
运行项目请按照以下步骤操作:
- 克隆本仓库到本地。
- 进入项目目录。
- 使用 npm 安装依赖:
npm install
- 在浏览器中打开
src/index.html
查看应用。
- 使用左侧摇杆控制小车方向。
- 使用右侧拉杆调节小车速度。
- 应用会根据用户操作向
car.daozzg.com
发送相应数据。
欢迎贡献代码!如有改进建议或发现问题,欢迎提交 Pull Request 或 Issue。
本项目采用 MIT 许可证,详情请参阅 LICENSE 文件。