CocosCreator3.0.0修改web-mobile背景透明

最新推荐文章于 2024-07-15 20:50:47 发布
最新推荐文章于 2024-07-15 20:50:47 发布
阅读量2.6k 收藏 2
点赞数 3
文章标签： cocos-creator unreal
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27902951/article/details/115239155
版权
本文档详细介绍了如何在CocosCreator3.0.0中设置Web-Mobile项目的背景透明，并将其与UE4集成。通过启用ENABLE_TRANSPARENT_CANVAS、设置ClearColor、修改build-template的style.css以及在UE4中预览，实现了透明背景的H5页面在UE4中的展示。
摘要由CSDN通过智能技术生成

CocosCreator3.0.0修改web-mobile发布页面背景透明

参考官网文档 定制项目构建流程

我在工作中经常会用到UE4 和 Cosos creator两个引擎去做项目,而得益于当前智慧城市和数字化管理项目的突飞猛进,使用虚幻4 + H5已然成为了一个相对快捷的方式, 由于我个人的VUE web框架使用不熟练,所以突发奇想, 能不能使用cocos creator来做UE4的UI界面呢? 虽然体量较大这种组合不太合适, 但是兴趣总归是要用实践去满足的, 兴趣别的地方会用到,今天就简单的记录一下。

设置ENABLE_TRANSPARENT_CANVAS

cocos creator3.x中, canvas背景透明已经不用在跑去找game.run设置了,在[项目设置->MacroConfig]中勾选ENABLE_TRANSPARENT_CANVAS就可以使canvas背景透明.

1

设置ClearColor

将主相机(2d为Canvas下的Camera)的ClearFlags改为SOLID_COLOR , ClearColor的A通道改为0.
在这里插入图片描述

拷

