实现H5中区域判断 King.ShapeTouch

GPL
JavaScript
跨平台
2016-07-11
张凯林

ShapeTouch

ShapeTouch 该Javascript库用于实现H5中不规则图形按钮可点击区域的判断,特别用于H5游戏中的某些场景。

API 调用接口

king.shape.touch(src,x,y,callback)
king.shape.touchPoint(src,point,callback)

point对象示例:
The point object like this:

{x:9,y:25}

Return 返回值

Object {touch: true, alpha: 255} Or Object {touch: false, alpha: 0}

touch为true时,该点非透明,点击生效,alpha值大于0,touch为false时,该点透明,alpha为0.
(开发者也可以根据alpha的值自行判断点击是否生效)
The touch is true, the point is not transparent, the alpha value is greater than 0.

Use 使用

Html:添加引用后直接使用

<script type="text/javascript" src="ShapeTouch-min.js"></script>
<script type="text/javascript">
(function() {
  king.shape.touch('images/logo.png',20,40,function(result){
    console.log(result);
  });
});
</script>

Cocos creator:将文件放入assets即可,不需require

this.node.on('touchend', function (event) {
  var touchPoint = event.getLocation();
  var node = event.currentTarget;
  var nodePoint = node.convertToNodeSpace(touchPoint);
  var nodeSrc = node.getComponent(cc.Sprite).spriteFrame.getTexture().url;
  king.shape.touchPoint(nodeSrc,nodePoint,function(result){
    console.log(result);
  });
}, this);
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

Express

1 express介绍 web application framework fornode 2 官方网站 http://expressjs.com/ 3.helloworld 安装express npm install -g express 建立工程 npm t ejs king (king为工程名字) create...

2013/03/16 18:46
72
0
ORACLE函数sys_connect_by_path

Oracle函数sys_connect_by_path 详解: 语法: Oracle函数:sys_connect_by_path 主要用于树查询(层次查询) 以及 多列转行。其语法一般为: select ... sys_connect_by_path(column_name,'co...

2018/06/29 14:35
12
0
来吐槽一下idehub!

1.i码邦java入门神器提交App store 2.我是来吐槽的 3.工具+社区可行?

2015/09/25 17:08
8
0
php字符串操作

想必在我们码代码的过程中,定义字符串是一点都不陌生呀。 ### 假设我们定义一个字符串并输出: ``` $username='king'; echo $username.' '; ``` 输出结果: ``` king ``` - **输出时输出结果...

2016/12/15 10:33
1
0
查询(mongodb权威指南第4章)

使用find或者findOne函数和查询文档对数据库执行查询 使用$条件查询实现范围、集合包含、不等式和其他查询 有些查询用查询文档,甚至$条件语句都不能表达,对于这种复杂的查询,可以用$wher...

2013/03/20 00:00
34
0
BestCoder Round #75 解题报告

1.King's Cake #include<stdio.h> #include<iostream> using namespace std; int ans; void solve(int l,int w) { if(weight == 0||weight == 0) return 0; int t,t...

2016/07/03 10:34
2
0
凸包(叉积

弄篱笆护树的最优解

2014/08/04 19:23
23
0
1: Merge Conflicts( Merge Conflicts )

When you merge a branch into another, it can sometimes conflict with commits others have added. Let's say that you're working on a project with another developer named Ninja Jan...

2016/09/15 11:40
2
0
Hans-My-Hedgehog

Hans-My-Hedgehog   When Hans-My-Hedgehog had themair jordan NFL jerseys Nike Wholesale Cheap Shoes Designer Handbags, he said, "Father, go to the blacksmith's and have my coc...

2009/12/17 15:57
42
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部