gui-side unclamp direction

Author: RedMan13

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

@@ -314,6 +314,26 @@ const DisableOffscreenRendering = props => (
         // slug="out-of-bounds-rendering"
     />
 );
+const DisableDirectionClamping = props => (
+    <BooleanSetting
+        {...props}
+        label={
+            <FormattedMessage
+                defaultMessage="Disable Direction Clamping"
+                description="Disable Direction Clamping setting"
+                id="pm.settingsModal.noDirWrap"
+            />
+        }
+        help={
+            <FormattedMessage
+                defaultMessage="When enabled, directions will not be clamped from -179 - 180"
+                description="Disable Direction Clamping setting help"
+                id="pm.settingsModal.noDirWrapHelp"
+            />
+        }
+        // slug="out-of-bounds-rendering"
+    />
+);
 
 const WarpTimer = props => (
     <BooleanSetting
@@ -546,6 +566,10 @@ const SettingsModalComponent = props => (
                 value={props.dangerousOptimizations}
                 onChange={props.onEnableDangerousOptimizationsChange}
             />
+            <DisableDirectionClamping
+                value={props.disableDirectionClamping}
+                onChange={props.onDisableDirectionClamping}
+            />
             <Header>
                 <FormattedMessage
                     defaultMessage="Screen Resolution"

src/containers/tw-settings-modal.jsx

@@ -33,7 +33,8 @@ class UsernameModal extends React.Component {
             'handleDisableCompilerChange',
             'handleStoreProjectOptions',
             'handleEnableDangerousOptimizationsChange',
-            'handleDisableOffscreenRenderingChange'
+            'handleDisableOffscreenRenderingChange',
+            'handleDisableDirectionClamping'
         ]);
     }
     handleFramerateChange (e) {
@@ -79,6 +80,11 @@ class UsernameModal extends React.Component {
             disableOffscreenRendering: e.target.checked
         });
     }
+    handleDisableDirectionClamping (e) {
+        this.props.vm.setRuntimeOptions({
+            disableDirectionClamping: e.target.checked
+        });
+    }
     handleWarpTimerChange (e) {
         this.props.vm.setCompilerOptions({
             warpTimer: e.target.checked
@@ -131,6 +137,7 @@ class UsernameModal extends React.Component {
                 onRemoveLimitsChange={this.handleRemoveLimitsChange}
                 onEnableDangerousOptimizationsChange={this.handleEnableDangerousOptimizationsChange}
                 onDisableOffscreenRenderingChange={this.handleDisableOffscreenRenderingChange}
+                onDisableDirectionClamping={this.handleDisableDirectionClamping}
                 onWarpTimerChange={this.handleWarpTimerChange}
                 onStageWidthChange={this.handleStageWidthChange}
                 onStageHeightChange={this.handleStageHeightChange}
@@ -189,6 +196,7 @@ const mapStateToProps = state => ({
     removeFencing: !state.scratchGui.tw.runtimeOptions.fencing,
     removeLimits: !state.scratchGui.tw.runtimeOptions.miscLimits,
     disableOffscreenRendering: state.scratchGui.tw.runtimeOptions.disableOffscreenRendering,
+    disableDirectionClamping: state.scratchGui.tw.runtimeOptions.disableDirectionClamping,
     dangerousOptimizations: state.scratchGui.tw.runtimeOptions.dangerousOptimizations,
     warpTimer: state.scratchGui.tw.compilerOptions.warpTimer,
     customStageSize: state.scratchGui.customStageSize,

src/lib/project-fetcher-hoc.jsx

@@ -120,6 +120,7 @@ const ProjectFetcherHOC = function (WrappedComponent) {
             ) {
                 this.props.vm.setFramerate(30);
                 this.props.vm.setRuntimeOptions({
+                    disableDirectionClamping: false,
                     dangerousOptimizations: false,
                     disableOffscreenRendering: false,
                     fencing: true,

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

@@ -405,6 +405,12 @@ const TWStateManager = function (WrappedComponent) {
                 });
             }
 
+            if (urlParams.has('nodirectionclamping')) {
+                this.props.vm.setRuntimeOptions({
+                    disableDirectionClamping: true
+                });
+            }
+ 
             for (const extension of urlParams.getAll('extension')) {
                 this.props.vm.extensionManager.loadExtensionURL(extension);
             }
@@ -535,6 +541,12 @@ const TWStateManager = function (WrappedComponent) {
                     searchParams.delete('nooffscreen');
                 }
 
+                if (runtimeOptions.disableDirectionClamping) {
+                    searchParams.set('nodirectionclamping', '');
+                } else {
+                    searchParams.delete('nodirectionclamping');
+                }
+
                 setSearchParams(searchParams);
             }
         }

src/reducers/tw.js

@@ -34,6 +34,7 @@ export const initialState = {
         miscLimits: true,
         dangerousOptimizations: false,
         disableOffscreenRendering: false,
+        disableDirectionClamping: false,
         fencing: true
     },
     isWindowFullScreen: false,