【采坑】CocosCreator 触摸位置与实际位置有偏差，设置锚点

最新推荐文章于 2024-07-31 18:26:56 发布
最新推荐文章于 2024-07-31 18:26:56 发布
阅读量3.4k 收藏
点赞数
分类专栏： CocosCreator 经验
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41786574/article/details/102853065
版权

结论：谨慎设置锚点

实际效果：设置父节点锚点时，父节点相对世界坐标系会发生位移，而子节点不会

建议：初始就设置好节点的锚点，尽量不要在代码中修改节点的锚点

用代码设置节点的锚点时一定要注意

此时节点的锚点是（0.5,0.5），子节点（红色）和节点（黑色）重合

接着我们改变节点的锚点为（0,0）

发现子节点的显示位置并没有改变

但父节点的位置改变了

羽Orz
关注
专栏目录
Cocos Creator中使用TiledMap教程资源
05-11
我特别喜欢瓦片类的游戏，正好在学习Cocos Creator，所以想自己做几个。可是官方文档关于TiledMap组件的介绍太少了。网上一搜，我滴天，全是cocos2d的，就让我来填补一下这个空白吧。里面包括了TiledMap编辑器，还有练习资源文件和相关Cocos Creator的工程文件，教程可以参见我的博客blog.csdn.net/potato47
Cocos Creator：touch 坐标会飘
HadesNyx
12-09 970
开发版本：v3.8.1 事件，方法
CocosCreator让一个物体跟随鼠标移动（两种方式 本地坐标系和世界坐标系）
Seven_drunk的博客
11-08 2217
在 Creator 3.x 里，屏幕和 UI 是完全区分开的，用户可以在没有 UI 的情况下点击屏幕获取触点信息。在 Cocos Creator 3.x 游戏运行时显示的画布大小就是屏幕区域，屏幕坐标是从画布的左下角为原点开始计算。而希望同样按照 Creator 2D 的方式获取“屏幕触点”坐标，则可以通过。本地坐标系和世界坐标系的区别。
CocosCreator中对按钮节点或者其父节点的scale进行缩放，出现按钮无法点击的情况？
最新发布
Vi_Jay的博客
07-31 322
问题出现原因：在设置节点scale的时候，把z值设为0了，将其设为原来大小即可解决
cocoscreator中物体跟随鼠标移动
qq_36606875的博客
11-30 4783
1.开启触摸监听 this.node.on(cc.Node.EventType.TOUCH_START,function(t){} this.node.on(cc.Node.EventType.TOUCH_MOVE,function(t){} this.node.on(cc.Node.EventType.TOUCH_END,function(t){} 2.在鼠标点击的时候...
cocos creator拿到的节点点击事件的位置是错的
qq_45305088的博客
01-06 3021
个常见的问题是，当摄像机被移动、旋转或者缩放后，这时候用点击事件获取到的坐标去测试节点的坐标，这样往往是获取不到正确结果的。 比如摄像机缩放两倍，点击事件获得的位置并不会缩放两倍，它是以屏幕左下角为基准 因为这时候获取到的点击坐标是屏幕坐标系下的坐标了，我们需要将这个坐标转换到世界坐标系下，才能继续与节点的世界坐标进行运算。 下面是一些坐标系转换的函数 // 将一个屏幕坐标系下的点转换到世界坐标系下 camera.getScreenToWorldPoint(point, out); // 将一个世界坐标系下
cocos2dx[3.2](7) ——节点类Node
weixin_33858485的博客
09-09 333
【唠叨】与2.x相比，节点类Node的属性和功能做了大幅度的修改与增加。【Node】 Node类是绝大部分类的父类（并不是所有的类，例如Director类是直接继承Ref类的），如Scene、Layer、Sprite以及精灵集合SpriteBatchNode等等等等的父类都是Node。 Node类包含了一些基本的属性、节点相关、Action动作的执行、以及...
Cocos Creator基础介绍
drawlessonsfrom的博客
03-18 1166
1、判断是否打开了相关的场景 双击相关的场景 在项目上方进行观察 2、Canvas 3、position的位置 在Cocos Creator中，其节点的position是相对于其父节点的position的位置，即其是一个相对位置关系。 4、节点和组件（component） 在Cocos creator中，节点是一个类型，而组件是一个功能，一个节点下可以含有多个组件。 5、父节点与子结点 在Cocos Creator中，当父节点的位置改变后其子结点的位置也会随着父节点的位置而改变。因为子结点的pos
cocoscreator黑边处理.zip
08-05
"cocoscreator黑边处理.zip"这个压缩包文件很可能包含了解决Cocos Creator游戏黑边问题的一些解决方案和教程。下面将详细讨论如何在Cocos Creator中处理黑边问题。 Cocos Creator是一个基于JavaScript的2D和3D游戏...
Cocos Creator TableView.ts 翻译 Cocos2dx cc.TableView
10-03
之前一直做Cocos2dx开发的TableView用得比较多，自己也扩展了一些功能，新公司用的Creator，所以翻译了个ts版本的，核心代码和函数名与cocos2dx的一致。 例子：...
Cocos Creator ScrollView 支持多种滚动，加载，刷新，嵌套，分页
06-02
支持上拉加载、下拉刷新 支持无限循环滚动 分帧创建item 循环分页 pageview 嵌套分页 pageview 支持表格布局Grid 支持不定宽高缩放自适应，item在运行时可随意更改宽高和缩放 支持滑动自动居中，居中锚点可自定义
不用锚点也可以平滑滚动到页面的指定位置实现代码
09-05
传统的做法通常是使用锚点（anchor tag），即创建一个带有特定id或name属性的目标元素，并通过链接跳转到这个位置。但是，如果不希望使用锚点，或者需要更多的控制，可以使用JavaScript来实现平滑滚动效果。 在提供...
自定义位置多功能实用个性锚点小导航栏.zip
07-11
在IT行业中，网页设计与开发是一项至关重要的技能，而锚点小导航栏是网页交互性的重要组成部分。"自定义位置多功能实用个性锚点小导航栏"这个项目，旨在提供一个可自定义、功能多样且适应不同网站风格的导航解决方案...
cocos判断鼠标点击_面试官：你可以用纯 CSS 判断鼠标进入的方向吗？
weixin_39662432的博客
11-27 132
(给前端大全加星标，提升前端技能)作者：鱼头的Web海洋公号 / 陈大鱼头(本文来自作者投稿)前言在之前某一个前端技术群里，有一个群友说他面试的时候遇到了一个问题，就是面试官让他用纯 CSS 来实现一个根据鼠标移动位置觉得物体移动方向的 DEMO。给出的初始结构如下：body { padding: 2em; text-align: center;}.block { ...
Creator节点被点住后，拖动移动位置
baidu_19552787的博客
05-10 214
节点被电点住拖动，仿官方例子 // Learn TypeScript: // - https://docs.cocos.com/creator/manual/en/scripting/typescript.html // Learn Attribute: // - https://docs.cocos.com/creator/manual/en/scripting/reference/attributes.html // Learn life-cycle callbacks: // - https:
COCOS-Tiled地图坐标
我了个去
03-21 2158
Tiled坐标
cocos creator3.x 触控方向键实现
zhang804633234的专栏
09-05 774
RockerOut 背景的精灵节点。RockerInt 内控制精灵节点。
CocosCreator学习笔记-官方教学-05-scripting-03-event（事件）
u011549406的专栏
03-20 817
此章节有4个演示案例，分别是： EventInMask（事件遮罩）1 三个图片相互覆盖，可触摸滑动最上面的图片；2 更改图片的层级；3 消失一个图片 MousePropagation（鼠标传播） SimpleEvent（简单事件） TouchPropagation（触摸传播） 1/EventInMask（事件遮罩） 首先建立一个遮罩组（遮罩层+图片），步骤如下（并按此步骤重复制做三...
cocos creator中容器节点位置坐标与子节点坐标设置的方法
06-03
在Cocos Creator中，容器节点的位置坐标可以通过设置节点的position属性来实现。例如，如果我们想将节点的位置设置为(100, 200)，我们可以使用以下代码： ``` node.position = cc.v2(100, 200); ``` 同时，子节点的坐标也可以通过设置节点的position属性来实现。不过需要注意的是，子节点的坐标是相对于父节点的坐标系的。例如，如果我们想将子节点的位置设置为(50, 50)，我们可以使用以下代码： ``` childNode.position = cc.v2(50, 50); ``` 需要注意的是，如果容器节点的锚点不是(0, 0)，那么子节点的坐标会相对于锚点来计算。如果我们想将子节点的坐标相对于容器节点的左下角来计算，可以将容器节点的锚点设置为(0, 0)。例如，我们可以使用以下代码将容器节点的锚点设置为左下角，并将子节点的位置设置为(50, 50)： ``` containerNode.anchorX = 0; containerNode.anchorY = 0; childNode.position = cc.v2(50, 50); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值