Cocos Creator 置灰图片/节点

最新推荐文章于 2024-09-24 17:21:15 发布

寻找方向的创业狗

最新推荐文章于 2024-09-24 17:21:15 发布

阅读量5.8k

点赞数

CC 4.0 BY-SA版权

文章标签： Cocos Creator 图片置灰

本文链接：https://blog.youkuaiyun.com/weixin_44486991/article/details/89071568

本文介绍了一种在小游戏开发中实现界面元素置灰状态的方法。通过遍历节点下的所有Sprite组件并调整其状态来实现这一功能。这种方法适用于需要快速切换界面元素显示状态的场景。

utils.set_grey = function(node, state)
{
	var s = node.getComponentsInChildren(cc.Sprite);
	for(var i = 0; i < s.length; i++)
	{
		s[i].setState(state);
	}
}

state 0: 不置灰
state 1: 置灰

创建了一个小游戏交流群，加群或者有问题交流可以加我微信备注“微信小游戏”
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

寻找方向的创业狗

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

CocosCreator 图片置灰(Material/按钮/图片/Spine)

gamedaybyday

10-26

4701

版本：2.4.3 图片置灰将内置灰色Material拖动到属性面板通过代码将内建灰色材质gray赋值给图片 export default class test_setShader extends cc.Component { @property(cc.Sprite) head:cc.Sprite = null; //图片 @property(cc....

Cocos Coretor - Js 精灵节点置灰

yang569631002的博客

10-19

2139

首先先吐个槽，Cocos的资料实在是太少了，遇到点问题，找半天，都没有一个清晰的答案，网上大部分的资料都是C++和lua的代码，对于我这只会懂点皮毛的js玩家来说，上手实在是坑,难得找到一点能看得懂得代码。不容易.... 贴一下前辈的转载链接：https://blog.youkuaiyun.com/u010536615/article/details/53156508 废话不多说，进入正题，Coco...

参与评论您还未登录，请先登录后发表或查看评论

cocosCreator递归置灰

weixin_42253927的博客

09-24

334

【代码】cocosCreator递归置灰。

关于cocosCreator按钮置灰

qq_45639274的博客

10-30

1215

想要将按钮置灰有两种方法：1.在按钮组件中勾选Enable Auto Gray Effect，并设置正常材质和置灰材质，在代码中将interactable设置为false，或者直接在组件中取消interactable的勾选，如下图：这种方法置灰后按钮就不可以交互了。2.将button组件的normalMaterial材质设置为置灰材质，代码如下：这种方法置灰后按钮仍然可以交互。

cocosCreator 之 Button

鹤九日的博客

07-25

1350

cocosCreator Button组件的基本使用，以及点击音效，快速点击等处理

Cocos creator 基础学习---背景加灰度

Fayeni的博客

08-03

914

需求：在游戏界面弹出一个小窗口或者一个界面，将大背景或者主页变成灰暗色调刚开始做的时候以为使用opacity透明度，0~255，修改数值即可，但是发现没办法做到控制每一个节点都能修改，并且界面节点一旦多了起来，就没办法控制，非常复杂。在偶然间创建节点的时候，发现sprite精灵下面有个sprite单色，我带着好奇新创建了一个，结果我发现我的界面其中的一块被覆盖掉了，我习惯性的修改了opacity，神奇的事情发生了，虽然是底色是白色，但是那种朦胧感模糊感就出来了，激动的我赶紧又小心翼翼的修改了它的颜色

cocosCreator预览节点树

03-18

该组件可在cocosCreator浏览器预览游戏时显示当前的节点树，并随时跟新

cocos creator 3.8 事件派送、监听、移除

11-21

在Cocos Creator 3.8中，事件派送、监听和移除是交互设计中的核心概念。事件派送是指当一个事件发生时，将这个事件信息传递给所有对这个事件感兴趣的监听器。事件监听则是在指定事件发生时触发特定的函数或操作。...

CocosCreator Chrome插件

08-22

CocosCreator Chrome插件是专为Cocos Creator游戏开发人员设计的一系列实用工具，它们能够极大地提升开发效率和调试体验。这些插件包括Spector.js、Cocos Creator Debugger和Cocos Creator Devtool，以及WebGL ...

【cocos creator】下拉框

11-25

创建一个下拉框组件，开发者首先需要在Cocos Creator编辑器中添加一个UI节点，并将其设置为Dropdown节点。然后，可以通过编辑器的属性检查器为下拉框添加选项。这可以通过编程的方式动态添加，也可以在编辑器内直接...

cocos creator Touch事件应用(触控选择多个子节点的实例)

08-29

Cocos Creator Touch事件应用（触控选择多个子节点的实例）在Cocos Creator中，触控事件是一种常用的交互方式，通过它可以实现各种触控选择、拖拽、缩放等功能。今天，我们将一步步地带您了解Cocos Creator Touch...

CocosCreator特效系列之可控灰度

kuokuo666的博客

10-25

1774

摘要在游戏或者影视中，置灰是很常用的特效，那么灰度效果究竟是怎么实现的呢？KUOKUO带你分析原理然后用CocosCreator实现！正文效果原图加上置灰材质控制透明度版本说明因为 CocosCreator 在 2.1.x 和 2.2.x 新版上的 Effect 上是略有差异的，所以 KUOKUO 决定全部都讲，特意用两个版本分别做了一遍，感动吧，嘿嘿。O(∩_∩)O~~ ...

CocosCreator开发笔记(14)-如何增加置灰层

楚游香的博客

07-17

5301

游戏的弹出窗口常常会要求窗口背景置灰，并且屏蔽非窗口区域的输入事件。在Cocos引擎以前版本中，通常做法是动态创建一个置灰Layer，并屏蔽所有输入事件来实现。而CocosCreator中内置了一个BlockInputEvents组件，不需添加任何代码，很轻松实现了这个功能。使用方法 1、在窗口根节点添加一个Sprite节点做为背景层，RGB值为全0（黑色），透明度设为64（可自己调节...

quick-cocos2d使用shader上色置灰问题

u011947925的博客

06-18

1943

最近做项目碰到使用shader上色置灰的问题，与大家分享一下：我们用的是quick-3.5版本+CocosStudio2.3.2,UI布局基本都是用CocosStudio来做的，结果发现直接通过 self:getRootNode():getChildByName("node_layer"):getChildByName("testImageView")设置 shader置灰完全没效果，但

cocos2dx组件置灰

centor的博客

12-17

500

function changeToGray( node, flag ) local program = nil local vertShaderByteArray = "attribute vec4 a_position;" .."attribute vec2 a_texCoord;" .."attribute vec4 a_color;" .."varying vec4 v_fragmentColor;"

Cocos creator Node 设置颜色失败

qq_38248841的博客

05-15

603

Cocos-2dx精灵部分变灰

humanbeng的专栏

12-26

1126

CCSprite* CCSpotLight::makeSpiteGray(CCSprite* changeSprite) { CCRenderTexture *render = CCRenderTexture::create(changeSprite->getContentSize().width, changeSprite->getContentSize().height,kCCTexture

Cocos2d-x中让CCSprite变灰（Gray）的简单办法

最新发布

02-25

### Cocos Creator 使用 WebSocket 安全连接 WSS 示例教程 #### 创建 WebSocket 实例为了建立安全的 WebSocket 连接，在创建 `WebSocket` 对象时应使用 `wss://` 协议前缀替代普通的 `ws://` 前缀。这确保了通信过程中的数据加密。 ```javascript var ws = new WebSocket("wss://yoursecureendpoint.com/socket"); ``` 此代码片段展示了如何初始化一个指向指定的安全端点的新 WebSocket 实例[^3]。 #### 设置事件监听器一旦 WebSocket 被成功实例化，下一步就是设置必要的回调函数来处理不同类型的事件，比如打开连接、接收消息以及错误发生等情况： ```javascript // 当连接被成功开启时触发 ws.onopen = function(event) { console.log("Secure WebSocket connection established."); }; // 接收到服务器的消息时调用 ws.onmessage = function(event) { console.log("Received message from server:", event.data); }; // 发生错误的情况下执行 ws.onerror = function(event) { console.error("Error occurred on secure WebSocket:", event); }; // 断开连接的时候触发 ws.onclose = function(event) { console.warn("Secure WebSocket connection closed.", event.code, event.reason); }; ``` 这些方法允许开发者监控并响应来自客户端与服务端之间的交互状态变化。 #### 数据发送当需要向远程主机传递信息时，可以通过调用已定义好的 WebSocket 对象上的 send 方法完成操作。需要注意的是，所有通过 WebSocket 发送的数据都应该是字符串形式；如果尝试发送其他类型，则需先将其转换为 JSON 字符串或其他适当格式后再传送过去。 ```javascript function sendMessage(messageObject){ let jsonString = JSON.stringify(messageObject); if(ws.readyState === WebSocket.OPEN){ ws.send(jsonString); console.log('Message sent:', jsonString); }else{ console.error('Failed to send message because the socket is not open.'); } } ``` 上述 JavaScript 函数接受任意对象参数，并仅在当前 WebSocket 处于 OPEN 状态下才尝试发送该对象序列化的版本给对方节点[^2]。 #### 关闭连接最后，当不再需要维持会话或者应用程序即将结束运行之前，应当主动关闭 WebSocket 通道以释放资源。 ```javascript if(ws && ws.readyState !== WebSocket.CLOSED){ ws.close(); console.info("Closed Secure WebSocket Connection."); } ``` 这段逻辑检查是否存在有效的 WebSocket 并且它还没有处于关闭状态下才会去请求终止链接[^1]。