creator 2.4.3图片置灰

最新推荐文章于 2023-12-04 21:25:19 发布
最新推荐文章于 2023-12-04 21:25:19 发布
阅读量812 收藏
点赞数
分类专栏： creator 文章标签： creator 图片置灰
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38026437/article/details/109444693
版权

一张图片，设置可以和禁用状态

之前使用setState 好像被弃用了

新方法是setMaterial

但是直接使用 没有效果 还需要托灰色材质到sprite属性的Materials上 

才可以通过设置下标来改变图片颜色

然后通过 setMaterial（0） number类型参数设置，也就是下标

官方默认是 builtin-2d-sprite 然后将 -gray 拖到数组里面 第一个下标为0 所以 设置0 就是灰色 设置1 就是默认

当然也可以 拖动更多材质 来改变图片颜色只需要根据材质数组的下标来设置 颜色就可以了

百味苦
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CocosCreator 图片置灰(Material/按钮/图片/Spine)
gamedaybyday
10-26 4147
版本：2.4.3 图片置灰 将内置灰色Material拖动到属性面板 通过代码将内建灰色材质gray赋值给图片 export default class test_setShader extends cc.Component { @property(cc.Sprite) head:cc.Sprite = null; //图片 @property(cc....
两种方法实现亮度/饱和度/对比度的调整！Cocos Creator !
白玉无冰
07-15 3000
uniform 方案和 assembler 方案的实现。效果预览GT 在Assembler 源码解读及使用 一文中提到自定义渲染可以实现很多酷炫的 shader 特效，目前常用的有两种方...
CocosCreator 面试题（二十） Cocos creator 如何实现一个置灰Shader？
最新发布
w风雨无阻w的专栏
12-04 595
在Cocos Creator中，可以使用Shader Effect组件来创建和管理自定义Shader。创建一个新的Shader Effect组件，并在其中编写置灰Shader的代码。在Cocos Creator的场景编辑器中，选择要应用Shader的对象，然后将创建的Shader Effect组件拖放到对象的组件列表中。通过以上步骤，就可以在Cocos Creator中实现一个置灰的Shader效果。在Shader Effect组件中，打开Shader代码编辑器，编写置灰Shader的代码。
sprite置灰与还原
qq_39766982的博客
03-14 582
图片置灰与还原 _sprite.setMaterial(0, cc.Material.getBuiltinMaterial('2d-sprite', 0)); 2.将图片置灰 _sprite.setMaterial(0, cc.Material.createWithBuiltin(cc.Material.BUILTIN_NAME.GRAY_SPRITE, 0)); 缺点：相当于材质的改变，会造成drawCall增加，即同一图集的图片也会分开计算dra
cocoscreator 动态创建材质material
springleaf2的专栏
02-21 7406
方式一： var material = cc.Material.getInstantiatedBuiltinMaterial("2d-gray-sprite", this) //creator自带的 builtin-2d-gray-sprite this.node.getComponent(cc.Sprite).setMaterial(0, material） 方式二： var material ...
(CC-002)神S脑SRCCocos Creator版本：v2.4.3.rar
04-22
在这个压缩包文件"(CC-002)神S脑SRCCocos Creator版本：v2.4.3.rar"中，包含了使用Cocos Creator v2.4.3版本开发的游戏源码，这对于初学者来说是一个极好的学习资源。 Cocos Creator的核心特性在于它的可视化编辑器...
cocos creator引擎源码
03-28
Cocos Creator是一款强大的2D和3D游戏开发引擎，它为开发者提供了丰富的工具集和一套高效的工作流程，使得游戏开发过程更加便捷。引擎源码的开放性为中高级开发者提供了深入学习和定制化的机会，使其能够更好地理解...
A星智能寻路（cocos cteator 2D 版本2.4.3）
04-16
在网上找的基本上都不太齐全，需要自己再去兼容版本（作为初学者的我来说深有体会），而且有些版本也比较老，所以我自己也兼容了cocoscreator2.4.3版本的A星智能寻路 可以配合TiledMap进行地图编辑并生成寻路算法，...
bamboo:cocos creator 小游戏框架
05-28
CocosCreator小游戏框架 此项目是我使用CCC开发小游戏的一些总结，主要是一些可以复用的模块，特别是处理一些跨平台的问题，让开发者尽量少关心游戏业务逻辑以外的事。脚本使用Typescript，欢迎各路大侠补充pr。 CCC...
不修改引擎的实现ASTC格式加载.zip
12-22
本教程将详细讲解如何在不修改引擎的情况下实现在Creator 2.4.3中加载ASTC格式的纹理。 ASTC格式介绍： ASTC（Adaptive Scalable Texture Compression）是由Khronos Group开发的一种现代纹理压缩标准，旨在为各种...
cocos creator小猴子摘香蕉小游戏源码
08-04
近期根据官网案例自己修改做了个猴子捡香蕉的微信小游戏，玩法： （1）点击“play”开始游戏 （2）左下角圆圈控制猴子左右运动方向（类似手游中的按键） （3）香蕉会随机出现在屏幕的任何位置 （4）每捡到一个香蕉加1分，香蕉会在3到5秒之内消失，如果猴子在 这个时间内没捡到，游戏结束。 可以直接发布到微信小游戏环境运行噢~
cocos creator开发笔记
GJQI12的专栏
03-03 636
最近一直使用cocos creator开发游戏，开发过程中会遇到一些问题，随手记录一下： １.cocos creator中js或ts文件可能会相互引用，有时需要某些文件引入时间比另外一些要早一些，查看文件的require顺序，可以运行游戏在chrome中查看 2.creator2.3中的Button控件，在代码中改变button控件的enableAutoGrayEffect的属性为t...
CocosCreator之KUOKUO带你一秒变灰（官方自带Shader）
kuokuo666的博客
08-26 1709
引擎 CocosCreator v2.1.2 说明 在 CocosCreator 的新版本中为我们加入了材质系统，并且在新建的项目中有内置资源给我们使用。 让我们看看置灰的材质在哪！ 步骤 首先，拖入一张图片。 然后弄两个按钮。 然后让我们新建脚本！ （照顾TS和JS小伙伴，我都给出了！其实都一样，哈哈。） 先是 JS cc.Class({ extends: cc.Component...
2.3.3 版本以上creator给sprite图片置灰
qiou2719的专栏
06-30 1264
使用材质解决，sprite的setState方法被弃用了 var newMaterial = null; if(enable == false) //置灰 { newMaterial = cc.Material.createWithBuiltin(cc.Material.BUILTIN_NAME.GRAY_SPRITE, 0); //this.sprPig.setMaterial(0, cc.Material.createW
Creator3D:shader_这种置灰效果看起来挺牛逼，原来实现起来这么简单
carlos13207的博客
10-13 604
前言 今天菜鸟来实现一个特别简单的效果，但是非常实用，因为菜鸟十一期间打发时间玩了一款枪战和一款武侠类游戏都用到了置灰这种效果。 效果 咱们还是先来看看效果： 正文 1.实现原理 实现原理，我们首先需要进行采样，然后对采样结果进行灰度操作，然后输出。 菜鸟对灰度化的处理操作为： 1.对模型贴图进行采样 2.对采样结果的r,g,b三个值取任意一个，使其他两个值与取的这个值一致，也就是r,g,b三值其实数值一样 2.代码 vec4 frag () { vec4 col = mainColor*tex.
CocosCreator之Sprite精灵
神兽白泽
09-29 1788
>>>>> 官方文档：https://docs.cocos.com/creator/manual/zh/components/sprite.html //Sprite(渲染精灵组件) let Sprite = this.node.getComponent(cc.Sprite);//获取渲染精灵组件 //设置图片纹理，这么干会导致spriteFrame的引用不会增加，增加风险，别这么写。请使用动态加载。 Sprite.spriteFrame = b.spriteFrame;
Cocos Creator 置灰图片/节点
weixin_44486991的博客
04-07 5649
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: 置灰 创建了一个小游戏交流群，加...
CocosCreator开发笔记(14)-如何增加置灰层
楚游香的博客
07-17 5112
游戏的弹出窗口常常会要求窗口背景置灰，并且屏蔽非窗口区域的输入事件。在Cocos引擎以前版本中，通常做法是动态创建一个置灰Layer，并屏蔽所有输入事件来实现。而CocosCreator中内置了一个BlockInputEvents组件，不需添加任何代码，很轻松实现了这个功能。 使用方法 1、在窗口根节点添加一个Sprite节点做为背景层，RGB值为全0（黑色），透明度设为64（可自己调节...
CocosCreator精灵高亮&变灰
u010536615的专栏
11-14 9163
var grayShader = { vShader: "attribute vec4 a_position; \nattribute vec2 a_texCoord; \nattribute vec4 a_color; \nvarying vec4 v_fragmentColor;\nvarying vec2 v_texCoord;\nvoid main() \n{ \ngl_Posit
CocosCreator 反转图片
07-23
在 Cocos Creator 中，你可以使用 `Sprite` 组件的 `flipX` 和 `flipY` 属性来反转图片。 如果你想水平反转一个精灵，可以将 `flipX` 设置为 `true`： ```javascript sprite.flipX = true; ``` 如果你想垂直反转...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值