Programming Editor Debug toggle

layout_mode = {{ viewoptions.layout_mode }} num_cols = {{ viewoptions.num_cols }} tape_mode = {{ tape_mode }}

full stackonly canvasonly
1col 2col 3col
show all layouts tape toggle
1col-full V2 1col-full 2col-full 3col-full
1col-stack_only 2col-stack_only 3col-stack_only
1col-canvas_only 2col-canvas_only 3col-canvas_only

_tape

_tape

_tape

_tape

_tape

_tape

_tape

_tape

_tape

ENTER

AC

C

7

8

9

/

4

5

6

*

1

2

3

-

0

.

RPN

+

Page Footer

options

Back to Calc

Re-Parse

ENTER YOUR CODE HERE:

function fred() {}
function mary() {alert('hi there'); }
function sam(a) { var x = 200; alert(x+a); }
function Pi() { return Math.PI; }

function add(a,b) { return a+b; }
function say_hi() { return "hi"; }
function say_hi2() { console.log(rpn); rpn.pusher(1000); }
function logloop1(n) { for (i=1;i<=n;i++) { rpn.pusher([i, Math.log(i)]); } }
function randy1() { return Math.random(); }
function lenarray(lzt) { return lzt.length; }
function gen(n) { var arra=[]; for (i=1;i<=n;i++) { arra.push(i); } console.log(arra); return arra;}
function gen5() { return gen(5); }
function obb() {
  var o = { 'a': 100,
            'b': function() { return 200; }
          };
  return o;
}

// More.....

// Canvas demos from
// http://www.concept-it.ch/projects/web/blueSparrow/demo8.html

function demo1() {
    // Get canvas element
    var canvas = document.getElementById("myCanvas");
    
    // Initialize new canvas manager (show outline, don't show FPS)
    var canvasManager = new blueSparrow.CanvasManager(canvas, true, false);
     
    // Make a new sprite with tag 's1' at 300, 200 with dimensions
    // of 100 by 100, and having no image attached
    var sprite1 = new blueSparrow.Sprite("s1", 30, 20, 50, 50, null);
    
    // Define a custom drawing function using fill color, stroke color,
    // stroke width, fill opacity and stroke opacity
    sprite1.customDraw = function() {
        this.drawRectangleOutline("#0000cc", "#000000", 6, 0.8, 1);
    };
    
    // Set the rotation of the sprite
    sprite1.rotation = 30;
    
    // Add the sprite to the canvas manager
    canvasManager.addSprite(sprite1);
    
    // Tell the canvas manager to draw its sprite hierarchy
    canvasManager.draw();
}
function demo8() {
    // Make image objects
    var sparrow = new Image();
    sparrow.src = "img/blueSparrowLogo128.png";
    var number = new Image();
    number.src = "img/number.png";
    
    // Initialize canvas manager
    var canvas = document.getElementById("myCanvas");   
    var canvasManager = new blueSparrow.CanvasManager(canvas, true, true);
    
    // Make a rotating square sprite using a custom drawing function
    // The square is UI enabled
    var square = new blueSparrow.Sprite("square", 300, 200, 300, 300, null);
    square.setZOrder(1);
    square.rotation = 0;
    square.scale = 0.75;
    square.customDraw = function() {
        this.drawRectangleOutline("#cccccc", "#000000", 2, 0.8, 1);
    };
    square.addAction(new blueSparrow.Action("rotation", 360, 30,
        blueSparrow.easingFunction("linear"), blueSparrow.ACTION_REPEAT));
    square.uiEnabled = true;
    square.draggable = true;
    square.scheduled = true;   
    canvasManager.addSprite(square);
    
    // Add children to the square
    var N = 50, i, sprite;
    for (i = 0; i < N; i++) {
        sprite = new blueSparrow.Sprite("number-" + i, 150, 150, 32, 32, number);
        sprite.setSpeed(Math.round(Math.random() * 100) + 10);
        sprite.setDirection(Math.round(Math.random() * 360));
        sprite.scheduled = true;
        sprite.bounceOffParent = true;
        sprite.availableImageFrames = 10;
        sprite.imageFrameInterval = 0.5 + Math.random() * 2;
        square.addChild(sprite);
    }
    var sparrow = new blueSparrow.Sprite("sparrow", 100, 100, 128, 128, sparrow);
    sparrow.addAction(new blueSparrow.Action("rotation", -360, 15,
        blueSparrow.easingFunction("linear"), blueSparrow.ACTION_REPEAT));
    sparrow.scheduled = true;
    sparrow.opacity = 0.8;
    square.addChild(sparrow);

// Initialize and start scheduler
    var scheduler = new blueSparrow.Scheduler(canvasManager, 60);
    scheduler.start();
}

Page Footer