Light

yunyoujun / cocos-creator-joystick Goto Github PK

View Code? Open in Web Editor NEW

230.0 6.0 88.0 2.61 MB

🕹 Cocos Creator Joystick Demo 虚拟摇杆

Home Page: https://yunyoujun.github.io/cocos-creator-joystick/

License: MIT License

TypeScript 100.00%

cocos-creator joystick demo input-handler

cocos-creator-joystick's Introduction

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 文件。

功能

虚拟摇杆类型
- 固定
- 跟随
玩家
- 旋转
- 移动
触摸感应位置（自定义 Joystick 宽高）
- 全屏感应
- 半屏感应
节点间解耦（只需要监听 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)

cocos-creator-joystick's People

Contributors

Stargazers

Watchers

Forkers

jonle lxb229 bairimengxiangjia cocgo xff8175 1094293008 ygda fanhaipeng0403 mooooooi 353997697 whg333 xiamimin taotaoxiang qidengji hui963 mengxianlei chenyu0532 dr520 readpan smartxiaohan spadd theng weizifen fanchengzui163 nimohe yinori1412 tangxiaohui dh360 robotpin valdimirreap 1215048375 banbanlu settime ferryahaf cqw1022 kingkamg cn-dream weijunhu jpinglove zsy1987 haotxp hehe159 tedao als2014 jlthkf22 ca39-quincy lizhiyu-me chadcsong 460gamestudio donoj starryseer xdq15588649359 garvinpanda ygwh77 zhangbaron1 yu358769601 jiangbaotian abcasg brokentooth1989 haiyanchina rlkun sky068 yes7rose timsengit xiaoyuanhost reason211 sunwanxin213 atom-chen shengyihua godxkey continuemycoding ihc523 yuruyigit zozodance daolvd xinzai2014 code-rover madou1217 lovoror adjsnlxx doyoframework forwardthedream jasonmrq xtym firzencode wuweikd dcivan226 longsf ppkliu

cocos-creator-joystick's Issues

导入无法运行

是我导入的方式不对吗？用cocos creater 打开项目也无法成功跑起来

請問這能原生發布過android嗎？

請問這能原生發布過android嗎？
我在編譯階段時會報錯。
訊息為：
Error: Compile failed. The log file path [ C:\Users\User.CocosCreator\logs\native.log ]
at ChildProcess. (C:\CocosDashboard_1.0.11\resources.editors\Creator\2.4.4\resources\app.asar\editor\core\native-utils.js:1:24467)
at ChildProcess. (C:\CocosDashboard_1.0.11\resources.editors\Creator\2.4.4\resources\app.asar\editor\core\native-utils.js:1:6527)
at ChildProcess.emit (events.js:194:13)
at ChildProcess.EventEmitter.emit (domain.js:469:20)
at maybeClose (internal/child_process.js:998:16)
at Process.ChildProcess._handle.onexit (internal/child_process.js:265:5)

要注意锚点的使用

锚点的设置太坑了找了半天不知道为啥不生效，这个要了解的需要注意下，其他的很赞

报错: getComponent: Type must be non-nil

cocos creator 版本 v2.0.9

问题出现的步骤：
git clone 之后导入项目然后 demo 场景浏览器预览，鼠标点击页面没有反应。
点击 fixed 和 follow 两个按钮控制台报错：
CCDebug.js:254 getComponent: Type must be non-nil
27.cc.errorID @ CCDebug.js:254
getConstructor @ base-node.js:45
getComponent @ base-node.js:802
emit @ CCComponentEventHandler.js:147
emitEvents @ CCComponentEventHandler.js:122
_onTouchEnded @ CCButton.js:690
174.CallbacksInvoker.invoke @ callbacks-invoker.js:255
_doDispatchEvent @ CCNode.js:492
dispatchEvent @ CCNode.js:1781
_touchEndHandler @ CCNode.js:342
_onTouchEventCallback @ CCEventManager.js:508
_dispatchEventToListeners @ CCEventManager.js:632
_dispatchTouchEvent @ CCEventManager.js:554
dispatchEvent @ CCEventManager.js:1049
handleTouchesEnd @ CCInputManager.js:174
_mouseEventsOnElement @ CCInputManager.js:467
(anonymous) @ CCInputManager.js:495

谢谢大佬

谢谢大佬

player的move函数不用dt直接用60帧，会导致速度受帧率影响

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.