加入我们,或者,欢迎回来。
您需要 登录 才可以下载或查看,没有帐号?注册会员
x
本人一直有一个需求,就是能不能用RPGMV开发桌面精灵?我认为是可以的。但是有一个技术要点始终无法解决,那就是游戏透明化。
如今,本人终于解决了这个问题。下面是实现方案。
PS:该方案已经同步到我的教程中,详细请参考:https://rpg.blue/thread-493005-1-1.html
qq交流群:529245311
教程地址链接:https://klsdf.github.io/
GitHub项目链接:https://github.com/klsdf/klsdf.github.io
如果要让RPGMV完全透明,首先我们需要理解以下几个知识点:
1. RPGMV是一个网页,因此想让他透明本质上是需要网页透明
2. RPGMV运行在nwjs框架上,因此也需要让nwjs透明
3. pixijs是控制RPGMV显示的动画库,同样会控制游戏的透明
1. 因此,首先需要让rpgmv的html页面透明
在index.html中,修改背景颜色为透明
<body style="background-color:rgba(0, 0, 0, 0);">
<body style="background-color:rgba(0, 0, 0, 0);">
2. 修改并增加package.json的配置,让html的透明能显示到桌面
"window": { "frame": false, "transparent": true },
"window": {
"frame": false,
"transparent": true
},
frame可以取消游戏的框架,取消关闭按钮和最小化最大化按钮,这也是桌面精灵的基础。transparent可以让游戏框架透明。
3. 修改pixi.js的源码
ctrl+f,找到下面的代码
_this._backgroundColorRgba[3] = _this.transparent ? 0 : 1;
可以看到,虽然框架透明了,但是因为pixi也渲染了游戏,导致游戏还是没有透明。这个_backgroundColorRgba,前三个变量控制rgb,第三个控制alpha通道。
所以我们要把这个代码修改为:
_this._backgroundColorRgba[3] = 0;
_this._backgroundColorRgba[3] = 0;
当然,也可以自定义小数,实现半透明
4. 这样配置还是无法实现,透明。因为pixi.js在配置时,默认了禁止透明。所以还要开启透明配置。在RENDER_OPTIONS中,修改transparent为true
```js
RENDER_OPTIONS: {
transparent: true,
```
如果配置加载还是不透明,可以强制修改透明度。
ctrl+f找到下面的代码
```js
_this.transparent = options.transparent
```
修改为
```js
_this.transparent = true;
```
5. 此时游戏的标题界面已经透明了,但是游戏画面仍不透明,此时我们要注意,游戏的图块本身就不是透明的,为了测试。我们需要新建一个场景,里面什么都不要加。仅仅测试透明效果。
6. 但是,这时候却发现,屏幕都是黑色。并没有透明。这是很正常的,查看源码发现Spriteset_Base中,this._blackScreen.opacity透明度默认为255。所以我们需要修改。
```
this._blackScreen.opacity = 10;
```
这个值同样是自定义的。
7. 这时,我们发现,右键菜单,还是无法透明。这是因为Scene_MenuBase中,没有设置透明。查看源码发现Scene_MenuBase.prototype.createBackground时,没有默认透明,因此修改代码为:
Scene_MenuBase.prototype.createBackground = function() { this._backgroundSprite = new Sprite(); //闫修改,增加了这个 this._backgroundSprite.opacity = 0; this._backgroundSprite.bitmap = SceneManager.backgroundBitmap(); this.addChild(this._backgroundSprite); };
Scene_MenuBase.prototype.createBackground = function() {
this._backgroundSprite = new Sprite();
//闫修改,增加了这个
this._backgroundSprite.opacity = 0;
this._backgroundSprite.bitmap = SceneManager.backgroundBitmap();
this.addChild(this._backgroundSprite);
};
8. 此时,游戏已经全部透明。如果画上图块没有透明,这是因为,图块素材本身也需要透明。
此时只要远景图是透明的,图块是透明的,就可以完全透明化。
剩下的就靠各位自由发挥了!
|