Project1

标题: MV中的截屏和模糊指令是什么？ [打印本页]
作者: gaofei677    时间: 2016-2-2 23:43
标题: MV中的截屏和模糊指令是什么？
本帖最后由 gaofei677 于 2016-2-2 23:50 编辑

我知道在VA中，截屏和模糊指令是
JAVASCRIPT 代码复制
  1. Graphics.snap_to_bitmap

JAVASCRIPT 代码复制
  1. .bitmap.blur


但是在MV中是什么呢？我在
http://miaowm5.github.io/RMMV-F1/（F1帮助文档）
http://www.goodboydigital.com/pixijs/docs/classes/ImageLoader.html（PIXI.JS帮助文档）
里面都没有找到，修大侠指导~谢谢~

作者: 汪汪    时间: 2016-2-3 07:17
  1. //拍摄
  2. SceneManager.snap = function() {
  3.     return Bitmap.snap(this._scene);
  4. };
  5. //拍摄 为了背景
  6. SceneManager.snapForBackground = function() {
  7.         //背景图片 设置为 拍摄
  8.     this._backgroundBitmap = this.snap();
  9.     //背景图片 模糊
  10.     this._backgroundBitmap.blur();
  11. };
  12. //背景图片
  13. SceneManager.backgroundBitmap = function() {
  14.     return this._backgroundBitmap;
  15. };
复制代码

  2. Bitmap.snap = function(stage) {
  3.     var width = Graphics.width;
  4.     var height = Graphics.height;
  5.     var bitmap = new Bitmap(width, height);
  6.     var context = bitmap._context;
  7.     var renderTexture = new PIXI.RenderTexture(width, height);
  8.     if (stage) {
  9.         renderTexture.render(stage);
  10.         stage.worldTransform.identity();
  11.     }
  12.     if (Graphics.isWebGL()) {
  13.         var gl =  renderTexture.renderer.gl;
  14.         var webGLPixels = new Uint8Array(4 * width * height);
  15.         gl.bindFramebuffer(gl.FRAMEBUFFER, renderTexture.textureBuffer.frameBuffer);
  16.         gl.readPixels(0, 0, width, height, gl.RGBA, gl.UNSIGNED_BYTE, webGLPixels);
  17.         gl.bindFramebuffer(gl.FRAMEBUFFER, null);
  18.         var canvasData = context.getImageData(0, 0, width, height);
  19.         canvasData.data.set(webGLPixels);
  20.         context.putImageData(canvasData, 0, 0);
  21.     } else {
  22.         context.drawImage(renderTexture.textureBuffer.canvas, 0, 0);
  23.     }
  24.     bitmap._setDirty();
  25.     return bitmap;
  26. };
复制代码

  2. Bitmap.prototype.blur = function() {
  3.     for (var i = 0; i < 2; i++) {
  4.         var w = this.width;
  5.         var h = this.height;
  6.         var canvas = this._canvas;
  7.         var context = this._context;
  8.         var tempCanvas = document.createElement('canvas');
  9.         var tempContext = tempCanvas.getContext('2d');
  10.         tempCanvas.width = w + 2;
  11.         tempCanvas.height = h + 2;
  12.         tempContext.drawImage(canvas, 0, 0, w, h, 1, 1, w, h);
  13.         tempContext.drawImage(canvas, 0, 0, w, 1, 1, 0, w, 1);
  14.         tempContext.drawImage(canvas, 0, 0, 1, h, 0, 1, 1, h);
  15.         tempContext.drawImage(canvas, 0, h - 1, w, 1, 1, h + 1, w, 1);
  16.         tempContext.drawImage(canvas, w - 1, 0, 1, h, w + 1, 1, 1, h);
  17.         context.save();
  18.         context.fillStyle = 'black';
  19.         context.fillRect(0, 0, w, h);
  20.         context.globalCompositeOperation = 'lighter';
  21.         context.globalAlpha = 1 / 9;
  22.         for (var y = 0; y < 3; y++) {
  23.             for (var x = 0; x < 3; x++) {
  24.                 context.drawImage(tempCanvas, x, y, w, h, 0, 0, w, h);
  25.             }
  26.         }
  27.         context.restore();
  28.     }
  29.     this._setDirty();
  30. };
复制代码




欢迎光临 Project1 (https://rpg.blue/) Powered by Discuz! X3.1