最低0.47元/天 解锁文章
貂蝉的寂寞
关注
CocosCreator2.0.1版本打包H5后如何设置背景透明
xw1110280055的专栏
12-07 9488
有个需求，在公司其他h5项目里加载我们用creator2.0.1做的动画，现在动画已经打包成h5了，然后在他们h5项目里加载，背景一直是黑色，效果如下图 ![图1](https://img-blog.csdnimg.cn/20181207195452711.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,te...
实现cocoscreator对图片透明区域穿透的处理
07-29
1、cocoscreator实现图片透明区域的穿透，解决了多图片重叠时的问题。 2、预览请移步：https://pan.baidu.com/s/11v096Bbi3PmqbAEL7Uonew#list/path=/我的分享/CSDN/TouchProj 3、版本creator2.0.8，如有疑问请留言。
cocos 水波纹放大，透明度淡出效果动画
最新发布
PrimaryColor
07-15 400
tween(node.getComponent(UIOpacity)) //淡入淡出。tween(node) //放大。let t = 5;
cocos creator 更改背景色 及 透明
qq_29094161的博客
03-19 9537
https://blog.csdn.net/xw1110280055/article/details/84886411
cocos creator H5 canvas 设置透明
qiuyeshishui的博客
03-28 618
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】绘图系统：Graphics组件之动态改变生成图像的透明度
热门推荐
Tangperor的博客
11-19 1万+
在Cocos creator 中，要想在使用Graphics组件绘制图像的过程中改变图像的透明度有两种方法： 1.在编辑器中Graphics组件的fillColor属性中设置； 2.通过代码动态设置。 drawLine:function(){ var graphics=this.getComponent(cc.Graphics); graphics
blob的真实地址怎么获得_小姐姐，你的发丝高光怎么用 Creator 3D 实现？
weixin_39912250的博客
11-24 139
IntroductionPRB 材质改变了人们对于引擎实时渲染画面的理解，让玩家在游戏中，也能够体验到锈蚀的金属，厚重的皮革，精细的纹理，感受更加真实的世界。在正式发布的 Cocos Creator 3D 中，真实感渲染和强大的材质系统成为开发者关注的一大重点。为了给 Web 和小游戏平台带来更好的 3D 游戏表现，Cocos Creator 3D 首次真正将基于物理渲染全面带到了小游戏中，不仅支...
spark-3.0.0-bin-hadoop3.2
02-17
在本场景中，我们讨论的是Spark的3.0.0版本，与Hadoop3.2相结合的二进制发行版——"spark-3.0.0-bin-hadoop3.2"。这个压缩包是为了在Windows操作系统下运行Spark而设计的，因此标签明确指出它是适用于Windows平台的...
springfox-spring-webmvc-3.0.0-API文档-中文版.zip
05-09
赠送jar包：springfox-spring-webmvc-3.0.0.jar； 赠送原API文档：springfox-spring-webmvc-3.0.0-javadoc.jar； 赠送源代码：springfox-spring-webmvc-3.0.0-sources.jar； 赠送Maven依赖信息文件：springfox-...
openGauss_3.0.0 企业版（openGauss-3.0.0-CentOS-64bit-all.tar.gz）
06-30
《openGauss 3.0.0 企业版：深入解析与应用》 openGauss，作为一款开源的关系型数据库管理系统，旨在为企业级应用提供高效、稳定的数据存储和管理服务。本文将围绕openGauss 3.0.0 企业版进行详细阐述，特别是其在...
spark-3.0.0-bin-hadoop2.7.tgz
07-17
Spark-3.0.0-bin-hadoop2.7.tgz 是Spark 3.0.0版本的预编译二进制包，其中包含了针对Hadoop 2.7版本的兼容性构建。这个版本的发布对于数据科学家和大数据工程师来说至关重要，因为它提供了许多性能优化和新功能。 1...
Cocos Creator （webgl模式下怎么让canvas背景透明）
weixin_34381666的博客
04-22 1667
　　项目中构建出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 () { ...
cocos2dx 加载webview设置背景透明
u014206831的博客
05-28 2250
//cocos2dx c++加载webview      cocos2d::experimental::ui::WebView* webview =cocos2d::experimental::ui::WebView::create();      webview->cocos2d::Node::setContentSize(Size(620,350));     // webview-&g...
cocos 设置canvas透明导致 正常节点透明度设置效果异常
qq_27026383的博客
05-18 776
cocos 设置canvas透明导致 正常节点透明度设置效果异常 根据论坛回答记录 1.图片 必须用 one，one minus src alpha，否则 web 端的贴图渲染时会莫名其妙和 canvas 背后的 dom 背景混合! 2.同时设置贴图的预乘参数为 premultiply alpha，这个选项在 2.x 贴图资源上可以设置，在 1.9 应该可以通过 Texture update API 24 来设置进去 ...
cocos creator3.x h5项目启动背景修改，仅限单色
qiuyeshishui的博客
02-24 1084
cocos creator3.x h5项目启动背景修改，仅限单色 起由 最近接手一款h5项目，做完后打开较慢，开启后的黑屏时间较长，找到了此方法可更改开启后的黑屏时间，但在此次黑屏后与cocos插屏出现中间的黑屏暂无解决方案，希望有大佬可以教学。 1.设置ENABLE_TRANSPARENT_CANVAS 打开项目设置，选择Maco Configurations，勾选ENABLE_TRANSPARENT_CANVAS 2.设置ClearColor 将主相机(2d为Canvas下的Camera)的Clear
Cocos Creator入职学习日记——篇1（KeyWord：艺术字、渐变色、透明过渡特效）
鱼鱼鱼小昶的博客
07-07 2761
刚入职，事情不是特别多，看到了之前一直在找的Cocos Creator的一些使用技巧，简做记录 一、艺术字 Cocos Creator的艺术字只支持ASCII的顺序编码，就是说一组数据必须是连续的，因为它在创建艺术字体那边只有Start Char，后续的内容是根据ASCII表后推的。 创建艺术字体需要美工提供一组长宽相同的字符组，它的取值是根据单个Item的宽高进行的。 首先创建一个艺术字体 ，在资源管理器的任意位置右键，新建艺术数字配置，我创建的是名为artFont的艺术字。 把字体图片
CocosCreator之节点基本属性
神兽白泽
09-28 2647
>>>>> 笔者总结了工作中常用的节点属性 // 从全局获取节点：全局获取的节点直接就是实例，不需要getChildByName // 尽量通过属性装饰器@property获取节点，代码运行效率会更快。 // cc.find不安全，移动或变更节点名字时，忘记改代码会报错，代码可能要改很多。麻烦。 this.node = cc.find("Canvas/Menu"); this.node.children;//节点的子节点，是个数组 this.node.childrenC
cocos2d-js游戏背景(canvas)透明
Mr_JiaTao的博客
05-11 2610
需求背景 现需要开发一款H5小游戏，植入到直播类app里面，让用户看直播的同时可以玩H5小游戏。游戏场景只暂用手机屏幕的半个屏（下半屏）。引擎版本cocoscreator v2.1.2 实现步骤 1、首先设置主场景摄像机用于清屏的背景色为透明，在主场景所挂载脚本的onLoad()方法中加入该段代码： onLoad () { cc.Camera.main.backgroundColor = new cc.Color(0, 0, 0, 0); } 2、发布web包成功后，修改main.js和style-mo
spark-3.0.0-bin-hadoop3.2.tgz下载
09-21
要下载spark-3.0.0-bin-hadoop3.2.tgz文件，你可以按照以下步骤进行操作： 1. 打开你的网络浏览器，在搜索引擎中搜索“spark-3.0.0-bin-hadoop3.2.tgz下载”。 2. 找到一个可靠的下载源，比如官方网站或者其他权威...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值