cocos creator 设置开启canvas 透明后 半透明图片 不正常的 官方解决办法

最新推荐文章于 2024-03-28 15:06:08 发布
最新推荐文章于 2024-03-28 15:06:08 发布
阅读量1.5k 收藏
点赞数
分类专栏： cocos creator 记录 文章标签： cocos canvas html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xing465578756/article/details/115355557
版权

cocos creator 设置开启canvas 透明后 半透明图片 不正常的 官方解决办法

必须用 one，one minus src alpha，否则 web 端的贴图渲染时会莫名其妙和 canvas 背后的 dom 背景混合，这个目前没有办法解决，绕过的方式就是更改半透贴图的混合模式，同时设置贴图的预乘参数为 premultiply alpha，这个选项在 2.x 贴图资源上可以设置，在 1.9 应该可以通过 Texture update API 17 来设置进去

xing465578756
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【three.js】设置canvas画布背景透明
qq_38196449的博客
06-16 271
通过Three.js渲染一个模型的时候，不希望canvas画布有背景颜色，也就是canvas画布完全透明，可以透过canvas画布看到画布后面叠加的HTML元素图文，呈现出来一种三维模型悬浮在网页上面的效果。比如我们现在的模型背景是黑色的，非常不美观，我们想把背景变透明，如何做呢？有时我们不想变透明，只想换一个别的颜色，那么如何改呢？
canvas学习（十二）：图形透明及交叠效果设置
总有一天，你的日积月累，会成为别人的望尘莫及
08-02 1696
一、设置透明度： canvas中设置全局透明度用globalAlpha来设置，它的值基于0-1之间，默认为1表示不透明，0表示全透明。 示例如下： 在canvas中绘制了100个随机小球，其中有交叠的，也有分开的。 window.onload=function(){ var myCanvas = document.getElementById("myCanvas"); if(m...
CocosCreator 正多边形遮罩Shader
01-22
CocosCreator2.4.7 我经常用来把sprite裁剪成正多边形显示，代替导致高DrawCall的mask裁剪。
cocos creator - 自定义多边形遮罩
长生但酒狂的博客
10-20 3376
创建一个 mask_extend.js 复制以下代码 把该脚本拖拽到需要作为遮罩的节点上 var Base = cc._RendererInSG; var MaskType = cc.Enum({ RECT: 0, ELLIPSE: 1, IRR:2, //SP:3 }); var Mask_extend = cc.Class({ extends: B...
cocos 设置canvas透明导致 正常节点透明度设置效果异常
qq_27026383的博客
05-18 713
cocos 设置canvas透明导致 正常节点透明度设置效果异常 根据论坛回答记录 1.图片 必须用 one，one minus src alpha，否则 web 端的贴图渲染时会莫名其妙和 canvas 背后的 dom 背景混合! 2.同时设置贴图的预乘参数为 premultiply alpha，这个选项在 2.x 贴图资源上可以设置，在 1.9 应该可以通过 Texture update API 24 来设置进去 ...
canvas画半透明圆delphi_当面向对象遇到Canvas
weixin_34991792的博客
12-27 444
这里不会去 讲面向对象基础，canvas基础，因为太枯燥了。相信大家学过面向对象的都可能有一个疑问，就是这玩意儿有什么用。最多也是写一个类，然后去new，得到类的实例，去调用类的方法。当然我觉得这完全没发挥出面向对象的威力来，好了，老规矩，先上效果Demo。相信很多刚入门canvas的同学和我一样，看到这样的效果，一脸蒙蔽，这尼玛怎么做？感觉乱七八糟，不知道如何下手。下面来简单分析下特效分析1、我...
如何使用cocos2d-x3.0来给Sprite添加遮罩
水墨鱼的专栏
05-15 7898
引言 程序截图： 　　有时候，你在做游戏时，可能需要一种方式来显示精灵的某一部分（就是添加遮罩啦）。 　　一种方式就是使用另外一张图片，叫做mask。你把mask图片中间设置成白色，白色区域是被mask图片的可见区域。之后这个白色区域会透明的。 　　然后，你可以使用本教程提供的方法来把mask图和原图结合起来，然后创建如上图所示的效果。 　　你会发现本教程提供
U3D 导出的FBX 给cocos creater 用时贴图看起来是反的
B153522278的专栏
07-31 220
修改节点的SCALE 大概率导出是为负数 改回来。
canvas导出图片python_Scriptable神器实战6 —— 给背景图片加上半透明遮罩
weixin_39995764的博客
11-21 463
前序文章：Scriptable 神器试玩，创建一个显示自定义标题内容的 iOS14桌面组件Scriptable 神器实战2 —— 给桌面组件添加自定义背景图片Scriptable 神器实战3 —— 夜间模式动态展示Scriptable 神器实战4 —— 获取桌面组件的大小以自动展示内容Scriptable 神器实战5 —— 给桌面组件添加一个渐变色背景本文讲一个比较能提升用户体验的功能技...
【cocos2dx 小技巧】半透明屏蔽罩和弹出框的实现
01-01
使用ColorLayer 和 一个基类实现动态弹出框 和遮罩效果
CocosCreator学习笔记09
2301_79022588的博客
08-18 480
第二个参数target是这个事件作用于谁的，一般可以不写，写成this表示针对我自己产生作用的。通过上面的例子，我们看到鼠标事件的event是cc.Event.EventMouse对象。所以我们可以直接指定event的类型，这样我们在回调函数中调用event时，就会有代码提示。定义一个变量为ProgressBar，让其获得组件类型为cc.ProgressBar。当按下左边输出0，按下右键输出2，按下中键输出1。当点击右上角的button时，将关闭提示框。2.显示一个提示框，点击按钮后关闭提示框。
CocosCreator3.0.0修改web-mobile背景透明
qq_27902951的博客
03-26 2489
CocosCreator3.0.0修改web-mobile发布页面背景透明 欢迎使用Markdown编辑器 参考官网文档 定制项目构建流程 我在工作中经常会用到UE4 和 Cosos creator两个引擎去做项目,而得益于当前智慧城市和数字化管理项目的突飞猛进,使用虚幻4 + H5已然成为了一个相对快捷的方式, 由于我个人的VUE web框架使用不熟练,所以突发奇想, 能不能使用cocos creator来做UE4的UI界面呢? 虽然体量较大这种组合不太合适, 但是兴趣总归是要用实践去满足的, 兴趣别的地
cocos creator 更改背景色 及 透明
qq_29094161的博客
03-19 9436
https://blog.csdn.net/xw1110280055/article/details/84886411
Cocos2d-x透明按钮实现
dragon14921492的博客
12-15 1439
在使用开发过程中，可能需要一个透明的按钮，来监听用户的触摸行为，同时又不是显形的会让用户察觉。 其实很简单，cocos2d-x的CCMenuItem简单改造一下就行了，声明见HollowMenuItem.h /***HollowMenuItem.h*/ //透明按钮组件 class HollowMenuItem:public CCMenuItem { public: //设置
cocos creator 场景如何透明，多个canvas层级显示
ajt1472580369的博客
11-09 1594
转载地址：https://forum.cocos.com/t/creator-canvas/55373/14 Creator 版本：1.7 目标平台：WEB MOBILE 项目需要，页面做了多个Canvas，不同的Canvas可以调整Css的zIndex来调整渲染层级关系： 不过cocos自带的Canvas底层会...
Cocos Creator （webgl模式下怎么让canvas背景透明）
weixin_34381666的博客
04-22 1652
　　项目中构建出web-mobile包后，打开main.js 　　在main.js中加入如下两行即可让canvas变透明 　　cc.director.setClearColor(new cc.Color(0,0,0, 0)); 　　cc.macro.ENABLE_TRANSPARENT_CANVAS = true; 　　 示例代码： 1 (function () { ...
cocos creator H5 canvas 设置透明
最新发布
qiuyeshishui的博客
03-28 503
4.在打出的style-mobile.css内，把canvas的background-color属性置为 transparent。客户需求是在他的H5内用iframe嵌入cocos打出来的游戏，但要求cocos的canvas是透明的，只保存游戏元素。3.在打出的style-mobile.css内，把body的background-color属性置为 transparent。位置在 cc.game.run(option, onStart);2.在打出的main.js内添加。用的版本是2.4.6，亲测可用。
Cocos Creator 3.x 如何动态修改3D物体的透明度
Unity_RAIN的博客
11-23 190
答案是不需要，因为CocosCreator 3.x的标准Shader里面提供了一个mainColor的颜色属性，默认是白色，如果你修改mainColor的透明度，传入到shader后，frag片元着色器会叠加mainColor的颜色值，这样我们要修改物体的透明度，可以通过修改mainColor来实现。很多同学想3D物体上也有一个这样的组件来动态的控制与修改3D物体的透明度。我们大家都知道，当我们给一个材质改变参数的时候，所有使用改材质的物体的参数全部都改变了,有时候我们有1。这里有个很重要的数据成员。
creator图片循环显示_cocosCreator中有半透明元素时生成图片或者截图的问题
06-02
如果场景中有半透明元素，需要在生成图片或截图前设置cc.RenderTexture的clearFlags为cc.RenderTexture.ClearFlag.ALL，以确保透明区域被正确地清除。 以下是一个示例代码，用于将场景中的节点生成为一张图片并循环...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值