Cocos creator制作透明背景桌面宠物

Cocos creator制作透明背景桌面宠物

Cocos creator制作透明背景桌面宠物来源前言验证可使用版本打包方案实现1、electron-js中main.js设置2、Cocos creator中宏配置3、Cocos creator中Canvas设置4、Cocos creator构建Web移动端5、修改Web移动端style.css6、使用electron-js打包exe7、效果图展示 来源

转载大佬文章

前言

示例没有做对应的宠物展示逻辑，可以自己想做成什么样子就做成什么样子，这里只是做了一个透明的展示，请教的一位大佬，可以去观看大佬的博客

验证可使用版本

3.7.2（本人使用）

3.7.4（转载大佬使用）

打包方案 Cocos creator构建选择Web 移动端方案 构建完成的包使用electron-js打包成桌面应用

实现

1、electron-js中main.js设置

修改electron-js的window：

function createWindow{ frame:false, transparent:true, } main.js

2、Cocos creator中宏配置

修改Cocos creator 宏勾选ENABLE_TRANSPARENT_CANVAS

3、Cocos creator中Canvas设置

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

4、Cocos creator构建Web移动端

项目构建，选择Web 移动端方案：

5、修改Web移动端style.css

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

body{ color: #00000000; background-color:#33333300; } style.css

6、使用electron-js打包exe

方法后面补充，或者直接官方来操作

7、效果图展示

免责声明：本内容来自平台创作者，博客园系信息发布平台，仅提供信息存储空间服务。

0

0

相关知识

Cocos creator制作透明背景桌面宠物
cocos图片的预乘以及图片混合渲染模式
Unity+Android Studio: 桌面宠物 背景透明 解决方案
Unity导出Android制作桌面宠物精灵需要背景透明
CocosCreator检测动作执行完毕的方法~之一吧，应该= =
基于C#制作一个桌面宠物
wpf 客户端【JDAgent桌面助手】详解（二）桌面宠物制作详解
unity 桌面宠物
桌面宠物系列
电脑桌面宠物,跟QQ宠物差不多的电脑桌面宠物

网址: Cocos creator制作透明背景桌面宠物 https://www.mcbbbk.com/newsview1371031.html

上一篇: 元气桌面宠物软件下载最新版

下一篇: 淘宝桌面版下载2026最新电脑版