转载大佬文章
前言示例没有做对应的宠物展示逻辑,可以自己想做成什么样子就做成什么样子,这里只是做了一个透明的展示,请教的一位大佬,可以去观看大佬的博客
验证可使用版本3.7.2(本人使用)
3.7.4(转载大佬使用)
打包方案 Cocos creator构建选择Web 移动端方案 构建完成的包使用electron-js打包成桌面应用修改electron-js的window:
function createWindow{ frame:false, transparent:true, } main.js

修改Cocos creator 宏勾选ENABLE_TRANSPARENT_CANVAS

Canvas 中Camera 的Clear Flags为SOLID_COLOR 并将颜色的透明通道设置为0:

项目构建,选择Web 移动端方案:

构建成功之后,修改 style.css 中body的background-color样式为#33333300 原本是#333333,若还是存在背景则将color设置为#00000000
body{ color: #00000000; background-color:#33333300; } style.css

方法后面补充,或者直接官方来操作
7、效果图展示
免责声明:本内容来自平台创作者,博客园系信息发布平台,仅提供信息存储空间服务。
0
0
相关知识
Cocos creator制作透明背景桌面宠物
cocos图片的预乘以及图片混合渲染模式
Unity+Android Studio: 桌面宠物 背景透明 解决方案
Unity导出Android制作桌面宠物精灵需要背景透明
CocosCreator检测动作执行完毕的方法~之一吧,应该= =
基于C#制作一个桌面宠物
wpf 客户端【JDAgent桌面助手】详解(二)桌面宠物制作详解
unity 桌面宠物
桌面宠物系列
电脑桌面宠物,跟QQ宠物差不多的电脑桌面宠物
网址: Cocos creator制作透明背景桌面宠物 https://m.mcbbbk.com/newsview1371031.html
| 上一篇: 元气桌面宠物软件下载最新版 |
下一篇: 淘宝桌面版下载2026最新电脑版 |