Updated the Sprite Editor with the latest changes

Author: chunkypixel

CHANGELOG.md

@@ -2,6 +2,14 @@
 
 The following enhancements and changes have been made to Atari Dev Studio:
 
+## 0.10.4
+
+* Updated the Sprite Editor with the following changes:
+  - Rebuilt the 2600 and 7800 Export window and process to offer a more streamlined and feature rich process
+  - Updated the Editor and Palette features to work with multi-color 2600 sprites
+  - Added an output content (showing the generated source) and copy/paste feature to the 2600 Export window
+  - Added color information to the 2600 export content
+
 ## 0.10.3
 
 * Updated the Sprite Editor with the following changes:

README.md

@@ -98,10 +98,11 @@ Atari Dev Studio includes a simple and easy to use Sprite Editor allowing you to
 * Load and Save projects allowing you to save and come back to on-going work
 * Editing features such as a pen, eraser, fill, line, rectangle and ellipse as well as zoom, move and palette selection
 * Ability to manage your sprites in a sortable list with options to copy, paste, duplicate, resize and delete
+* Load and save palettes
 * Display a copyable list of color indexes for the selected sprite which can be used with your **incgraphics** references (7800)
+* Export sprites to .png image files (7800)
+* Create single or multi-color sprites (2600)
 * Export sprites to batari Basic or assembly source code (2600)
-* Export sprites to .png files (7800)
-* Load and save palettes
 
 ![Sprite Editor](images/ataridevstudio-spriteeditor.png)
 The Sprite Editor is based on [Spritemate](http://spritemate.com) by Ingo Hinterding ([GitHub](https://github.com/Esshahn/spritemate)) and was suggested by RandomTerrain for inclusion in Atari Dev Studio. I have customised the source to provide the required features necessary for editing sprites, tiles and objects for the Atari platforms.  This work is currently in preview and will be on-going until all required features have been added.

out/content/pages/spriteeditor/main.css

@@ -2474,7 +2474,7 @@ Spritemate stylesheet
    background-color: rgba(0,0,0,0.5);
  }
 
- #window-export input#filename {
+ #window-export input#export7800Filename {
   width: 98%;
  }
 
@@ -2755,13 +2755,30 @@ Spritemate stylesheet
   margin: 0px 0px 4px 2px;
  }
 
- div#region-section #palette-dropdown-region-button {
-   width: 232px;
+ #palette-dropdown-region-button {
+   width: 227px;
    margin-bottom: 10px;
  }
 
- div#region-section .ui-selectmenu-text {
-  font-size: 1.3em;
+ #export-output {
+  width: 100%;
+  height: 300px;
+  font-family: 'courier';
+  background: black;
+  color: white;
+  resize: none;
+ }
+
+ .palette-section-header {
+  font-weight: 600;
+  text-transform: uppercase;
+  font-size: 70%;
+  text-align: center;
+  padding: 4px 0px 4px 0px
+ }
+
+ #button-export2600-copy {
+  margin: 0px;
  }
 
  .palette_color_item_sprite_colors

out/content/pages/spriteeditor/main.js

@@ -2,7 +2,7 @@
     "name": "atari-dev-studio",
     "displayName": "Atari Dev Studio",
     "description": "Homebrew game creation for the Atari 8-bit consoles",
-    "version": "0.10.3",
+    "version": "0.10.4",
     "icon": "images/icon.png",
     "preview": false,
     "author": "mksmith",

out/pages/spriteeditor.js

@@ -4,7 +4,6 @@ import * as path from 'path';
 import * as filesystem from '../filesystem';
 import * as application from '../application';
 import opn = require('open');
-import { stringify } from 'querystring';
 
 export class SpriteEditorPage implements vscode.Disposable {
 
@@ -330,7 +329,7 @@ export class SpriteEditorPage implements vscode.Disposable {
                                 this.currentPanel!.webview.postMessage({
                                     command: command,
                                     status: 'error',
-                                    errorMessage: `Failed to export image '${path.basename(fileUri.fsPath)}' (Error: ${e.message})`
+                                    errorMessage: `Failed to export sprite to file '${path.basename(fileUri.fsPath)}' (Error: ${e.message})`
                                 });  
                             }); 
                         })
@@ -396,7 +395,7 @@ export class SpriteEditorPage implements vscode.Disposable {
                                     this.currentPanel!.webview.postMessage({
                                         command: command,
                                         status: 'error',
-                                        errorMessage: `Failed to export image '${path.basename(fileUri.fsPath)}' (Error: ${e.message})`
+                                        errorMessage: `Failed to export sprite to file '${path.basename(fileUri.fsPath)}' (Error: ${e.message})`
                                     });  
                                 }); 
                         }