/*
* Converts an RGB color to HSL
* Parameters
*     rgbArr : 3-element array containing the RGB values
*
* Result : 3-element array containing the HSL values
*
*/
function rgb2hsl(rgbArr){
    var r1 = rgbArr[0] / 255;
    var g1 = rgbArr[1] / 255;
    var b1 = rgbArr[2] / 255;

    var maxColor = Math.max(r1,g1,b1);
    var minColor = Math.min(r1,g1,b1);
    //Calculate L:
    var L = (maxColor + minColor) / 2 ;
    var S = 0;
    var H = 0;
    if(maxColor != minColor){
        //Calculate S:
        if(L < 0.5){
            S = (maxColor - minColor) / (maxColor + minColor);
        }else{
            S = (maxColor - minColor) / (2.0 - maxColor - minColor);
        }
        //Calculate H:
        if(r1 == maxColor){
            H = (g1-b1) / (maxColor - minColor);
        }else if(g1 == maxColor){
            H = 2.0 + (b1 - r1) / (maxColor - minColor);
        }else{
            H = 4.0 + (r1 - g1) / (maxColor - minColor);
        }
    }

    L = L * 100;
    S = S * 100;
    H = H * 60;
    if(H<0){
        H += 360;
    }
    var result = [H, S, L]; 
    return result;
}

AwesomeChartJS is a simple Javascript library that can be used to create charts based on the HTML 5 canvas element.

The main goal during development was to pick sane defaults in order to let the user create simple charts quickly with just a couple of lines of code.

One can create at almost no time bar, pie, doughnut and Pareto charts.

Website

http://cyberpython.github.com/AwesomeChartJS/

Download

You can get awesomechart.js from the project’s github repository.

License

Copyright 2011 Georgios Migdos – AwesomeChartJS is available under the terms of the Apache License v2.0 .

"([^\\"]+|\\([bfnrtv'"\\]|[0-3]?[0-7]{1,2}|x[0-9a-fA-F]{2}|u[0-9a-fA-F]{4}))*"|'([^\\']+|\\([bfnrtv'"\\]|[0-3]?[0-7]{1,2}|x[0-9a-fA-F]{2}|u[0-9a-fA-F]{4}))*'

And as a Java String:

String jsStringLiteralRegEx = "\"([^\\\\\"]+|\\\\([bfnrtv'\"\\\\]|[0-3]?[0-7]{1,2}|x[0-9a-fA-F]{2}|u[0-9a-fA-F]{4}))*\"|'([^\\\\']+|\\\\([bfnrtv'\"\\\\]|[0-3]?[0-7]{1,2}|x[0-9a-fA-F]{2}|u[0-9a-fA-F]{4}))*'";

BMach is a simple Java application that allows the user to edit, save and execute programs written in the simple machine language defined in Glenn Brookshear’s “Computer Science An Overview”. It supports syntax-highlighting and viewing the registers, memory cells and program counter values during program execution.

Download

Click here to go to the downloads page.

Screenshots

Requirements

You need to have a system with JRE 6u10+.

Usage

BMach is used like any plain text editor.
After users have finished editing their code, they can click on the execute / execute step-by-step button.
All instructions defined in “Computer Science An Overview” are supported.
These can be entered in either binary or hexadecimal form.
e.g.:

Book            BMach            Form
20a1            0x20a1           hexadecimal
2AFF            0x2AFF           hexadecimal
5201            0101001000000001 binary

Blank lines and whitespace before and after instructions are ignored.
Single-line comments are denoted by two consecutive slashes (“//”) and extend to the end of the line.

Examples

Addition

// Calculates the sum of 1 and 2 and
// stores it in register 2
0010000000000001 // alternative form: 0x2001
0010000100000010 // alternative form: 0x2102
0101001000000001 // alternative form: 0x5201
1100000000000000 // alternative form: 0xC000

Calculating the sum of numbers 1 to 10

// Calculates the sum of numbers 1 - 10
0x200A // LOAD register 0 with 0x0A (10d)
0x21FF // LOAD register 1 with 0xFF (-1d)
0x2200 // LOAD register 2 with 0x00 (0d)
0x2301 // LOAD register 3 with 0x01 (1d)
0x2401 // LOAD register 4 with 0x01 (1d)
0x2500 // LOAD register 5 with 0x00 (0d)
0xB016 // JUMP to HALT if register 0 is zero
0x5001 // register 0 = register 0 + register 1
0x5223 // register 2 = register 2 + register 3
0x5334 // register 3 = register 3 + register 4
0xB50C // JUMP to 0x0C
0xC000 // HALT

Overflow

// Attempts to calculate
// 127 + 1 = 128
// and causes overflow error
0x207F // 2's complement: 127
0x2101 // 2's complement: 1
0x5201 // causes overflow: 128
0xc000 // HALT

About

Full source code is available at this GitHub repository under the terms of the Apache License v2.0.

All icons are part of the “Silk” iconset by Mark James, except for the application icon which has been created from scratch with Inkscape.

jSyntaxPane, an open-source JEditorKit that adds support for custom syntax-highlighting to JEditorPane, is used.

    CanvasRenderingContext2D.prototype.fillRoundedRect = fillRoundedRect;

    /*

        x: Upper left corner's X coordinate

        y: Upper left corner's Y coordinate

        w: Rectangle's width

        h: Rectangle's height

        r: Corner radius

    */

    function fillRoundedRect(x, y, w, h, r){

        this.beginPath();

        this.moveTo(x+r, y);

        this.lineTo(x+w-r, y);

        this.quadraticCurveTo(x+w, y, x+w, y+r);

        this.lineTo(x+w, y+h-r);

        this.quadraticCurveTo(x+w, y+h, x+w-r, y+h);

        this.lineTo(x+r, y+h);

        this.quadraticCurveTo(x, y+h, x, y+h-r);

        this.lineTo(x, y+r);

        this.quadraticCurveTo(x, y, x+r, y);

        this.fill();        

    }