Paint editor integration

1 files changed, 1 insertions, 306 deletions

diff --git a/paint.js b/paint.js
index e6de9a2..9278186 100644
--- a/paint.js
+++ b/paint.js
@@ -54,7 +54,7 @@
  FrameMorph, PushButtonMorph, Color, SymbolMorph, newCanvas, Morph, TextMorph,

  CostumeIconMorph, IDE_Morph, Costume, SpriteMorph, nop, Image, WardrobeMorph,

  TurtleIconMorph, localize, MenuMorph, InputFieldMorph, SliderMorph,

- ToggleMorph, ToggleButtonMorph, BoxMorph, modules, radians, SVG_Costume

+ ToggleMorph, ToggleButtonMorph, BoxMorph, modules, radians

  */

 

 // Global stuff ////////////////////////////////////////////////////////
@@ -887,308 +887,3 @@ PaintCanvasMorph.prototype.typeInPadding
 

 PaintCanvasMorph.prototype.contrast

     = InputFieldMorph.prototype.contrast;

-

-// Changes to gui.js and object.js (temporarily here) //////////////////

-// These will be incorporated into the respective files later

-// They add costume editing functionality to Snap!.

-////////////////////////////////////////////////////////////////////////

-
-CostumeIconMorph.prototype.editCostume = function () {
-    if (this.object instanceof SVG_Costume) {
-        this.object.editRotationPointOnly(this.world());
-    } else {
-        this.object.edit(
-            this.world(),
-            this.parentThatIsA(IDE_Morph)
-        );
-    }

-};

-

-Costume.prototype.edit = function (aWorld, anIDE, isnew, oncancel, onsubmit) {

-    var myself = this,

-        editor = new PaintEditorMorph();

-    editor.oncancel = oncancel || nop;

-    editor.openIn(

-        aWorld,

-        isnew ?

-                newCanvas(new Point(480, 360)) :

-                this.contents,

-        isnew ?

-                new Point(240, 180) :

-                this.rotationCenter,

-        function (img, rc) {

-            myself.contents = img;

-            myself.rotationCenter = rc;

-            myself.shrinkWrap();

-            myself.version = Date.now();

-            aWorld.changed();

-            if (anIDE) {

-                anIDE.currentSprite.wearCostume(myself);

-                anIDE.hasChangedMedia = true;

-            }

-            (onsubmit || nop)();

-        }

-    );

-};

-

