Scratch

nXIII wrote:

Hardmath123 wrote:

Can't find it... hey Jens, do you know a good way to search a set of multiple files? I use Xcode to write my code, and normally I like to have all my code in the same file, all my styles in the same file, and all my HTML in the same file for web apps, for simplicity in editing.

1) Isn't Xcode's JavaScript formatting really messed up? I couldn't find a way to disable it…
EDIT: Oh, or you could just leave it on, I guess…
2) Click the third tab in the navigator area; it's a search utility.

Thanks.

Hardmath123 wrote:

One changeset for mosaic:

Code:

SpriteMorph.prototype.mosaicAmt = 1;
SpriteMorph.prototype.setEffect = function (effect, value) {
    var eff = effect instanceof Array ? effect[0] : null;
    if (eff === 'ghost') {
        this.alpha = 1 -
        Math.min(Math.max(parseFloat(value), 0), 100) / 100;
        this.changed();
    }
    if (eff === 'mosaic') {
        this.mosaicAmt = Number(value)>0 ? Number(value) : 1;
        this.changed();
        this.drawNew();
    }
};
SpriteMorph.prototype.changeEffect = function (effect, value) {
    var eff = effect instanceof Array ? effect[0] : null;
    if (eff === 'ghost') {
        this.setEffect(effect, this.getGhostEffect() + parseFloat(value));
    }
    if (eff === 'mosaic') {
        this.setEffect(effect, this.mosaicAmt + parseFloat(value));
    }
};

SpriteMorph.prototype.clearEffects = function () {
    this.setEffect(['ghost'], 0);
    this.setEffect(['mosaic'], 1);
};

SpriteMorph.prototype.drawNew = function () {
    var myself = this,
    currentCenter = this.center(),
    facing, // actual costume heading based on my rotation style
    isFlipped,
    pic, // (flipped copy of) actual costume based on my rotation style
    stageScale = this.parent instanceof StageMorph ?
    this.parent.scale : 1,
    newX,
    corners = [],
    origin,
    shift,
    corner,
    costumeExtent,
    ctx;
    
    facing = this.rotationStyle ? this.heading : 90;
    if (this.rotationStyle === 2) {
        facing = 90;
        if ((this.heading > 180 && (this.heading < 360))
            || (this.heading < 0 && (this.heading > -180))) {
            isFlipped = true;
        }
    }
    if (this.costume) {
        console.log(this.mosaicAmt);
        pic = isFlipped ? this.costume.flipped() : this.costume;
        
        // determine the rotated costume's bounding box
        corners = pic.bounds().corners().map(function (point) {
                                             return point.rotateBy(
                                                                   radians(facing - 90),
                                                                   myself.costume.center()
                                                                   );
                                             });
        origin = corners[0];
        corner = corners[0];
        corners.forEach(function (point) {
                        origin = origin.min(point);
                        corner = corner.max(point);
                        });
        costumeExtent = origin.corner(corner)
        .extent().multiplyBy(this.scale * stageScale);
        
        // determine the new relative origin of the rotated shape
        shift = new Point(0, 0).rotateBy(
                                         radians(-(facing - 90)),
                                         pic.center()
                                         ).subtract(origin);
        
        // create a new, adequately dimensioned canvas
        // and draw the costume on it
        this.image = newCanvas(costumeExtent);
        this.silentSetExtent(costumeExtent);
        ctx = this.image.getContext('2d');
        ctx.scale(this.scale * stageScale, this.scale * stageScale);
        ctx.translate(shift.x, shift.y);
        ctx.rotate(radians(facing - 90));
        
        for (var xpic = 0;  xpic < this.mosaicAmt; xpic++) {
            for (var ypic = 0;  ypic < this.mosaicAmt; ypic++) {
                ctx.drawImage(pic.contents, xpic*pic.contents.width/this.mosaicAmt, ypic*pic.contents.height/this.mosaicAmt, pic.contents.width/this.mosaicAmt, pic.contents.height/this.mosaicAmt);
            }
        }
        
        // adjust my position to the rotation
        this.setCenter(currentCenter);
        
        // determine my rotation offset
        this.rotationOffset = shift
        .translateBy(pic.rotationCenter)
        .rotateBy(radians(-(facing - 90)), shift)
        .scaleBy(this.scale * stageScale);
    } else {
        facing = isFlipped ? -90 : facing;
        newX = Math.min(
                        Math.max(
                                 this.normalExtent.x * this.scale * stageScale,
                                 5
                                 ),
                        1000
                        );
        this.silentSetExtent(new Point(newX, newX));
        this.image = newCanvas(this.extent());
        this.setCenter(currentCenter);
        SpriteMorph.uber.drawNew.call(this, facing);
        this.rotationOffset = this.extent().divideBy(2);
    }
    this.version = Date.now();
};

  I love your code, it's so organized.

Use (+value || 0) for casting a user value a number; it defaults to zero and avoids using the named Number function.

I need it to default to 1. Anything below 1 should become 1, too.

Fine. But I'd consider that nitpicking, since my code works perfectly fine anyway.

EDIT: Well, it depends. When you input a string in a number input, does the code get a string or parsed number?

Last edited by Hardmath123 (2012-12-16 07:20:28)

A string in a number slot gets transformed to a number or to zero, same as in Scratch. You can't even type non-numerical characters there, so the string has to come from a reporter.

Sorry about being abrupt, but right now I'm in release mode and not open to any kind of design discussion. Especially not in the forums. The only things which count until SIGCSE are cloud storage, documentation and materials about Snap, and eliminating showstopper bugs.

Thanks for the changeset. I'll play with it tomorrow and let you know sometime next week

Last edited by Jens (2012-12-16 13:37:09)

What is this mod?

bharvey wrote:

but what you want is Emacs, God's text editor.  No problem with multiple files.  And you can split your window in half and play ASCII Space Invaders in the other half while watching your code compiling. 

But viiiiimmm...

I need help with a block. How can I make a If received block (a circle one that goes in a IF block)

Jens wrote:

Thanks for the changeset. I'll play with it tomorrow and let you know sometime next week

Great, thanks. Glad to help! 

Great! That's alright, and I'll be thrilled if any of my code is in Snap!!    I understand what you mean about freezing new features; I'm paranoid about messing up some of my code too.

I can try to adjust the mosaic level thing. I'll need to mess with Scratch to see how it works. Currently I basically make an n by n array of the costume, but I'm not sure that's what Scratch does. I'll look into it.

P.S. How's the backend going? In what language are you coding it? I thought you were using JS+Node.js, but I'd personally suggest Google App Engine + Python, if you are still thinking about that. When are you planning to release some code? 

hey whaddaya mean, nxiii?!

*cough* SVN *cough*

By the way Jens, not sure if you're looking for a backend host for testing, but I've had extremely great results with AppFog. It uses real cloudracks, and you don't pay if you don't go above 2gb of RAM . Techwiq uses it to great (and free) effect. 

Last edited by shadow_7283 (2012-12-20 19:44:08)

Sorry, had no intentions of doing so. I just dislike GIT because its relatively difficult to use effectively on Windows. We had this discussion before, so just kidding around.    Anyway,
[/offtopic]