CocosCreator Touch转世界坐标

最新推荐文章于 2024-04-16 09:49:17 发布
原创 最新推荐文章于 2024-04-16 09:49:17 发布 · 1.3k 阅读 · 2 ·
本内容遵循CC 4.0 BY-SA版权协议
本文为博主原创文章，未经博主允许不得转载。
本文探讨了在游戏开发中，当相机位置发生变化时，Touch的世界坐标如何受到影响。通过使用Cocos2d-x或类似游戏引擎，我们展示了如何计算Touch在世界坐标系中的准确位置，这对于实现精确的触控交互至关重要。

当场景中存在相机时，Touch的世界坐标会受到相机影响。
当相机位置处于(0,0)时，Touch.getLocation()得到的值就是世界坐标，
当相机位置发生位移时，如在(100,100)的位置，此时Touch的世界坐标就受到影响。

let camera=cc.Camera.main;
let touchWorldPos=touch.getLocation().addSelf(camera.node.getPosition());
//或
let touchWorldPos=camera.getScreenToWorldPoint(touch.getLocation());
kingBook928
关注
Cocos Creator 3.0 3D 之相机跟随与旋转
Cocos的博客
03-16 877
Cocos Creator 3.0正式版更新后，许多同学开始尝试着在相机上做些简单的事情。现在吃鸡或者 FPS 类的游戏挺火，相机跟随方面的技术必不可少，但目前Cocos Creator 3D 这方面的代码文章尚不多。所以今天想跟大家分享下此篇文章，通过学习四元数，理解相机的旋转，实现游戏中常见的第一人称视角及第三人称视角。本文转载自 Cocos 中文社区，作者：JoeyHuang312，欢迎...
Cocos Creator 3D游戏成像全过程详解与Shader详解
Thomas_YXQ的博客
04-16 1200
Cocos Creator是一款由Cocos2d-x团队开发的游戏开发引擎，它不仅支持2D游戏的开发，还能够创建3D游戏。在本文中，我们将详细介绍Cocos Creator 3D游戏成像的全过程，并深入探讨Shader的实现细节。对惹，这里有一个游戏开发交流小组，大家可以点击进来一起交流一下开发经验呀！一、Cocos Creator 3D游戏成像全过程详解创建场景：在Cocos Creator中，我们首先需要创建一个场景来放置游戏中的各种元素，如角色、道具、背景等。可以通过拖拽资源或代码创建节点来构建场景。
cocos creator拿到的节点点击事件的位置是错的
qq_45305088的博客
01-06 3380
个常见的问题是，当摄像机被移动、旋转或者缩放后，这时候用点击事件获取到的坐标去测试节点的坐标，这样往往是获取不到正确结果的。 比如摄像机缩放两倍，点击事件获得的位置并不会缩放两倍，它是以屏幕左下角为基准 因为这时候获取到的点击坐标是屏幕坐标系下的坐标了，我们需要将这个坐标转换到世界坐标系下，才能继续与节点的世界坐标进行运算。 下面是一些坐标系转换的函数 // 将一个屏幕坐标系下的点转换到世界坐标系下 camera.getScreenToWorldPoint(point, out); // 将一个世界坐标系下
CocosCreator中移动摄像机之后转世界坐标
kuokuo666的博客
05-09 3024
引擎版本 CocosCreator v2.0.9 很多时候我们可能会做一个大地图游戏，而摄像机的移动是必须的。 但是摄像机移动后获取到的触点是基于屏幕的，而物体坐标是世界下的。 这时候就要求我们转化为世界坐标系。 世界坐标系也叫做绝对坐标系，在 CocosCreator 游戏开发中表示场景空间内的统一坐标体系，世界就用来表示我们的游戏场景。 在屏幕左下角为原点 。 本地坐标系也叫相对坐标系，是和节...
Cocos Creator 探照灯效果 Shader 实现
Cocos的博客
08-05 490
前言探照灯效果就是指整个场景或者图片都是黑的，只有灯光照射的地方才是亮的。实现方式有很多种，我们这里用 Shader 来实现，主要原因就是用 Shader 来实现，效率更高，效果更好，并且拓展性更强一些。下面是一个探照灯效果：探照灯实现光照原理我们知道在程序中颜色由 RGB 三个数值来决定，比如红光的 RGB 值是 255、0、0，但在 GLSL 语言中表示颜色的最大值是 1.0，而且通常用一个 ...
CocosCreator:TOUCH_END事件的触发时机
bark2003的专栏
06-04 505
如题，该事件的触发是有一定规律的。在CocosCreator1.4.2中，节点可以接收四个触摸消息，如下：(官方文档:http://www.cocos.com/docs/creator/api/classes/Node.html)node.on(cc.Node.EventType.TOUCH_START, callback,this.node);node.on(cc.Node.EventType....
CocosCreator TOUCH_MOVE事件
Dust的博客
12-09 5331
注册事件 在onDestroy里注销本事件 onLoad() { this.node.on(cc.Node.EventType.TOUCH_MOVE, this._touchMove, this); } protected onDestroy(): void { this.node.off(cc.Node.EventType.TOUCH_MOVE, this._touchMove, this); } 绑定的事件，里面可以获取到的一些参数 private _touchMove(e) { co.
CocosCreator物体跟随触摸点(鼠标)移动
丶博Liang 的博客
01-08 1万+
绑定鼠标点击事件 在cocoscreator中，ui坐标与世界坐标是不同的，所以要实现物体跟随移动就需要转换一下坐标 properties: { weapon:cc.Node, }， onload(){ //绑定事件 this.node.on(cc.Node.EventType.TOUCH_MOVE,this.mouseFun,this); }, mouseFun(even...
CocosCreator 全局Touch事件
kingBook928的博客
08-04 1803
全局的Touch事件 const{ccclass}=cc._decorator; @ccclass export default class GlobalTouchInput extends cc.Component{ private _eventManager=cc["internal"]["eventManager"]; private _touchListener:any; ...
Cocos Creator 3.x 角色残影效果实现
carlos13207的博客
09-28 677
当我们玩游戏时，经常会注意到一种神奇的效果：游戏中的角色快速移动或者进行动作时，会留下一道闪烁的残影。这个效果非常酷，给游戏增加了动感和视觉吸引力。那么，这个酷炫的效果是如何实现的呢？在本文中，我们将揭开人物残影效果的秘密，告诉你它是如何在游戏中实现的，以及为什么它对游戏的吸引力如此之大。
CocosCreator摄像机使用相关经验整理
热门推荐
xw1110280055的专栏
11-03 1万+
最近在新项目中使用到了摄像机，虽然说现在Creator v2.0版本在创建场景的时候会默认创建一个摄像机，但是想实现策划想要的效果，还是需要做一些小操作的，这个是Cocos官网对摄像机的解释Creator摄像机。 我的是一个碰碰车项目，需要给玩家一种自己的碰碰车一直处在屏幕中央的感觉，就需要在玩家的update方法里根据玩家的坐标来不断更新摄像机的坐标， this.mainCarema.posit...
Cocos Creator 3.0基于PBR的物理渲染详解
voidinit的专栏
04-20 911
Cocos Creator 3.0基于PBR的物理渲染详解 Cocos Creator 3.0出来以后，终于Cocos Creator 升级成为全新的2D/3D游戏引擎，适合2D和3D游戏开发，而3D游戏对画面效果和渲染管线的定制会有很高的需求，PBR美术工作流作为次世代主流的解决方案，今天我们来详细的分析一下基于Cocos Creator 的PBR物理渲染。 1: 计算机是如何显示颜色的 讨论这个问题，我们先来分析一下人眼是如何看到世界的。人眼看到物体的颜色，就是看到物体的自发光与反射...
CocosCreater2D相机跟随角色移动
weixin_63883707的博客
04-01 1344
3、把player拉过去，再自行调一下lerpFactor线性插值。2、脚本，添加到要跟随player的相机上。1、相机跟随player。
纯干货！一文搞懂 Cocos Creator 3.0 坐标转换原理
Cocos的博客
06-29 2013
Cocos Creator 3.0 如何将世界坐标转屏幕坐标？Creator 3D 怎么将 3D 坐标转化到 Canvas 上面？触摸的屏幕坐标如何转世界坐标？怎么把 Canvas 下的节点坐标转换为 3D 场景坐标？在 Cocos 中文社区上，不时能看到和“坐标转换”有关的讨论帖。不论是Cocos Creator 3D 版本，还是 2D 和 3D 产品融合后的 3.0 版本，都有大量开发者对这...
CocosCreator之KUOKUO带你搞反射-简单的安卓交互
kuokuo666的博客
01-15 1800
摘要 在使用 CocosCreator 打包的原生应用中，我们可以通过引擎封装好的反射机制调用 Java 的静态方法，从而实现提示、相册、支付跳转等功能。本次内容为环境介绍与简单的交互。 正文 先看效果 版本说明 CocosCreator 为 2.2.1 版本。 AndroidStudio 为 3.5.2 版本。 JDK 为 13 版本。（具体：13.0.1） NDK 为 20 版本。（具体...
Demo 开源丨Cocos Creator 快速实现 2D 动态光照
Cocos的博客
11-19 689
脑海中有个炫酷的效果，却不知道怎么实现？茫茫互联网竟然找不到自己需要的 Cocos Creator 教程？其实，许多热心开发者、Cocos 引擎官方技术团队，一直在论坛、GitHub、公众号等地方持续输出着自己对 Cocos Creator 的探索成果。Cocos 布道师 好巧啊c & 哲锋 收集了部分优质开源 Demo 工程，将陆续同大家分享一些 Cocos Creator 3.x 游戏...
CocosCreator 提前计算刚体位置
kingBook928的博客
08-07 443
b2Body.prototype.ApplyLinearImpulseToCenter = function (impulse, wake) { if (wake === void 0) { wake = true; } if (this.m_type !== exports.b2BodyType.b2_dynamicBody) { return; } if (wake &a...
cocos creator使用头条小游戏相机功能作为背景
小菜希的Blog
10-20 675
cocos creator使用头条小游戏相机功能作为背景 版本：2.4.2 const { ccclass, property } = cc._decorator; @ccclass export default class TestVideo extends cc.Component { private camera: any = null; private video: any = null; private videoTexture: cc.Texture2D = nul
CocosCreator 3.0中摄像机调整技巧: 1.旋转:Cmd+右键 移动:空格+右键 放缩:滚轮
focus-unchanged-thing
12-18 1939
1)2D UI 的添加非常简单，选择2D场景查看模式--》Scene-->Create-->UI Component -->Button就可以添加一个按钮到场景中，就会自动添加Canvas节点。 2)Camera可以挂载到节点身上，这样节点走到哪里，就会跟到哪里。 3)调整摄像机的位置： 首先将摄像机位置改为0，0，0 旋转也是0，0，0，然后开始调整位置即可。 ...
cocos屏幕坐标转为世界坐标
weixin_45514287的博客
07-16 744
start() {//移动获取触摸点})
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值