-IDE_Morph.prototype.createCorralBar = function () {

-    // assumes the stage has already been created

-    var padding = 5,

-        newbutton,

-        paintbutton,

-        colors = [

-            this.groupColor,

-            this.frameColor.darker(50),

-            this.frameColor.darker(50)

-        ];
-

-    if (this.corralBar) {

-        this.corralBar.destroy();

-    }

-
-    this.corralBar = new Morph();

-    this.corralBar.color = this.frameColor;

-    this.corralBar.setHeight(this.logo.height()); // height is fixed

-    this.add(this.corralBar);

-
-    // new sprite button

-    newbutton = new PushButtonMorph(

-        this,

-        "addNewSprite",

-        new SymbolMorph("turtle", 14)

-    );

-    newbutton.corner = 12;

-    newbutton.color = colors[0];

-    newbutton.highlightColor = colors[1];

-    newbutton.pressColor = colors[2];

-    newbutton.labelMinExtent = new Point(36, 18);

-    newbutton.padding = 0;

-    newbutton.labelShadowOffset = new Point(-1, -1);

-    newbutton.labelShadowColor = colors[1];

-    newbutton.labelColor = new Color(255, 255, 255);

-    newbutton.contrast = this.buttonContrast;

-    newbutton.drawNew();

-    newbutton.hint = "add a new Turtle sprite";

-    newbutton.fixLayout();

-    newbutton.setCenter(this.corralBar.center());

-    newbutton.setLeft(this.corralBar.left() + padding);

-    this.corralBar.add(newbutton);

-
-    paintbutton = new PushButtonMorph(

-        this,

-        "paintNewSprite",

-        new SymbolMorph("brush", 15)

-    );

-    paintbutton.corner = 12;

-    paintbutton.color = colors[0];

-    paintbutton.highlightColor = colors[1];

-    paintbutton.pressColor = colors[2];

-    paintbutton.labelMinExtent = new Point(36, 18);

-    paintbutton.padding = 0;

-    paintbutton.labelShadowOffset = new Point(-1, -1);

-    paintbutton.labelShadowColor = colors[1];

-    paintbutton.labelColor = new Color(255, 255, 255);

-    paintbutton.contrast = this.buttonContrast;

-    paintbutton.drawNew();

-    paintbutton.hint = "paint a new sprite";

-    paintbutton.fixLayout();

-    paintbutton.setCenter(this.corralBar.center());

-    paintbutton.setLeft(

-        this.corralBar.left() + padding + newbutton.width() + padding

-    );

-    this.corralBar.add(paintbutton);

-};
-
-IDE_Morph.prototype.paintNewSprite = function() {
-    var sprite = new SpriteMorph(this.globalVariables),
-        cos = new Costume(),
-        myself = this;
-
-    sprite.name = sprite.name +
-        (this.corral.frame.contents.children.length + 1);
-    sprite.setCenter(this.stage.center());
-    this.stage.add(sprite);
-    this.sprites.add(sprite);
-    this.corral.addSprite(sprite);
-    this.selectSprite(sprite);
-    cos.edit(
-        this.world(),
-        this,
-        true,
-        function() {myself.removeSprite(sprite); },
-        function () {
-            sprite.addCostume(cos);
-            sprite.wearCostume(cos);
-        }
-    );
-};
-

-WardrobeMorph.prototype.updateList = function () {

-    var myself = this,

-        x = this.left() + 5,

-        y = this.top() + 5,

-        padding = 4,

-        oldFlag = Morph.prototype.trackChanges,

-        oldPos = this.contents.position(),

-        icon,

-        template,

-        txt,

-        paintbutton;

-
-    this.changed();

-    oldFlag = Morph.prototype.trackChanges;

-    Morph.prototype.trackChanges = false;

-
-    this.contents.destroy();

-    this.contents = new FrameMorph(this);

-    this.contents.acceptsDrops = false;

-    this.contents.reactToDropOf = function (icon) {

-        myself.reactToDropOf(icon);

-    };

-    this.addBack(this.contents);

-
-    icon = new TurtleIconMorph(this.sprite);

-    icon.setPosition(new Point(x, y));

-    myself.addContents(icon);

-    y = icon.bottom() + padding;

-

-    paintbutton = new PushButtonMorph(

-        this,

-        "paintNew",

-        new SymbolMorph("brush", 15)

-    );

-    paintbutton.padding = 0;

-    paintbutton.corner = 12;

-    paintbutton.color = IDE_Morph.prototype.groupColor;

-    paintbutton.highlightColor = IDE_Morph.prototype.frameColor.darker(50);

-    paintbutton.pressColor = paintbutton.highlightColor;

-    paintbutton.labelMinExtent = new Point(36, 18);

-    paintbutton.labelShadowOffset = new Point(-1, -1);

-    paintbutton.labelShadowColor = paintbutton.highlightColor;

-    paintbutton.labelColor = new Color(255, 255, 255);

-    paintbutton.contrast = this.buttonContrast;

-    paintbutton.drawNew();

-    paintbutton.hint = "Paint a new costume";

-    paintbutton.setPosition(new Point(x, y));

-    paintbutton.fixLayout();
-    paintbutton.setCenter(icon.center());
-    paintbutton.setLeft(icon.right() + padding * 4);
-
-
-    this.addContents(paintbutton);

-
-    txt = new TextMorph(localize(

-        "costumes tab help" // look up long string in translator

-    ));

-    txt.fontSize = 9;

-    txt.setColor(new Color(230, 230, 230));

-
-    txt.setPosition(new Point(x, y));

-    this.addContents(txt);

-    y = txt.bottom() + padding;
-
-
-    this.sprite.costumes.asArray().forEach(function (costume) {

-        template = icon = new CostumeIconMorph(costume, template);

-        icon.setPosition(new Point(x, y));

-        myself.addContents(icon);

-        y = icon.bottom() + padding;

-    });

-    this.costumesVersion = this.sprite.costumes.lastChanged;

-
-    this.contents.setPosition(oldPos);

-    this.adjustScrollBars();

-    Morph.prototype.trackChanges = oldFlag;

-    this.changed();

-
-    this.updateSelection();

-};

