Image smoothing as a setting

engine/src/ToolSettings.js

@@ -103,7 +103,11 @@ Wick.ToolSettings = class {
             type: 'color',
             name: 'forwardOnionSkinTint',
             default: new Wick.Color('rgba(0, 0, 255, .5)'),
-        },{
+        }, {
+            type: "boolean",
+            name: "imageSmoothing",
+            default: true
+        }, {
             type: "choice",
             name: 'brushMode',
             default: 'none',
@@ -118,6 +122,8 @@ Wick.ToolSettings = class {
         this._settings = {};
         this._onSettingsChangedCallback = () => {};
 
+        this.project = null
+
         this.resetAllSettings();
         this.loadSettingsFromLocalstorage();
     }
@@ -191,6 +197,13 @@ Wick.ToolSettings = class {
         } else {
             localforage.setItem(this.getStorageKey(name), value);
         }
+        if (setting.name === "imageSmoothing"){
+            this.project.getAssets("Image").forEach(asset => {
+                asset.getInstances().forEach(img => {
+                    img.view.item.smoothing = setting.value
+                })
+            })
+        }
     }
 
     /**

engine/src/base/Project.js

@@ -106,6 +106,7 @@ Wick.Project = class extends Wick.Base {
         this.activeTool = 'cursor';
 
         this._toolSettings = new Wick.ToolSettings();
+        this._toolSettings.project = this
         this._toolSettings.onSettingsChanged((name, value) => {
             if (name === 'fillColor') {
                 this.selection.fillColor = value.rgba;

src/Editor/Modals/SettingsModal/EditorSettings/EditorSettings.jsx

@@ -43,6 +43,13 @@ class EditorSettings extends Component {
     return (
       <div className="editor-settings-modal-body">
         <div className="editor-settings-group">
+          <label htmlFor="image-smoothing" className="editor-settings-group-title">Image Smoothing</label>
+            <WickInput
+              type="checkbox"
+              id="image-smoothing"
+              checked={this.props.getToolSetting('imageSmoothing')}
+              onChange={(bool) => {this.props.setToolSetting('imageSmoothing', bool.target.checked)}}
+            />
           <label htmlFor="onion-skin-style" className="editor-settings-group-title">Onion Skinning</label>
             Style:
             <WickInput

src/Editor/Modals/SettingsModal/SettingsModal.jsx

@@ -83,6 +83,7 @@ class SettingsModal extends Component {
               lastColorsUsed={this.props.lastColorsUsed}
               getToolSetting={this.props.getToolSetting}
               setToolSetting={this.props.setToolSetting}
+              project={this.props.project}
               toggle={this.props.toggle}
               getToolSettingRestrictions={this.props.getToolSettingRestrictions}/>
           </TabbedInterface>