RenderWebGL -- viewport checks

Author: SharkPool-SP

src/RenderWebGL.js

@@ -17,6 +17,7 @@ const TextCostumeSkin = require('./TextCostumeSkin');
 const EffectTransform = require('./EffectTransform');
 const CanvasMeasurementProvider = require('./util/canvas-measurement-provider');
 const log = require('./util/log');
+const runtime = window.vm.runtime; // Quite lengthy to do it this way, but oh well.
 
 const __isTouchingDrawablesPoint = twgl.v3.create();
 const __candidatesBounds = new Rectangle();
@@ -2260,6 +2261,9 @@ class RenderWebGL extends EventEmitter {
         const gl = this._gl;
         let currentShader = null;
 
+        const halfNativeSizeX = this._nativeSize[0] / 2;
+        const halfNativeSizeY = this._nativeSize[1] / 2;
+
         const framebufferSpaceScaleDiffers = (
             'framebufferWidth' in opts && 'framebufferHeight' in opts &&
             opts.framebufferWidth !== this._nativeSize[0] && opts.framebufferHeight !== this._nativeSize[1]
@@ -2273,7 +2277,26 @@ class RenderWebGL extends EventEmitter {
             if (opts.filter && !opts.filter(drawableID)) continue;
 
             const drawable = this._allDrawables[drawableID];
-            /** @todo check if drawable is inside the viewport before anything else */
+
+            const uniforms = {};
+            const renderOffscreen = runtime.runtimeOptions.oobRendering;
+            if (!renderOffscreen) {
+                if (drawMode === ShaderManager.DRAW_MODE.default && drawable.skin) {
+                    // If rotationCenterDirty or skinScaleDirty is dirty, then set _calculateTransform first
+                    // because _rotationAdjusted and _skinScale  needs to call _calculateTransform before using
+                    let uniformHasBeenSet = false;
+                    if (drawable.transformBeforeCheckViewport()) {
+                        Object.assign(uniforms, drawable.getUniforms());
+                        uniformHasBeenSet = true;
+                    }
+
+                    if (!drawable.inViewport(halfNativeSizeX, halfNativeSizeY)) continue;
+                    // If unconfirm was not set before
+                    if (!uniformHasBeenSet) Object.assign(uniforms, drawable.getUniforms());
+                } else {
+                    Object.assign(uniforms, drawable.getUniforms());
+                }
+            }
 
             // Hidden drawables (e.g., by a "hide" block) are not drawn unless
             // the ignoreVisibility flag is used (e.g. for stamping or touchingColor).
@@ -2294,8 +2317,6 @@ class RenderWebGL extends EventEmitter {
             // Skip private skins, if requested.
             if (opts.skipPrivateSkins && drawable.skin.private) continue;
 
-            const uniforms = {};
-
             let effectBits = drawable.enabledEffects;
             effectBits &= Object.prototype.hasOwnProperty.call(opts, 'effectMask') ? opts.effectMask : effectBits;
             const newShader = this._shaderManager.getShader(drawMode, effectBits);
@@ -2314,9 +2335,13 @@ class RenderWebGL extends EventEmitter {
                 });
             }
 
-            Object.assign(uniforms,
-                drawable.skin.getUniforms(drawableScale),
-                drawable.getUniforms());
+            if (renderOffscreen) {
+                Object.assign(uniforms,
+                    drawable.skin.getUniforms(drawableScale),
+                    drawable.getUniforms());
+            } else {
+                Object.assign(uniforms, drawable.getUniforms());
+            }
 
             // Apply extra uniforms after the Drawable's, to allow overwriting.
             if (opts.extraUniforms) {