-

-WardrobeMorph.prototype.paintNew = function() {

-    var cos = new Costume(newCanvas(), "Untitled"),

-        myself = this;

-    cos.edit(this.world(), null, true, null, function() {

-        myself.sprite.addCostume(cos);

-        myself.updateList();

-        if (myself.parentThatIsA(IDE_Morph)) {

-            myself.parentThatIsA(IDE_Morph).currentSprite.wearCostume(cos);

-        }

-    });

-};

-

-CostumeIconMorph.prototype.userMenu = function () {

-    var menu = new MenuMorph(this);

-    if (!(this.object instanceof Costume)) {return null; }

-    menu.addItem("edit", "editCostume");

-    if (this.world().currentKey === 16) { // shift clicked
-        menu.addItem(
-            'edit rotation point only...',
-            'editRotationPointOnly',
-            null,
-            new Color(100, 0, 0)
-        );
-    }
-    menu.addItem("rename", "renameCostume");

-    menu.addLine();

-    menu.addItem("duplicate", "duplicateCostume");

-    menu.addItem("delete", "removeCostume");

-    menu.addLine();

-    menu.addItem("export", "exportCostume");

-    return menu;

-};

-

-CostumeIconMorph.prototype.duplicateCostume = function() {

-    var wardrobe = this.parentThatIsA(WardrobeMorph),

-        ide = this.parentThatIsA(IDE_Morph),

-        newcos = this.object.copy(),

-        split = newcos.name.split(" ");

-    if (split[split.length - 1] === "copy") {

-        newcos.name += " 2";

-    } else if (isNaN(split[split.length - 1])) {

-        newcos.name = newcos.name + " copy";

-    } else {

-        split[split.length - 1] = Number(split[split.length - 1]) + 1;

-        newcos.name = split.join(" ");

-    }

-    wardrobe.sprite.addCostume(newcos);

-    wardrobe.updateList();

-    if (ide) {

-        ide.currentSprite.wearCostume(newcos);

-    }

-};

-

-// I had to change this because adding a "paint new" button changed the offset

-// of the costume (so the 5th child would be the 3rd costume, not the 4th as

-// it was before with only the text morph child).

-CostumeIconMorph.prototype.removeCostume = function () {

-    var wardrobe = this.parentThatIsA(WardrobeMorph),

-        idx = this.parent.children.indexOf(this),

-        ide = this.parentThatIsA(IDE_Morph);

-    wardrobe.removeCostumeAt(idx - 2);

-    if (ide.currentSprite.costume === this.object) {

-        ide.currentSprite.wearCostume(null);

-    }

-};

-

-Costume.prototype.shrinkWrap = function () {

-    // adjust my contents'  bounds to my visible bounding box

-    var bb = this.boundingBox(),

-        ext = bb.extent(),

-        pic = newCanvas(ext),

-        ctx = pic.getContext('2d');

-

-    ctx.drawImage(

-        this.contents,

-        bb.origin.x,

-        bb.origin.y,

-        ext.x,

-        ext.y,

-        0,

-        0,

-        ext.x,

-        ext.y

-    );

-    this.rotationCenter = this.rotationCenter.subtract(bb.origin);

-    this.contents = pic;

-    this.version = Date.now();

-};
\ No newline at end of file