sensibalize

Author: RedMan13

src/components/tw-settings-modal/settings-modal.jsx

@@ -294,19 +294,19 @@ const EnableDangerousOptimizations = props => (
     />
 );
 
-const OOBRendering = props => (
+const disableOffscreenRendering = props => (
     <BooleanSetting
         {...props}
         label={
             <FormattedMessage
-                defaultMessage="Disable Out of Bounds Rendering"
+                defaultMessage="Disable Off Screen Rendering"
                 description="Disable Out of Bounds Rendering setting"
                 id="pm.settingsModal.oobRendering"
             />
         }
         help={
             <FormattedMessage
-                defaultMessage="When disabled, everything outside the stage will not be rendered."
+                defaultMessage="When enabled all sprites that are off screen will not be rendered."
                 description="Out of Bounds Rendering setting help"
                 id="pm.settingsModal.oobRenderingHelp"
             />
@@ -538,9 +538,9 @@ const SettingsModalComponent = props => (
                     id="pm.settingsModal.optimizations"
                 />
             </Header>
-            <OOBRendering
-                value={props.oobRendering}
-                onChange={props.onOobRenderingChange}
+            <disableOffscreenRendering
+                value={props.disableOffscreenRendering}
+                onChange={props.onDisableOffscreenRenderingChange}
             />
             <EnableDangerousOptimizations
                 value={props.dangerousOptimizations}
@@ -614,8 +614,8 @@ SettingsModalComponent.propTypes = {
     dangerousOptimizations: PropTypes.bool,
     onDisableCompilerChange: PropTypes.func,
     onEnableDangerousOptimizationsChange: PropTypes.func,
-    oobRendering: PropTypes.bool,
-    onOobRenderingChange: PropTypes.func
+    disableOffscreenRendering: PropTypes.bool,
+    onDisableOffscreenRenderingChange: PropTypes.func
 };
 
 export default injectIntl(SettingsModalComponent);

src/containers/tw-settings-modal.jsx

@@ -33,7 +33,7 @@ class UsernameModal extends React.Component {
             'handleDisableCompilerChange',
             'handleStoreProjectOptions',
             'handleEnableDangerousOptimizationsChange',
-            'handleOobRenderingChange'
+            'handleDisableOffscreenRenderingChange'
         ]);
     }
     handleFramerateChange (e) {
@@ -74,9 +74,9 @@ class UsernameModal extends React.Component {
             dangerousOptimizations: e.target.checked
         });
     }
-    handleOobRenderingChange (e) {
+    handleDisableOffscreenRenderingChange (e) {
         this.props.vm.setRuntimeOptions({
-            oobRendering: !e.target.checked
+            disableOffscreenRendering: e.target.checked
         });
     }
     handleWarpTimerChange (e) {
@@ -97,15 +97,15 @@ class UsernameModal extends React.Component {
     }
     handleStagePresetUsed (widescreen) {
         switch (widescreen) {
-            case 1:
-                this.props.vm.setStageSize(640, 360);
-                break;
-            case 2:
-                this.props.vm.setStageSize(360, 360);
-                break;
-            default:
-                this.props.vm.setStageSize(480, 360);
-                break;
+        case 1:
+            this.props.vm.setStageSize(640, 360);
+            break;
+        case 2:
+            this.props.vm.setStageSize(360, 360);
+            break;
+        default:
+            this.props.vm.setStageSize(480, 360);
+            break;
         }
     }
     handleStoreProjectOptions () {
@@ -130,7 +130,7 @@ class UsernameModal extends React.Component {
                 onRemoveFencingChange={this.handleRemoveFencingChange}
                 onRemoveLimitsChange={this.handleRemoveLimitsChange}
                 onEnableDangerousOptimizationsChange={this.handleEnableDangerousOptimizationsChange}
-                onOobRenderingChange={this.handleOobRenderingChange}
+                onDisableOffscreenRenderingChange={this.handleDisableOffscreenRenderingChange}
                 onWarpTimerChange={this.handleWarpTimerChange}
                 onStageWidthChange={this.handleStageWidthChange}
                 onStageHeightChange={this.handleStageHeightChange}
@@ -188,7 +188,7 @@ const mapStateToProps = state => ({
     infiniteClones: state.scratchGui.tw.runtimeOptions.maxClones === Infinity,
     removeFencing: !state.scratchGui.tw.runtimeOptions.fencing,
     removeLimits: !state.scratchGui.tw.runtimeOptions.miscLimits,
-    oobRendering: !state.scratchGui.tw.runtimeOptions.oobRendering,
+    disableOffscreenRendering: state.scratchGui.tw.runtimeOptions.disableOffscreenRendering,
     dangerousOptimizations: state.scratchGui.tw.runtimeOptions.dangerousOptimizations,
     warpTimer: state.scratchGui.tw.compilerOptions.warpTimer,
     customStageSize: state.scratchGui.customStageSize,

src/lib/tw-state-manager-hoc.jsx

@@ -399,9 +399,9 @@ const TWStateManager = function (WrappedComponent) {
                 });
             }
 
-            if (urlParams.has('oob')) {
+            if (urlParams.has('nooffscreen')) {
                 this.props.vm.setRuntimeOptions({
-                    oobRendering: false
+                    disableOffscreenRendering: true
                 });
             }
 
@@ -529,8 +529,8 @@ const TWStateManager = function (WrappedComponent) {
                     searchParams.delete('optimize');
                 }
 
-                if (runtimeOptions.oobRendering) {
-                    searchParams.delete('oob');
+                if (runtimeOptions.disableOffscreenRendering) {
+                    searchParams.delete('nooffscreen');
                 } else {
                     searchParams.set('oob', '');
                 }
@@ -618,7 +618,8 @@ const TWStateManager = function (WrappedComponent) {
             miscLimits: PropTypes.bool,
             dangerousOptimizations: PropTypes.bool,
             fencing: PropTypes.bool,
-            maxClones: PropTypes.number
+            maxClones: PropTypes.number,
+            disableOffscreenRendering: PropTypes.bool
         }),
         highQualityPen: PropTypes.bool,
         framerate: PropTypes.number,

src/reducers/tw.js

@@ -33,7 +33,7 @@ export const initialState = {
         maxClones: 300,
         miscLimits: true,
         dangerousOptimizations: false,
-        oobRendering: true,
+        disableOffscreenRendering: false,
         fencing: true
     },
     isWindowFullScreen: false,