RPGMV完全透明化方案！定制属于你的桌面精灵！

klsdf

本人一直有一个需求，就是能不能用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中，修改背景颜色为透明

  [pre lang="html"] <body style="background-color:rgba(0, 0, 0, 0);">[/pre]


2. 修改并增加package.json的配置，让html的透明能显示到桌面


[pre lang="javascript"]    "window": {
       "frame": false,
       "transparent": true
     },[/pre]
   frame可以取消游戏的框架，取消关闭按钮和最小化最大化按钮，这也是桌面精灵的基础。transparent可以让游戏框架透明。

3. 修改pixi.js的源码

   ctrl+f，找到下面的代码


   _this._backgroundColorRgba[3] = _this.transparent ? 0 : 1;


   可以看到，虽然框架透明了，但是因为pixi也渲染了游戏，导致游戏还是没有透明。这个_backgroundColorRgba，前三个变量控制rgb，第三个控制alpha通道。

   所以我们要把这个代码修改为：


[pre lang="javascript"]  _this._backgroundColorRgba[3] = 0;[/pre]


   当然，也可以自定义小数，实现半透明

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时，没有默认透明，因此修改代码为：

   
[pre lang="javascript"]   Scene_MenuBase.prototype.createBackground = function() {
   
       this._backgroundSprite = new Sprite();
       //闫修改，增加了这个
       this._backgroundSprite.opacity = 0;
   
       this._backgroundSprite.bitmap = SceneManager.backgroundBitmap();
       this.addChild(this._backgroundSprite);
   };[/pre]
   

8. 此时，游戏已经全部透明。如果画上图块没有透明，这是因为，图块素材本身也需要透明。

   此时只要远景图是透明的，图块是透明的，就可以完全透明化。


剩下的就靠各位自由发挥了！

Zeldashu

透明了，但没完全透明

klsdf

Zeldashu 发表于 2023-4-29 15:24
透明了，但没完全透明

具体的透明程度可以根据文中参数调整，全写0就是完全透明了，然而不建议这样做。

klsdf

klsdf 发表于 2023-4-29 15:34
具体的透明程度可以根据文中参数调整，全写0就是完全透明了，然而不建议这样做。 ...

如同我标题界面那个纯透明效果一样，过于透明反而不好看，建议加上30%左右，比较好看，也可以使用filter的效果，自定义毛玻璃效果

小怪兽奇奇侠

从未设想的道路

2669483303

可以做不双修就会死那个类型了

sadoxi10

jienluck

看起来很厉害的样子

rivAILLE7

跟着大佬的教程走的时候在第二步出现了这样的问题TT求解答！
无法加载以下来源的扩展程序:
c:\Users\LENOVO\DocumentslGameslProject6. Manifest is notvalid JSON. Line: 10, column: 2, Trailing comma not allowed.