cocos creator 节点的镜像反转

于 2022-11-02 11:09:36 发布
阅读量2.2k 收藏 1
点赞数
文章标签： cocos2d 游戏引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_47956199/article/details/127647729
版权

自己在做横版小游戏的时候，想左右运动时精灵图直接旋转，但是一直搞不懂那个旋转，后面才发现2d情况下，旋转时没有z轴，就只能是原地转圈上下颠倒，而想要镜像反转的话就需要开启3d模式了

如果是在编辑器上的话直接点击左上角最右边的3D按钮就行了

如果是想在代码里实现的话就要在代码中加这行代码

this.node.is3DNode = true;

最好加到onLoad函数里面

然后就可以使用一下代码直接达成效果

this.node.eulerAngles = cc.v2(0,180)
// v2，v3是cc里的方法
// v2内有两个参数分别是x,y，x是绕x轴旋转的角度，y是绕y轴旋转的角度
// v3内有三个参数分别是x,y,z，就分别表示x,y,z旋转角度

如果不是3D模式的话改变this.node.eulerAngles的值是没意义的，没有效果，至于什么原因欢迎大佬评论

－－X－－
关注
cocoscreator 翻牌效果
04-12
cocoscreator 翻牌效果cocoscreator 翻牌效果cocoscreator 翻牌效果
cocos creator 设置精灵镜像翻转效果
瑾修的博客
08-17 1913
cocos creator 设置精灵镜像翻转效果
cocos2d - JS Sprite 镜像反转显示 ( Flipped )
Yu
07-25 7375
Sprite 水平反转 : 注意 : 只能对Sprite 或者 Sprite的子类 调用 .var sp = new cc.Sprite("res/pic.png");sp.setFlippedX(true);实际效果 :反转前显示效果 : 反转后显示效果 :
cocos creator 牌面翻转
热门推荐
jia_ly的博客
02-22 1万+
cocos creator 牌面翻转 思路描述 利用方法 var rotationTo = cc.rotateTo(1, 0, 180); this.paiNode.runAction(rotationTo); 进行位置的移动。移动完成之后，Node.setScaleX(-1); 完成翻转。在 update 中监 Node.rotationY 的值，达到自己要求的时候，更换精灵图...
COCOS2D中对精灵的操作、对图片的各种操作（转）
幻影交叠
07-27 455
[size=medium] 原地址：[url]http://www.cr173.com/html/15940_1.html[/url] 于精灵的各种操作，总结一下以便以后复习查找。 内容简要： 1、初始化 2、创建无图的精灵 3、设置精灵贴图大小 4、添加入层中 5、对精灵进行缩放 6、对精灵款或高进行缩放 7、旋转精灵 8、设置精灵透明度 9、精灵...
Cocos Creator模拟砸金蛋3d旋转效果 | 附代码egg.zip
12-13
Cocos Creator模拟砸金蛋3d旋转效果 | 附代码egg.zip // Learn TypeScript: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/typescript.html // - [English] http://www.cocos2d-x.org/docs/creator/manual/en/scripting/typescript.html // Learn Attribute: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/reference/attributes.html // - [English] http://www.cocos2d-x.org/docs/creator/manual/en/scripting/reference/attributes.html // Learn life-cycle callbacks: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/life-cycle-callbacks.html // - [English] http://www.cocos2d-x.org/docs/creator/manual/en/scripting/life-cycle-callbacks.html const {ccclass, property} = cc._decorator; @ccclass export default class Game extends cc.Component { @property Count: number = 5; @property(cc.Prefab) prefab: cc.Prefab = null; @property(cc.Node) nodeParent: cc.Node = null; private mEggs: cc.Node[] = []; // LIFE-CYCLE CALLBACKS: // onLoad () {} start () { } // update (dt) {} onClick(event, data){ switch(data){ case 'add':{ this.addEggs(); break; } case 'move':{ this.moveEggs(); break; } case 'stop':{ this.stopMoveEggs(); break; } } } addEggs(){ if(this.Count <= 0){ return; } this.mEggs = []; const N = 360 / this.Count; for(let i = 0; i < this.Count; i++){ let egg = cc.instantiate(this.prefab); let js = egg.getComponent('Egg'); js.setRadian(i * N * Math.PI / 180); js.updatePos(); egg.parent = this.nodeParent; this.mEggs.push(egg); } } moveEggs(){ for(let i = 0; i < this.mEggs.length; i++){ this.mEggs[i].getComponent('Egg').setMove(true); } } stopMoveEggs(){ for(let i = 0; i < this.mEggs.length; i++){ this.mEggs[i].getComponent('Egg').setMove(false); } } }
cocosCreator预览节点树
最新发布
03-18
该组件可在cocosCreator浏览器预览游戏时显示当前的节点树，并随时跟新
FairyGUI-cocoscreator:Cocos Creator 的灵活 UI 框架
07-24
FairyGUI-cocoscreator A flexible UI framework for Cocos Creator, working with the FREE professional Game UI Editor: FairyGUI Editor. Official website: 关于版本 master 适用于CocosCreator 2.4或更新的...
CocosCreator Chrome插件
08-22
CocosCreator Chrome插件是专为Cocos Creator游戏开发人员设计的一系列实用工具，它们能够极大地提升开发效率和调试体验。这些插件包括Spector.js、Cocos Creator Debugger和Cocos Creator Devtool，以及WebGL ...
cocos creator Touch事件应用(触控选择多个子节点的实例)
08-29
Cocos Creator Touch事件应用（触控选择多个子节点的实例） 在Cocos Creator中，触控事件是一种常用的交互方式，通过它可以实现各种触控选择、拖拽、缩放等功能。今天，我们将一步步地带您了解Cocos Creator Touch...
[CocosCreator]扑克翻牌效果
11-01
CocosCreator扑克翻牌效果,利用mask组件特性. http://blog.csdn.net/pppxxx1983/article/details/78411157
Cocos2D游戏之旅（三）：卡牌翻转效果2（只有当鼠标点中卡牌才翻转）
08-03
Cocos2D游戏之旅（三）：卡牌翻转效果2（只有当鼠标点中卡牌才翻转） 对上一个资源的优化 Cocos2D游戏之旅（三）：卡牌翻转效果（屏幕有点击就翻转）
Cocos2D游戏之旅（四）：卡牌翻转效果的实现（下）---源代码
08-08
Cocos2D游戏之旅（四）：卡牌翻转效果的实现 博客讲解地址：http://blog.csdn.net/qiulanzhu/article/details/47356461
cocos creator 2.4推箱子源码
11-13
《Cocos Creator 2.4 推箱子游戏源码解析》 在游戏开发领域，Cocos Creator 是一款广受欢迎的2D游戏引擎，它提供了一套完整的开发工具链，支持跨平台发布，并且具备强大的可视化编辑功能。在这个“cocos creator ...
cocos2dx上如何对图片和文字做倒影（镜像）效果
wolfboy2的专栏
06-14 1454
由于工作中需要对图片和文字做镜像效果，开始的时候也是一头雾水，不知道怎么做，后来自己上网查资料，最后发现cocos2dx提供的方法，可以做镜像或者倒影的效果；
cocos creator 扑克牌翻转效果
weixin_38052324的博客
08-02 6798
var pic1 = cc.find("Canvas/puke/hu"); var run = cc.callFunc(function() { cc.loader.loadRes("longhu/card", cc.SpriteAtlas, function (err, atlas) { ...
cocos2dx实现翻书效果。
u012861978的专栏
01-31 1497
因为项目需求，需要使用cocos实现3d翻书的效果，刚开始确实没有什么思路，cocos2d做3d的效果这不是开玩笑吗。但是，再难也得做啊，没办法。 后来想到cocos2dx的例子里有个类似的效果，不过那个是个action，后来看了看感觉还可以，只是效果和我的需求有点差异，但终归是找到了实现的思路，于是开始看cocos2dx的源码，主要用到的是cocos的网格动画，涉及到以下几个文件： CCGr...
cocos2d 实现翻牌动画
在代码身上，用心去飞翔
10-12 413
使用cc.OrbitCamera实现翻牌效果 // 翻转动画 翻牌 // sBack牌背 // sFront牌面 ccs.runFlipAnim = function (sBack, sFront, duration, cb) { sBack.setPosition(sFront.getPosition()) sFront.getParent().addChild(sBack, s...
cocos翻转效果
erweimac的博客
04-03 2248
     local function AniOverturn()        local imgUp = cc.Sprite:create("image/gamesIcon/ddzIcon.png")        imgUp:setPosition(640,360)        local imgDown= cc.Sprite:create("image/gamesIcon/ddzIcon...
cocos creator节点数结构
03-21
Cocos Creator 节点数结构是一种树形结构，每个节点都可以包含多个子节点，每个节点都有自己的属性和组件。节点可以用来表示游戏中的角色、场景、UI 界面等元素。在 Cocos Creator 中，可以通过代码或可视化编辑器来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值