首页 > 分享 > Cocos creator制作透明背景桌面宠物

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://m.mcbbbk.com/newsview1371031.html

所属分类:萌宠日常
上一篇: 元气桌面宠物软件下载最新版
下一篇: 淘宝桌面版下载2026最新电脑版