Cocos摄像机缩放与拖拽 鱼与熊掌兼得Cocos3.x解决缩放与拖拽冲突 Scale Camera

最新推荐文章于 2023-04-10 18:04:00 发布
VIP文章 最新推荐文章于 2023-04-10 18:04:00 发布
阅读量1.6k 收藏
点赞数
分类专栏： cocos 文章标签： cocos2d 游戏引擎 vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Yourset/article/details/126444993
版权

如果想要正常的拖拽摄像机

则必须要打一下的勾勾
在这里插入图片描述

否则拖拽的比例会不匹配

比如说拖拽100像素的距离 可能摄像机只会移动40像素之类的

非常的坑爹

因为3。x版本没有摄像机的zoom属性 所以是无法计算的

现在的摄像机只能修改othroHeight(只针对2d游戏

在这里插入图片描述

妈个鸡吧 他妈的变成别的机型又不行了
或者再游戏中变成别的缩放比例也不行了
草
应该是要考虑变换机型以后屏幕缩放问题
******八，我终于搞定了。

首先我们不考虑机型问题，毕竟如果我们能够把这个Align勾上的话，那么其实游戏进去一开始，拖拽是很正常的。

那么我们就要解决的是，如果我们有需要放大或者缩小摄像头的时候，拖拽异常，应该怎么处理。

我经过反复实验，得出这样的结论

假设目前的OthroHeight为100 那么我们如果通过缩放摄像头以后调整了OthroHeight的高度为80

那么我们拖拽的时候得实际距离是 (80/100)*distance

真的可恶，我实验了这么久！

解决方案如下：

    /**摄像机拖动 */
    BeDraging
最低0.47元/天 解锁文章
Yourset
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
COCOS2D-X 实现触屏拖动和惯性运动
01-08
用cocos2d-x实现的触屏拖动程序，包括手指滑动后松开的惯性运动，可以直接，cocos2d-x开发，C++写的
图像scale与相机参数_Camera 图像处理原理分析
weixin_39893893的博客
12-23 324
从sensor或ISP硬件处理的流程上说，通常方向是先做RGB gain，再做color correction,最后做YUV空间的处理。所以调整效果的时候，为了减少参数之间的相互影响，基本上也可以按这个顺序来调整参数。1.1亮度感应及曝光1.1.1感光宽容度从最明亮到最黑暗，假设人眼能够看到一定的范围，那么胶片(或CCD等电子感光器件)所能表现的远比人眼看到的范围小的多，而这个有限的范围就是感光宽...
【Cocos Creator 3.x】实现放大镜效果
u014206745的博客
04-10 1207
5分钟学会如何快速实现放大镜效果。知识积累，学习巩固。
cocos中物体跟随触点旋转及缩放
programmer_trip的博客
11-01 2515
计算角色中心到触摸点形成的连线与与y轴正半轴之间的夹角 function getAngle(px,py,mx,my){//获得人物中心和鼠标坐标连线，与y轴正半轴之间的夹角 var x = Math.abs(px-mx); var y = Math.abs(py-my); var z = Math.sqrt(Math.pow(x,2)+Math.po...
图像scale与相机参数_Camera图像处理原理及实例分析
weixin_42326020的博客
12-23 1111
Camera图像处理原理及实例分析作者：刘旭晖 [email protected] 转载请注明出处BLOG：http://blog.csdn.net/colorant/做为拍照手机的核心模块之一，camera sensor 效果的调整，涉及到众多的参数，如果对基本的光学原理及 sensor 软/硬件对图像处理的原理能有深入的理解和把握的话，对我们的工作将会起到事半功倍的效果。否则，缺乏了理论的指...
CocosCreator3.x实现游戏跑马灯全服游戏通知功能
最新发布
02-18
CocosCreator3.x实现游戏跑马灯全服游戏通知功能 1、实现游戏跑马灯效果 2、支持新增消息自动显示播放并自动移除； 3、使用CocosCreator3.8.2目前最新引擎编写
Cocos Creator 3.x 中使用 Socket.io
10-10
Cocos Creator 3.x 中使用 Socket.io Cocos Creator 3.x 中使用 Socket.io 文档地址：https://blog.csdn.net/nicepainkiller/article/details/127239678 文档地址：...
cocos2d-x 双指缩放，单指拖动，双击自动放大地图
10-02
cocos2d-x 地图双指缩放，单指拖动，双击自动放大
Cocos Creator 3.x拖尾效果.zip
09-08
Cocos Creator 3.x 拖尾效果
Cocos2d-x 3.x游戏开发实战pdf含目录
07-24
Cocos2d-x 3.x游戏开发实战pdf含目录，内容详细，强烈推荐给大家。
在cocos2d-x3.0里面如何使用拖拽精灵
05-20
官网中文docs文档的例子下载 创建工程的时候一定要创建一样的文件名 http://www.cocos2d-x.org/docs/tutorial/framework/native/how-to-drag-and-drop-sprites/zh
cocos Creator 使用摄像机进行背景的差速移动
03-21
在creator中设计背景移动一般都会使用update进行刷新坐标，但是由于update中的dt值（针）不稳定就会造成背景移动时卡顿或顿挫特别难受。所以这里介绍了用相机进行背景差速移动，
cocos 触控拖拽移动
qq_37011713的博客
11-11 1037
cocos creator 触控事件
Cocos Creator 拖拽脚本
qq_43811107的博客
11-03 677
参考链接 const { ccclass, property } = cc._decorator; @ccclass export default class Drag extends cc.Component { _isTouched: boolean = false; _parentNode: cc.Node = null; // onLoad () { // } start() { this.node.on("touchstart", this.onTouchStar
cocos-地图拖拽和精灵拖拽
weixin_42855188的博客
11-27 393
地图拖拽 let rangeX = cc.winSize.width ; //容器可视宽度、这里默认屏幕大小为容器宽度 let rangeY = cc.winSize.height; //容器可视高度、这里默认屏幕大小为容器高度 let nodeBack = this.node; //地图节点 nodeBack .on('touchmove', function...
cocos2d-x 拖动杆的实现
小麦先生
12-22 743
直接上代码 在.h文件里面引用这几个文件 #include "cocos-ext.h" USING_NS_CC; USING_NS_CC_EXT;  //滑杆回调      void slideCallback(Object *sender, Control::EventType controlEvent);  .cpp文件   //ControlSlider  
CocosCreator的拖动小游戏主要逻辑
天才派大星 !的博客
02-18 1259
在拖动小游戏的逻辑里，主要看被拖动物体是否拖动到了指定的区域，是则加入到指定区域(换父节点)，否则返回原位置！ 效果展示 这里只做了一个，其实只要禁止了吞噬触摸，那么可以做任意个物体(不论物体是否存在重叠区域)的拖动操作 创建物体和待拖动区域(如果需要大量的待拖动物体，建议使用预制体生成的方式) code cc.Class({ extends: cc.Component, properties: { }, // LIFE-CYCLE CALLB
cocos creator 划动屏幕以移动摄像机
Hillbox
10-17 2552
本来代码是这么写的，在浏览器中运行也是好的。 cc.Class({ extends: cc.Component, properties: { _begin: cc.Integer, _end: cc.Integer, _origin: cc.Integer, _camera: cc.Node, }, onLoad () { // 找到摄像机 this.camera = cc.find("Ca
cocos creator 用摄像机实现局部缩放的效果，camera 小地图,局部放大，摄像机初学者新手教程【白玉无冰】每天进步一点点
白玉无冰
09-30 4511
多摄像机的支持可以让你轻松实现高级的自定义效果，比如双人分屏效果，或者场景小地图的生成。 摄像机是什么 摄像机(camera)是玩家观察游戏世界的窗口。可以这样理解，你在电视????电脑????上看到的演唱会直播等，会有不同的视角切换，这是因为切换不同的摄像机????视角实现的。创建场景时，Creator 会默认创建一个名为 Main Camera 的摄像机，作为这个场景的主摄像机。 添加一个摄像机 我们先创...
cocos creat. 3.X 实现倒计时功能
07-15
在Cocos Creator 3.X中实现倒计时功能，你可以按照以下步骤进行操作： 1. 创建一个倒计时节点：在场景编辑器中创建一个节点，作为倒计时的容器。可以使用Label组件来显示倒计时的时间。 2. 创建倒计时脚本：创建一个脚本组件，用于控制倒计时逻辑。可以使用以下代码作为参考： ```javascript cc.Class({ extends: cc.Component, properties: { totalTime: 60, // 总倒计时时间，单位：秒 timeLabel: { default: null, type: cc.Label, }, }, onLoad() { this.currentTime = this.totalTime; // 当前倒计时时间 this.updateTimeLabel(); this.schedule(this.updateCountdown, 1); // 每秒更新一次倒计时 }, updateCountdown() { if (this.currentTime > 0) { this.currentTime--; this.updateTimeLabel(); } else { // 倒计时结束的逻辑处理 } }, updateTimeLabel() { this.timeLabel.string = this.currentTime.toString(); }, }); ``` 3. 绑定脚本和节点：将倒计时脚本组件绑定到倒计时节点上。在场景编辑器中选中倒计时节点，然后在属性检查器中点击“添加组件”，选择之前创建的脚本。 4. 显示倒计时：在倒计时节点上添加一个Label组件，用于显示倒计时。将该Label组件拖拽到倒计时脚本的`timeLabel`属性上，用于更新显示的时间。 通过以上步骤，你就可以在Cocos Creator 3.X中实现倒计时功能了。记得根据你的具体需求进行适当的修改和扩展。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值