CocosCreator 构建透明背景应用(最新版!!!)

透明原理

使用Cocos creator 做桌面应用开发的时候,需要让桌面背景透明,比如live2d这类的应用,使用electron-js 作为package方案,如何实现桌面透明?步骤如下

tips:实测Cocos creator版本3.7.4,2.x版本可以csdn搜索另外一篇博文有提到

  • 修改electronjs的window未no frame,transparent为true
  • 修改Cocos creator 宏勾选ENABLE_TRANSPARENT_CANVAS
  • Canvas 中Camera 的Clear Flags为SOLID_COLOR 并将颜色的透明通道设置为0
  • 选择构建,选择Web 移动端方案
  • 构建成功之后,修改 /style.css 中body的background-color样式为#33333300 原本是#333333

补充设置截图以及代码

step1: electron-js mian.js

修改electronjs的window未no frame,transparent为true

const {
   
    app, BrowserWindow } = require('electron');
const path = require('path');

function createWindow() 
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值