YunYouJun / Cocos Creator Joystick
Licence: mit
🕹 Cocos Creator Joystick Demo 虚拟摇杆
Stars: ✭ 148
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Cocos Creator Joystick
Demo Reactive Spring
Demo code for "Servlet and Reactive Stacks" talk
Stars: ✭ 147 (-0.68%)
Mutual labels: demo
Frontend Download Sample
🎄 自己整理的一些项目中遇到过的关于上传和下载的一些Demo，仅供给位看官参考，避免踩坑，即插即用，欢迎fork和star🌟，为这个仓库添砖加瓦～(P.S. 个人认为如果没写过上传下载其实还是挺麻烦的～)
Stars: ✭ 142 (-4.05%)
Mutual labels: demo
Gestureai Coreml Ios
Hand-gesture recognition on iOS app using CoreML
Stars: ✭ 145 (-2.03%)
Mutual labels: demo
Kaetram Open
An open-source 2D HTML5 adventure based off BrowserQuest (BQ).
Stars: ✭ 138 (-6.76%)
Mutual labels: demo
Iconfontsimagelist
Components to simplify use of "Icon fonts": resize, color, opacity and more... with full support for High-DPI apps. Rendering optimized with GDI+
Stars: ✭ 147 (-0.68%)
Mutual labels: demo
Aspnetcore Angular Ngrx
🚀 An ASP.NET Core WebAPI Demo with an Angular Client using Ngrx store and effects and Signalr
Stars: ✭ 141 (-4.73%)
Mutual labels: demo
Gameframework demo
基于Unity3D框架Game Framework（ http://gameframework.cn ）的教程和实例，对应教程：http://www.benmutou.com/archives/category/unity3d/game-framework
Stars: ✭ 138 (-6.76%)
Mutual labels: demo
Segmentedcontrol
Android SegmentedControl + multi row support
Stars: ✭ 143 (-3.38%)
Mutual labels: demo
Uitextviewdiyemojiexample
Example of insert custom emoji image in to UITextView. And get the represent string back after editing.
Stars: ✭ 148 (+0%)
Mutual labels: demo
Low Rank Bilinear Pooling
Fine-grained classification via second order statistics in a compact end-to-end trainable model
Stars: ✭ 145 (-2.03%)
Mutual labels: demo
cocos-creator-joystick
Cocos Creator 虚拟摇杆样例
- Version 0.2.0 for Cocos Creator 3.0
- Version 0.1.0 for TypeScript (Cocos Creator 2.x)
- Version 0.0.2 for JavaScript (Cocos Creator 2.x)
中文文档 | English Docs
在线预览: cocos-creator-joystick
使用
下载
通过文件导入
Cocos Creator v3.x -> 文件 -> 资源导出... -> 选择 -> assets/demo.fire Cocos Creator v3.x -> 文件 -> 资源导入...
通过 Git
git clone https://github.com/YunYouJun/cocos-creator-joystick.git
将其作为项目，通过 Cocos Creator v3.x 打开。
你可以在 demo 场景中查看样例。
主菜单：开发者 -> VS Code 工作流 -> 更新 VS Code 智能提示数据 来更新已有项目的
creator.d.ts文件。
功能
- 虚拟摇杆类型
- [x] 固定
- [x] 跟随
- 玩家
- [x] 旋转
- [x] 移动
- 触摸感应位置（自定义 Joystick 宽高）
- [x] 全屏感应
- [x] 半屏感应
- 节点间解耦（只需要监听 Touch 事件，而无需挂载 Player 节点至 Joystick，可控制任意多个 Player）
虚拟摇杆
| 属性 | 类型 | 默认值 | 描述 | 可自定义 |
|---|---|---|---|---|
| joystickType | JoystickType.FIXED / JoystickType.FOLLOW | JoystickType.FIXED | 虚拟摇杆类型 | √ |
| ring | cc.Node | - | 摇杆背景节点 | √ |
| dot | cc.Node | - | 摇杆操纵点 | √ |
玩家
| 属性 | 类型 | 默认值 | 描述 | 由虚拟摇杆控制 | 可自定义 |
|---|---|---|---|---|---|
| rigidbody | boolean | false | 刚体（物理）模式 | × | x |
| moveDir | Vec2 | cc.v2(0, 1) // 竖直向上 | 初始移动方向 | √ | √ |
| _speedType | SpeedType.STOP / SpeedType.NORMAL / SpeedType.FAST | SpeedType.NORMAL | 速度类型 | √ | × |
| _moveSpeed | cc.Integer | 0 | 移动速度 | × | × |
| stopSpeed | cc.Integer | 0 | 停止时速度 | × | √ |
| normalSpeed | cc.Integer | 100 | 正常速度 | × | √ |
| fastSpeed | cc.Integer | 200 | 加快时速度 | × | √ |
项目结构
逻辑文件均位于
assets/script目录下
| 文件名 | 描述 | 功能 |
|---|---|---|
| Joystick.js | 虚拟摇杆脚本文件 | 存储 Joystick 主逻辑 （包含一些类型定义与全局监听实例） |
| Player.js | 玩家脚本文件 | 监听 Joystick 发射的事件（可根据需要自行修改删除） |
| UI.js | UI | 提供在线预览页面，玩家切换摇杆类型功能。（不需要可直接删除） |
其他
欢迎 Star, Issues, Pull requests 。
开发
构建
npm run build
部署
npm run deploy
Todo
- [ ] Keep half screen layout (now is fixed width)
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].