JavaScript - LCD 128x64 Bricklet

This is the description of the JavaScript API bindings for the LCD 128x64 Bricklet. General information and technical specifications for the LCD 128x64 Bricklet are summarized in its hardware description.

An installation guide for the JavaScript API bindings is part of their general description.

Examples

The example code below is Public Domain (CC0 1.0).

Hello World (Node.js)

Download (ExampleHelloWorld.js)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
var Tinkerforge = require('tinkerforge');

var HOST = 'localhost';
var PORT = 4223;
var UID = 'XYZ'; // Change XYZ to the UID of your LCD 128x64 Bricklet

var ipcon = new Tinkerforge.IPConnection(); // Create IP connection
var lcd = new Tinkerforge.BrickletLCD128x64(UID, ipcon); // Create device object

ipcon.connect(HOST, PORT,
    function (error) {
        console.log('Error: ' + error);
    }
); // Connect to brickd
// Don't use device before ipcon is connected

ipcon.on(Tinkerforge.IPConnection.CALLBACK_CONNECTED,
    function (connectReason) {
        // Clear display
        lcd.clearDisplay();

        // Write "Hello World" starting from upper left corner of the screen
        lcd.writeLine(0, 0, 'Hello World');
    }
);

console.log('Press key to exit');
process.stdin.on('data',
    function (data) {
        ipcon.disconnect();
        process.exit(0);
    }
);

Big Font (Node.js)

Download (ExampleBigFont.js)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
var Tinkerforge = require('tinkerforge');

var HOST = 'localhost';
var PORT = 4223;
var UID = 'XYZ'; // Change XYZ to the UID of your LCD 128x64 Bricklet

var ipcon = new Tinkerforge.IPConnection(); // Create IP connection
var lcd = new Tinkerforge.BrickletLCD128x64(UID, ipcon); // Create device object

ipcon.connect(HOST, PORT,
    function (error) {
        console.log('Error: ' + error);
    }
); // Connect to brickd
// Don't use device before ipcon is connected

ipcon.on(Tinkerforge.IPConnection.CALLBACK_CONNECTED,
    function (connectReason) {
        // Clear display
        lcd.clearDisplay();

        // Write "Hello World" with big 24x32 font
        lcd.drawText(0, 0, Tinkerforge.BrickletLCD128x64.FONT_24X32,
                     Tinkerforge.BrickletLCD128x64.COLOR_BLACK, '24x32');
    }
);

console.log('Press key to exit');
process.stdin.on('data',
    function (data) {
        ipcon.disconnect();
        process.exit(0);
    }
);

Pixel Matrix (Node.js)

Download (ExamplePixelMatrix.js)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
var Tinkerforge = require('tinkerforge');

var HOST = 'localhost';
var PORT = 4223;
var UID = 'XYZ'; // Change XYZ to the UID of your OLED 128x64 Bricklet
var SCREEN_WIDTH = 128;
var SCREEN_HEIGHT = 64;

var ipcon = new Tinkerforge.IPConnection(); // Create IP connection
var lcd = new Tinkerforge.BrickletLCD128x64(UID, ipcon); // Create device object

ipcon.connect(HOST, PORT,
    function (error) {
        console.log('Error: ' + error);
    }
); // Connect to brickd
// Don't use device before ipcon is connected

ipcon.on(Tinkerforge.IPConnection.CALLBACK_CONNECTED,
    function (connectReason) {
        // Clear display
        lcd.clearDisplay();

        // Draw checkerboard pattern
        var pixels = [];
        for (var h = 0; h < SCREEN_HEIGHT; h++) {
            for (var w = 0; w < SCREEN_WIDTH; w++) {
                pixels[h*SCREEN_WIDTH + w] = Math.floor(h / 8) % 2 == Math.floor(w / 8) % 2;
            }
        }

        lcd.writePixels(0, 0, SCREEN_WIDTH-1, SCREEN_HEIGHT-1, pixels);
    }
);

console.log('Press key to exit');
process.stdin.on('data',
    function (data) {
        ipcon.disconnect();
        process.exit(0);
    }
);

Touch (Node.js)

Download (ExampleTouch.js)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
var Tinkerforge = require('tinkerforge');

var HOST = 'localhost';
var PORT = 4223;
var UID = 'XYZ'; // Change XYZ to the UID of your LCD 128x64 Bricklet

var ipcon = new Tinkerforge.IPConnection(); // Create IP connection
var lcd = new Tinkerforge.BrickletLCD128x64(UID, ipcon); // Create device object

ipcon.connect(HOST, PORT,
    function (error) {
        console.log('Error: ' + error);
    }
); // Connect to brickd
// Don't use device before ipcon is connected

ipcon.on(Tinkerforge.IPConnection.CALLBACK_CONNECTED,
    function (connectReason) {
        // Set period for touch position callback to 0.1s (100ms)
        lcd.setTouchPositionCallbackConfiguration(100, true);

        // Set period for touch gesture callback to 0.1s (100ms)
        lcd.setTouchGestureCallbackConfiguration(100, true);
    }
);

// Register touch position callback
lcd.on(Tinkerforge.BrickletLCD128x64.CALLBACK_TOUCH_POSITION,
    // Callback function for touch position callback
    function (pressure, x, y, age) {
        console.log('Pressure: ' + pressure);
        console.log('X: ' + x);
        console.log('Y: ' + y);
        console.log('Age: ' + age);
        console.log();
    }
);

// Register touch gesture callback
lcd.on(Tinkerforge.BrickletLCD128x64.CALLBACK_TOUCH_GESTURE,
    // Callback function for touch gesture callback
    function (gesture, duration, pressureMax, xStart, xEnd, yStart, yEnd, age) {
        console.log('Gesture: ' + gesture);
        console.log('Duration: ' + duration);
        console.log('Pressure Max: ' + pressureMax);
        console.log('X Start: ' + xStart);
        console.log('X End: ' + xEnd);
        console.log('Y Start: ' + yStart);
        console.log('Y End: ' + yEnd);
        console.log('Age: ' + age);
        console.log();
    }
);

console.log('Press key to exit');
process.stdin.on('data',
    function (data) {
        ipcon.disconnect();
        process.exit(0);
    }
);

Scribble (Node.js)

Download (ExampleScribble.js)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
var Tinkerforge = require('tinkerforge');
var GM = require('gm'); // FIXME: maybe use node-gd instead
var getPixels = require('get-pixels');

var HOST = 'localhost';
var PORT = 4223;
var UID = 'XYZ'; // Change to your UID
var WIDTH = 128;
var HEIGHT = 64;

var ipcon = new Tinkerforge.IPConnection(); // Create IP connection
var lcd = new Tinkerforge.BrickletLCD128x64(UID, ipcon); // Create device object
var originX = WIDTH / 2;
var originY = HEIGHT / 2;
var length = HEIGHT / 2 - 2;
var angle = 0;

function drawImage(lcd, image) {
    // FIXME: GraphicsMagick doesn't seem to have a way to access the individual
    // pixels. Convert to PNG and then used get-pixels to read the pixels back.
    // This is far from ideal, but better than nothing.
    image.toBuffer('PNG', function (err, buffer) {
        if (err) {
            console.log('toBuffer: ' + err);
            return;
        }

        getPixels(buffer, 'image/png', function(err, pixels) {
            if (err) {
                console.log('getPixels: ' + err);
                return;
            }

            pixels = [];

            for (var h = 0; h < HEIGHT; h++) {
                for (var w = 0; w < WIDTH; w++) {
                    pixels[h*WIDTH + w] = pixels.get(w, h, 0) > 0;
                }
            }

            lcd.writePixels(0, 0, WIDTH-1, HEIGHT-1, pixels);
        });
    });
}

ipcon.connect(HOST, PORT,
    function (error) {
        console.log('Error: ' + error);
    }
); // Connect to brickd
// Don't use device before ipcon is connected

ipcon.on(Tinkerforge.IPConnection.CALLBACK_CONNECTED,
    function (connectReason) {
        // Clear display
        lcd.clearDisplay();

        // Draw rotating line
        function render() {
            // FIXME: Creating the image once and reusing it would be better, but
            // on the second call toBuffer() fails with "Stream yields empty buffer"
            var image = GM(WIDTH, HEIGHT, '#000');
            var radians = angle * Math.PI / 180;
            var x = Math.floor(originX + length * Math.cos(radians));
            var y = Math.floor(originY + length * Math.sin(radians));

            image.fill('#FFF').drawLine(originX, originY, x, y);

            drawImage(lcd, image);

            angle++;
        }

        setInterval(render, 25);
    }
);

console.log('Press key to exit');
process.stdin.on('data',
    function (data) {
        ipcon.disconnect();
        process.exit(0);
    }
);

GUI (Node.js)

Download (ExampleGUI.js)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
var Tinkerforge = require('tinkerforge');

var HOST = 'localhost';
var PORT = 4223;
var UID = 'XYZ'; // Change XYZ to the UID of your LCD 128x64 Bricklet

var ipcon = new Tinkerforge.IPConnection(); // Create IP connection
var lcd = new Tinkerforge.BrickletLCD128x64(UID, ipcon); // Create device object

ipcon.connect(HOST, PORT,
    function (error) {
        console.log('Error: ' + error);
    }
); // Connect to brickd
// Don't use device before ipcon is connected

ipcon.on(Tinkerforge.IPConnection.CALLBACK_CONNECTED,
    function (connectReason) {
        // Clear display
        lcd.clearDisplay();
        lcd.removeAllGUI();

        // Add GUI elements: Button, Slider and Graph with 60 data points
        lcd.setGUIButton(0, 0, 0, 60, 20, 'button');
        lcd.setGUISlider(0, 0, 30, 60,
                         Tinkerforge.BrickletLCD128x64.DIRECTION_HORIZONTAL, 50);
        lcd.setGUIGraphConfiguration(0, Tinkerforge.BrickletLCD128x64.GRAPH_TYPE_LINE,
                                     62, 0, 60, 52, 'X', 'Y');

        // Add a few data points (the remaining points will be 0)
        lcd.setGUIGraphData(0, [20, 40, 60, 80, 100, 120, 140, 160, 180, 200, 220, 240]);

        // Add 5 text tabs without and configure it for click and swipe without auto-redraw
        lcd.setGUITabConfiguration(Tinkerforge.BrickletLCD128x64.CHANGE_TAB_ON_CLICK_AND_SWIPE,
                                   false);
        lcd.setGUITabText(0, 'Tab A');
        lcd.setGUITabText(1, 'Tab B');
        lcd.setGUITabText(2, 'Tab C');
        lcd.setGUITabText(3, 'Tab D');
        lcd.setGUITabText(4, 'Tab E');

        // Set period for gui button pressed callback to 0.1s (100ms)
        lcd.setGUIButtonPressedCallbackConfiguration(100, true);

        // Set period for gui slider value callback to 0.1s (100ms)
        lcd.setGUISliderValueCallbackConfiguration(100, true);

        // Set period for gui tab selected callback to 0.1s (100ms)
        lcd.setGUITabSelectedCallbackConfiguration(100, true);
    }
);

// Register gui button pressed callback
lcd.on(Tinkerforge.BrickletLCD128x64.CALLBACK_GUI_BUTTON_PRESSED,
    // Callback function for gui button pressed callback
    function (index, pressed) {
        console.log('Index: ' + index);
        console.log('Pressed: ' + pressed);
        console.log();
    }
);

// Register gui slider value callback
lcd.on(Tinkerforge.BrickletLCD128x64.CALLBACK_GUI_SLIDER_VALUE,
    // Callback function for gui slider value callback
    function (index, value) {
        console.log('Index: ' + index);
        console.log('Value: ' + value);
        console.log();
    }
);

// Register gui tab selected callback
lcd.on(Tinkerforge.BrickletLCD128x64.CALLBACK_GUI_TAB_SELECTED,
    // Callback function for gui tab selected callback
    function (index) {
        console.log('Index: ' + index);
    }
);

console.log('Press key to exit');
process.stdin.on('data',
    function (data) {
        ipcon.disconnect();
        process.exit(0);
    }
);

Hello World (HTML)

Download (ExampleHelloWorld.html), Test (ExampleHelloWorld.html)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <head>
        <title>Tinkerforge | JavaScript Example</title>
    </head>
    <body>
        <div style="text-align:center;">
            <h1>LCD 128x64 Bricklet Hello World Example</h1>
            <p>
                <input value="localhost" id="host" type="text" size="20">:
                <input value="4280" id="port" type="text" size="5">,
                <input value="uid" id="uid" type="text" size="5">
                <input value="Start Example" id="start" type="button" onclick="startExample();">
            </p>
            <p>
                <textarea readonly id="text" cols="80" rows="24" style="resize:none;"
                          >Press "Start Example" to begin ...</textarea>
            </p>
        </div>
        <script src="./Tinkerforge.js" type='text/javascript'></script>
        <script type='text/javascript'>
            var ipcon;
            var textArea = document.getElementById("text");
            function startExample() {
                textArea.value = "";
                var HOST = document.getElementById("host").value;
                var PORT = parseInt(document.getElementById("port").value);
                var UID = document.getElementById("uid").value;
                if(ipcon !== undefined) {
                    ipcon.disconnect();
                }
                ipcon = new Tinkerforge.IPConnection(); // Create IP connection
                var lcd = new Tinkerforge.BrickletLCD128x64(UID, ipcon); // Create device object
                ipcon.connect(HOST, PORT,
                    function(error) {
                        textArea.value += 'Error: ' + error + '\n';
                    }
                ); // Connect to brickd
                // Don't use device before ipcon is connected

                ipcon.on(Tinkerforge.IPConnection.CALLBACK_CONNECTED,
                    function (connectReason) {
                        // Clear display
                        lcd.clearDisplay();

                        // Write "Hello World" starting from upper left corner of the screen
                        lcd.writeLine(0, 0, 'Hello World');
                    }
                );
            }
        </script>
    </body>
</html>

Big Font (HTML)

Download (ExampleBigFont.html), Test (ExampleBigFont.html)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <head>
        <title>Tinkerforge | JavaScript Example</title>
    </head>
    <body>
        <div style="text-align:center;">
            <h1>LCD 128x64 Bricklet Big Font Example</h1>
            <p>
                <input value="localhost" id="host" type="text" size="20">:
                <input value="4280" id="port" type="text" size="5">,
                <input value="uid" id="uid" type="text" size="5">
                <input value="Start Example" id="start" type="button" onclick="startExample();">
            </p>
            <p>
                <textarea readonly id="text" cols="80" rows="24" style="resize:none;"
                          >Press "Start Example" to begin ...</textarea>
            </p>
        </div>
        <script src="./Tinkerforge.js" type='text/javascript'></script>
        <script type='text/javascript'>
            var ipcon;
            var textArea = document.getElementById("text");
            function startExample() {
                textArea.value = "";
                var HOST = document.getElementById("host").value;
                var PORT = parseInt(document.getElementById("port").value);
                var UID = document.getElementById("uid").value;
                if(ipcon !== undefined) {
                    ipcon.disconnect();
                }
                ipcon = new Tinkerforge.IPConnection(); // Create IP connection
                var lcd = new Tinkerforge.BrickletLCD128x64(UID, ipcon); // Create device object
                ipcon.connect(HOST, PORT,
                    function(error) {
                        textArea.value += 'Error: ' + error + '\n';
                    }
                ); // Connect to brickd
                // Don't use device before ipcon is connected

                ipcon.on(Tinkerforge.IPConnection.CALLBACK_CONNECTED,
                    function (connectReason) {
                        // Clear display
                        lcd.clearDisplay();

                        // Write "Hello World" with big 24x32 font
                        lcd.drawText(0, 0, Tinkerforge.BrickletLCD128x64.FONT_24X32,
                                     Tinkerforge.BrickletLCD128x64.COLOR_BLACK, '24x32');
                    }
                );
            }
        </script>
    </body>
</html>

Pixel Matrix (HTML)

Download (ExamplePixelMatrix.html), Test (ExamplePixelMatrix.html)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <head>
        <title>Tinkerforge | JavaScript Example</title>
    </head>
    <body>
        <div style="text-align:center;">
            <h1>OLED 128x64 Bricklet Pixel Matrix Example</h1>
            <p>
                <input value="localhost" id="host" type="text" size="20">:
                <input value="4280" id="port" type="text" size="5">,
                <input value="uid" id="uid" type="text" size="5">
                <input value="Start Example" id="start" type="button" onclick="startExample();">
            </p>
            <p>
                <textarea readonly id="text" cols="80" rows="24" style="resize:none;"
                          >Press "Start Example" to begin ...</textarea>
            </p>
        </div>
        <script src="./Tinkerforge.js" type='text/javascript'></script>
        <script type='text/javascript'>
            var ipcon;
            var textArea = document.getElementById("text");
            var SCREEN_WIDTH = 128;
            var SCREEN_HEIGHT = 64;

            function startExample() {
                textArea.value = "";
                var HOST = document.getElementById("host").value;
                var PORT = parseInt(document.getElementById("port").value);
                var UID = document.getElementById("uid").value;
                if(ipcon !== undefined) {
                    ipcon.disconnect();
                }
                ipcon = new Tinkerforge.IPConnection(); // Create IP connection
                var lcd = new Tinkerforge.BrickletLCD128x64(UID, ipcon); // Create device object
                ipcon.connect(HOST, PORT,
                    function(error) {
                        textArea.value += 'Error: ' + error + '\n';
                    }
                ); // Connect to brickd
                // Don't use device before ipcon is connected

                ipcon.on(Tinkerforge.IPConnection.CALLBACK_CONNECTED,
                    function (connectReason) {
                        // Clear display
                        lcd.clearDisplay();

                        // Draw checkerboard pattern
                        var pixels = [];
                        for (var h = 0; h < SCREEN_HEIGHT; h++) {
                            for (var w = 0; w < SCREEN_WIDTH; w++) {
                                pixels[h*SCREEN_WIDTH + w] = Math.floor(h / 8) % 2 == Math.floor(w / 8) % 2;
                            }
                        }

                        lcd.writePixels(0, 0, SCREEN_WIDTH-1, SCREEN_HEIGHT-1, pixels);
                    }
                );
            }
        </script>
    </body>
</html>

Touch (HTML)

Download (ExampleTouch.html), Test (ExampleTouch.html)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <head>
        <title>Tinkerforge | JavaScript Example</title>
    </head>
    <body>
        <div style="text-align:center;">
            <h1>LCD 128x64 Bricklet Touch Example</h1>
            <p>
                <input value="localhost" id="host" type="text" size="20">:
                <input value="4280" id="port" type="text" size="5">,
                <input value="uid" id="uid" type="text" size="5">
                <input value="Start Example" id="start" type="button" onclick="startExample();">
            </p>
            <p>
                <textarea readonly id="text" cols="80" rows="24" style="resize:none;"
                          >Press "Start Example" to begin ...</textarea>
            </p>
        </div>
        <script src="./Tinkerforge.js" type='text/javascript'></script>
        <script type='text/javascript'>
            var ipcon;
            var textArea = document.getElementById("text");
            function startExample() {
                textArea.value = "";
                var HOST = document.getElementById("host").value;
                var PORT = parseInt(document.getElementById("port").value);
                var UID = document.getElementById("uid").value;
                if(ipcon !== undefined) {
                    ipcon.disconnect();
                }
                ipcon = new Tinkerforge.IPConnection(); // Create IP connection
                var lcd = new Tinkerforge.BrickletLCD128x64(UID, ipcon); // Create device object
                ipcon.connect(HOST, PORT,
                    function(error) {
                        textArea.value += 'Error: ' + error + '\n';
                    }
                ); // Connect to brickd
                // Don't use device before ipcon is connected

                ipcon.on(Tinkerforge.IPConnection.CALLBACK_CONNECTED,
                    function (connectReason) {
                        // Set period for touch position callback to 0.1s (100ms)
                        lcd.setTouchPositionCallbackConfiguration(100, true);

                        // Set period for touch gesture callback to 0.1s (100ms)
                        lcd.setTouchGestureCallbackConfiguration(100, true);
                    }
                );

                // Register touch position callback
                lcd.on(Tinkerforge.BrickletLCD128x64.CALLBACK_TOUCH_POSITION,
                    // Callback function for touch position callback
                    function (pressure, x, y, age) {
                        textArea.value += 'Pressure: ' + pressure + '\n';
                        textArea.value += 'X: ' + x + '\n';
                        textArea.value += 'Y: ' + y + '\n';
                        textArea.value += 'Age: ' + age + '\n';
                        textArea.value += '\n';
                        textArea.scrollTop = textArea.scrollHeight;
                    }
                );

                // Register touch gesture callback
                lcd.on(Tinkerforge.BrickletLCD128x64.CALLBACK_TOUCH_GESTURE,
                    // Callback function for touch gesture callback
                    function (gesture, duration, pressureMax, xStart, xEnd, yStart, yEnd, age) {
                        textArea.value += 'Gesture: ' + gesture + '\n';
                        textArea.value += 'Duration: ' + duration + '\n';
                        textArea.value += 'Pressure Max: ' + pressureMax + '\n';
                        textArea.value += 'X Start: ' + xStart + '\n';
                        textArea.value += 'X End: ' + xEnd + '\n';
                        textArea.value += 'Y Start: ' + yStart + '\n';
                        textArea.value += 'Y End: ' + yEnd + '\n';
                        textArea.value += 'Age: ' + age + '\n';
                        textArea.value += '\n';
                        textArea.scrollTop = textArea.scrollHeight;
                    }
                );
            }
        </script>
    </body>
</html>

GUI (HTML)

Download (ExampleGUI.html), Test (ExampleGUI.html)

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <head>
        <title>Tinkerforge | JavaScript Example</title>
    </head>
    <body>
        <div style="text-align:center;">
            <h1>LCD 128x64 Bricklet GUI Example</h1>
            <p>
                <input value="localhost" id="host" type="text" size="20">:
                <input value="4280" id="port" type="text" size="5">,
                <input value="uid" id="uid" type="text" size="5">
                <input value="Start Example" id="start" type="button" onclick="startExample();">
            </p>
            <p>
                <textarea readonly id="text" cols="80" rows="24" style="resize:none;"
                          >Press "Start Example" to begin ...</textarea>
            </p>
        </div>
        <script src="./Tinkerforge.js" type='text/javascript'></script>
        <script type='text/javascript'>
            var ipcon;
            var textArea = document.getElementById("text");
            function startExample() {
                textArea.value = "";
                var HOST = document.getElementById("host").value;
                var PORT = parseInt(document.getElementById("port").value);
                var UID = document.getElementById("uid").value;
                if(ipcon !== undefined) {
                    ipcon.disconnect();
                }
                ipcon = new Tinkerforge.IPConnection(); // Create IP connection
                var lcd = new Tinkerforge.BrickletLCD128x64(UID, ipcon); // Create device object
                ipcon.connect(HOST, PORT,
                    function(error) {
                        textArea.value += 'Error: ' + error + '\n';
                    }
                ); // Connect to brickd
                // Don't use device before ipcon is connected

                ipcon.on(Tinkerforge.IPConnection.CALLBACK_CONNECTED,
                    function (connectReason) {
                        // Clear display
                        lcd.clearDisplay();
                        lcd.removeAllGUI();

                        // Add GUI elements: Button, Slider and Graph with 60 data points
                        lcd.setGUIButton(0, 0, 0, 60, 20, 'button');
                        lcd.setGUISlider(0, 0, 30, 60,
                                         Tinkerforge.BrickletLCD128x64.DIRECTION_HORIZONTAL, 50);
                        lcd.setGUIGraphConfiguration(0, Tinkerforge.BrickletLCD128x64.GRAPH_TYPE_LINE,
                                                     62, 0, 60, 52, 'X', 'Y');

                        // Add a few data points (the remaining points will be 0)
                        lcd.setGUIGraphData(0, [20, 40, 60, 80, 100, 120, 140, 160, 180, 200, 220, 240]);

                        // Add 5 text tabs without and configure it for click and swipe without auto-redraw
                        lcd.setGUITabConfiguration(Tinkerforge.BrickletLCD128x64.CHANGE_TAB_ON_CLICK_AND_SWIPE,
                                                   false);
                        lcd.setGUITabText(0, 'Tab A');
                        lcd.setGUITabText(1, 'Tab B');
                        lcd.setGUITabText(2, 'Tab C');
                        lcd.setGUITabText(3, 'Tab D');
                        lcd.setGUITabText(4, 'Tab E');

                        // Set period for gui button pressed callback to 0.1s (100ms)
                        lcd.setGUIButtonPressedCallbackConfiguration(100, true);

                        // Set period for gui slider value callback to 0.1s (100ms)
                        lcd.setGUISliderValueCallbackConfiguration(100, true);

                        // Set period for gui tab selected callback to 0.1s (100ms)
                        lcd.setGUITabSelectedCallbackConfiguration(100, true);
                    }
                );

                // Register gui button pressed callback
                lcd.on(Tinkerforge.BrickletLCD128x64.CALLBACK_GUI_BUTTON_PRESSED,
                    // Callback function for gui button pressed callback
                    function (index, pressed) {
                        textArea.value += 'Index: ' + index + '\n';
                        textArea.value += 'Pressed: ' + pressed + '\n';
                        textArea.value += '\n';
                        textArea.scrollTop = textArea.scrollHeight;
                    }
                );

                // Register gui slider value callback
                lcd.on(Tinkerforge.BrickletLCD128x64.CALLBACK_GUI_SLIDER_VALUE,
                    // Callback function for gui slider value callback
                    function (index, value) {
                        textArea.value += 'Index: ' + index + '\n';
                        textArea.value += 'Value: ' + value + '\n';
                        textArea.value += '\n';
                        textArea.scrollTop = textArea.scrollHeight;
                    }
                );

                // Register gui tab selected callback
                lcd.on(Tinkerforge.BrickletLCD128x64.CALLBACK_GUI_TAB_SELECTED,
                    // Callback function for gui tab selected callback
                    function (index) {
                        textArea.value += 'Index: ' + index + '\n';
                        textArea.scrollTop = textArea.scrollHeight;
                    }
                );
            }
        </script>
    </body>
</html>

API

Generally, every method of the JavaScript bindings can take two optional parameters, returnCallback and errorCallback. These are two user defined callback functions. The returnCallback is called with the return values as parameters, if the method returns something. The errorCallback is called with an error code in case of an error. The error code can be one of the following values:

  • IPConnection.ERROR_ALREADY_CONNECTED = 11
  • IPConnection.ERROR_NOT_CONNECTED = 12
  • IPConnection.ERROR_CONNECT_FAILED = 13
  • IPConnection.ERROR_INVALID_FUNCTION_ID = 21
  • IPConnection.ERROR_TIMEOUT = 31
  • IPConnection.ERROR_INVALID_PARAMETER = 41
  • IPConnection.ERROR_FUNCTION_NOT_SUPPORTED = 42
  • IPConnection.ERROR_UNKNOWN_ERROR = 43

The namespace for the JavaScript bindings is Tinkerforge.*.

Basic Functions

new BrickletLCD128x64(uid, ipcon)
Parameters:
  • uid -- string
  • ipcon -- IPConnection

Creates an object with the unique device ID uid:

var lcd128x64 = new BrickletLCD128x64("YOUR_DEVICE_UID", ipcon);

This object can then be used after the IP Connection is connected (see examples above).

BrickletLCD128x64.writePixelsLowLevel(xStart, yStart, xEnd, yEnd, pixelsLength, pixelsChunkOffset, pixelsChunkData[, returnCallback][, errorCallback])
Parameters:
  • xStart -- int
  • yStart -- int
  • xEnd -- int
  • yEnd -- int
  • pixelsLength -- int
  • pixelsChunkOffset -- int
  • pixelsChunkData -- [boolean, boolean, ..445x.., boolean]
Callback:

undefined

Writes pixels to the specified window.

The x-axis goes from 0 to 127 and the y-axis from 0 to 63. The pixels are written into the window line by line top to bottom and each line is written from left to right.

If automatic draw is enabled (default) the pixels are directly written to the screen. Only pixels that have actually changed are updated on the screen, the rest stays the same.

If automatic draw is disabled the pixels are written to an internal buffer and the buffer is transferred to the display only after drawBufferedFrame() is called. This can be used to avoid flicker when drawing a complex frame in multiple steps.

Automatic draw can be configured with the setDisplayConfiguration() function.

BrickletLCD128x64.readPixelsLowLevel(xStart, yStart, xEnd, yEnd[, returnCallback][, errorCallback])
Parameters:
  • xStart -- int
  • yStart -- int
  • xEnd -- int
  • yEnd -- int
Callback:
  • pixelsLength -- int
  • pixelsChunkOffset -- int
  • pixelsChunkData -- [boolean, boolean, ..477x.., boolean]

Reads pixels from the specified window.

The x-axis goes from 0 to 127 and the y-axis from 0 to 63. The pixels are read from the window line by line top to bottom and each line is read from left to right.

If automatic draw is enabled (default) the pixels that are read are always the same that are shown on the display.

If automatic draw is disabled the pixels are read from the internal buffer (see drawBufferedFrame()).

Automatic draw can be configured with the setDisplayConfiguration() function.

BrickletLCD128x64.clearDisplay([returnCallback][, errorCallback])
Callback:undefined

Clears the complete content of the display.

BrickletLCD128x64.writeLine(line, position, text[, returnCallback][, errorCallback])
Parameters:
  • line -- int
  • position -- int
  • text -- string
Callback:

undefined

Writes text to a specific line (0 to 7) with a specific position (0 to 21). The text can have a maximum of 22 characters.

For example: (1, 10, "Hello") will write Hello in the middle of the second line of the display.

The display uses a special 5x7 pixel charset. You can view the characters of the charset in Brick Viewer.

This function is a 1:1 replacement for the function with the same name in the LCD 20x4 Bricklet. You can draw text at a specific pixel position and with different font sizes with the drawText() function.

BrickletLCD128x64.drawBufferedFrame(forceCompleteRedraw[, returnCallback][, errorCallback])
Parameters:
  • forceCompleteRedraw -- boolean
Callback:

undefined

Draws the currently buffered frame. Normally each call of writePixels() and writeLine() draws directly onto the display. If you turn automatic draw off (setDisplayConfiguration()), the data is written in an internal buffer and only transferred to the display by calling this function. This can be used to avoid flicker when drawing a complex frame in multiple steps.

Set the force complete redraw to true to redraw the whole display instead of only the changed parts. Normally it should not be necessary to set this to true. It may only become necessary in case of stuck pixels because of errors.

BrickletLCD128x64.getTouchPosition([returnCallback][, errorCallback])
Callback:
  • pressure -- int
  • x -- int
  • y -- int
  • age -- int

Returns the last valid touch position:

  • Pressure: Amount of pressure applied by the user (0-300)
  • X: Touch position on x-axis (0-127)
  • Y: Touch position on y-axis (0-63)
  • Age: Age of touch press in ms (how long ago it was)
BrickletLCD128x64.getTouchGesture([returnCallback][, errorCallback])
Callback:
  • gesture -- int
  • duration -- int
  • pressureMax -- int
  • xStart -- int
  • yStart -- int
  • xEnd -- int
  • yEnd -- int
  • age -- int

Returns one of four touch gestures that can be automatically detected by the Bricklet.

The gestures are swipes from left to right, right to left, top to bottom and bottom to top.

Additionally to the gestures a vector with a start and end position of the gesture is provided. You can use this vector do determine a more exact location of the gesture (e.g. the swipe from top to bottom was on the left or right part of the screen).

The age parameter corresponds to the age of gesture in ms (how long ago it was).

The following constants are available for this function:

  • BrickletLCD128x64.GESTURE_LEFT_TO_RIGHT = 0
  • BrickletLCD128x64.GESTURE_RIGHT_TO_LEFT = 1
  • BrickletLCD128x64.GESTURE_TOP_TO_BOTTOM = 2
  • BrickletLCD128x64.GESTURE_BOTTOM_TO_TOP = 3
BrickletLCD128x64.drawLine(positionXStart, positionYStart, positionXEnd, positionYEnd, color[, returnCallback][, errorCallback])
Parameters:
  • positionXStart -- int
  • positionYStart -- int
  • positionXEnd -- int
  • positionYEnd -- int
  • color -- boolean
Callback:

undefined

Draws a white or black line from (x, y)-start to (x, y)-end. The x values have to be within the range of 0 to 127 and the y values have t be within the range of 0 to 63.

The following constants are available for this function:

  • BrickletLCD128x64.COLOR_WHITE = false
  • BrickletLCD128x64.COLOR_BLACK = true

New in version 2.0.2 (Plugin).

BrickletLCD128x64.drawBox(positionXStart, positionYStart, positionXEnd, positionYEnd, fill, color[, returnCallback][, errorCallback])
Parameters:
  • positionXStart -- int
  • positionYStart -- int
  • positionXEnd -- int
  • positionYEnd -- int
  • fill -- boolean
  • color -- boolean
Callback:

undefined

Draws a white or black box from (x, y)-start to (x, y)-end. The x values have to be within the range of 0 to 127 and the y values have to be within the range of 0 to 63.

If you set fill to true, the box will be filled with the color. Otherwise only the outline will be drawn.

The following constants are available for this function:

  • BrickletLCD128x64.COLOR_WHITE = false
  • BrickletLCD128x64.COLOR_BLACK = true

New in version 2.0.2 (Plugin).

BrickletLCD128x64.drawText(positionX, positionY, font, color, text[, returnCallback][, errorCallback])
Parameters:
  • positionX -- int
  • positionY -- int
  • font -- int
  • color -- boolean
  • text -- string
Callback:

undefined

Draws a text with up to 22 characters at the pixel position (x, y).

The x values have to be within the range of 0 to 127 and the y values have to be within the range of 0 to 63.

You can use one of 9 different font sizes and draw the text in white or black.

The following constants are available for this function:

  • BrickletLCD128x64.FONT_6X8 = 0
  • BrickletLCD128x64.FONT_6X16 = 1
  • BrickletLCD128x64.FONT_6X24 = 2
  • BrickletLCD128x64.FONT_6X32 = 3
  • BrickletLCD128x64.FONT_12X16 = 4
  • BrickletLCD128x64.FONT_12X24 = 5
  • BrickletLCD128x64.FONT_12X32 = 6
  • BrickletLCD128x64.FONT_18X24 = 7
  • BrickletLCD128x64.FONT_18X32 = 8
  • BrickletLCD128x64.FONT_24X32 = 9
  • BrickletLCD128x64.COLOR_WHITE = false
  • BrickletLCD128x64.COLOR_BLACK = true

New in version 2.0.2 (Plugin).

BrickletLCD128x64.setGUIButton(index, positionX, positionY, width, height, text[, returnCallback][, errorCallback])
Parameters:
  • index -- int
  • positionX -- int
  • positionY -- int
  • width -- int
  • height -- int
  • text -- string
Callback:

undefined

Draws a clickable button at position (x, y) with the given text of up to 16 characters.

You can use up to 12 buttons (index 0-11).

The x position + width has to be within the range of 1 to 128 and the y position + height has to be within the range of 1 to 64.

The minimum useful width/height of a button is 3.

You can enable a callback for a button press with setGUIButtonPressedCallbackConfiguration(). The callback will be triggered for press and release-events.

The button is drawn in a separate GUI buffer and the button-frame will always stay on top of the graphics drawn with writePixels(). To remove the button use removeGUIButton().

If you want an icon instead of text, you can draw the icon inside of the button with writePixels().

New in version 2.0.2 (Plugin).

BrickletLCD128x64.getGUIButton(index[, returnCallback][, errorCallback])
Parameters:
  • index -- int
Callback:
  • active -- boolean
  • positionX -- int
  • positionY -- int
  • width -- int
  • height -- int
  • text -- string

Returns the button properties for a given Index as set by setGUIButton().

Additionally the Active parameter shows if a button is currently active/visible or not.

New in version 2.0.2 (Plugin).

BrickletLCD128x64.removeGUIButton(index[, returnCallback][, errorCallback])
Parameters:
  • index -- int
Callback:

undefined

Removes the button with the given index.

You can use index 255 to remove all buttons.

New in version 2.0.2 (Plugin).

BrickletLCD128x64.getGUIButtonPressed(index[, returnCallback][, errorCallback])
Parameters:
  • index -- int
Callback:
  • pressed -- boolean

Returns the state of the button for the given index.

The state can either be pressed (true) or released (false).

New in version 2.0.2 (Plugin).

BrickletLCD128x64.setGUISlider(index, positionX, positionY, length, direction, value[, returnCallback][, errorCallback])
Parameters:
  • index -- int
  • positionX -- int
  • positionY -- int
  • length -- int
  • direction -- int
  • value -- int
Callback:

undefined

Draws a slider at position (x, y) with the given length.

You can use up to 6 sliders (index 0-5).

If you use the horizontal direction, the x position + length has to be within the range of 1 to 128 and the y position has to be within the range of 0 to 46.

If you use the vertical direction, the y position + length has to be within the range of 1 to 64 and the x position has to be within the range of 0 to 110.

The minimum length of a slider is 8.

The parameter value is the start-position of the slider, it can be between 0 and length-8.

You can enable a callback for the slider value with setGUISliderValueCallbackConfiguration().

The slider is drawn in a separate GUI buffer and it will always stay on top of the graphics drawn with writePixels(). To remove the button use removeGUISlider().

The following constants are available for this function:

  • BrickletLCD128x64.DIRECTION_HORIZONTAL = 0
  • BrickletLCD128x64.DIRECTION_VERTICAL = 1

New in version 2.0.2 (Plugin).

BrickletLCD128x64.getGUISlider(index[, returnCallback][, errorCallback])
Parameters:
  • index -- int
Callback:
  • active -- boolean
  • positionX -- int
  • positionY -- int
  • length -- int
  • direction -- int
  • value -- int

Returns the slider properties for a given Index as set by setGUISlider().

Additionally the Active parameter shows if a button is currently active/visible or not.

The following constants are available for this function:

  • BrickletLCD128x64.DIRECTION_HORIZONTAL = 0
  • BrickletLCD128x64.DIRECTION_VERTICAL = 1

New in version 2.0.2 (Plugin).

BrickletLCD128x64.removeGUISlider(index[, returnCallback][, errorCallback])
Parameters:
  • index -- int
Callback:

undefined

Removes the slider with the given index.

You can use index 255 to remove all slider.

New in version 2.0.2 (Plugin).

BrickletLCD128x64.getGUISliderValue(index[, returnCallback][, errorCallback])
Parameters:
  • index -- int
Callback:
  • value -- int

Returns the current slider value for the given index.

New in version 2.0.2 (Plugin).

BrickletLCD128x64.setGUITabConfiguration(changeTabConfig, clearGUI[, returnCallback][, errorCallback])
Parameters:
  • changeTabConfig -- int
  • clearGUI -- boolean
Callback:

undefined

Sets the general configuration for tabs. You can configure the tabs to only accept clicks or only swipes (gesture left/right and right/left) or both.

Additionally, if you set Clear GUI to true, all of the GUI elements (buttons, slider, graphs) will automatically be removed on every tab change.

By default click and swipe as well as automatic GUI clear is enabled.

The following constants are available for this function:

  • BrickletLCD128x64.CHANGE_TAB_ON_CLICK = 1
  • BrickletLCD128x64.CHANGE_TAB_ON_SWIPE = 2
  • BrickletLCD128x64.CHANGE_TAB_ON_CLICK_AND_SWIPE = 3

New in version 2.0.2 (Plugin).

BrickletLCD128x64.getGUITabConfiguration([returnCallback][, errorCallback])
Callback:
  • changeTabConfig -- int
  • clearGUI -- boolean

Returns the tab configuration as set by setGUITabConfiguration().

The following constants are available for this function:

  • BrickletLCD128x64.CHANGE_TAB_ON_CLICK = 1
  • BrickletLCD128x64.CHANGE_TAB_ON_SWIPE = 2
  • BrickletLCD128x64.CHANGE_TAB_ON_CLICK_AND_SWIPE = 3

New in version 2.0.2 (Plugin).

BrickletLCD128x64.setGUITabText(index, text[, returnCallback][, errorCallback])
Parameters:
  • index -- int
  • text -- string
Callback:

undefined

Adds a text-tab with the given index. The text can have a length of up to 5 characters.

You can use up to 10 tabs (index 0-9).

A text-tab with the same index as a icon-tab will overwrite the icon-tab.

New in version 2.0.2 (Plugin).

BrickletLCD128x64.getGUITabText(index[, returnCallback][, errorCallback])
Parameters:
  • index -- int
Callback:
  • active -- boolean
  • text -- string

Returns the text for a given index as set by setGUITabText().

Additionally the Active parameter shows if the tab is currently active/visible or not.

New in version 2.0.2 (Plugin).

BrickletLCD128x64.setGUITabIcon(index, icon[, returnCallback][, errorCallback])
Parameters:
  • index -- int
  • icon -- [boolean, boolean, ..165x.., boolean]
Callback:

undefined

Adds a icon-tab with the given index. The icon can have a width of 28 pixels with a height of 6 pixels. It is drawn line-by-line from left to right.

You can use up to 10 tabs (index 0-9).

A icon-tab with the same index as a text-tab will overwrite the text-tab.

New in version 2.0.2 (Plugin).

BrickletLCD128x64.getGUITabIcon(index[, returnCallback][, errorCallback])
Parameters:
  • index -- int
Callback:
  • active -- boolean
  • icon -- [boolean, boolean, ..165x.., boolean]

Returns the icon for a given index as set by setGUITabIcon().

Additionally the Active parameter shows if the tab is currently active/visible or not.

New in version 2.0.2 (Plugin).

BrickletLCD128x64.removeGUITab(index[, returnCallback][, errorCallback])
Parameters:
  • index -- int
Callback:

undefined

Removes the tab with the given index.

You can use index 255 to remove all tabs.

New in version 2.0.2 (Plugin).

BrickletLCD128x64.setGUITabSelected(index[, returnCallback][, errorCallback])
Parameters:
  • index -- int
Callback:

undefined

Sets the tab with the given index as selected (drawn as selected on the display).

New in version 2.0.2 (Plugin).

BrickletLCD128x64.getGUITabSelected([returnCallback][, errorCallback])
Callback:
  • index -- int

Returns the index of the currently selected tab.

New in version 2.0.2 (Plugin).

BrickletLCD128x64.setGUIGraphConfiguration(index, graphType, positionX, positionY, width, height, textX, textY[, returnCallback][, errorCallback])
Parameters:
  • index -- int
  • graphType -- int
  • positionX -- int
  • positionY -- int
  • width -- int
  • height -- int
  • textX -- string
  • textY -- string
Callback:

undefined

Sets the configuration for up to four graphs (index 0-3).

The graph type can be dot-, line- or bar-graph.

The x and y position are pixel positions. They have to be within the range of (0, 0) to (127, 63). The maximum width is 118 and the maximum height is 63.

You can add a text for the x and y axis with at most 4 characters each. The text is drawn at the inside of the graph and it can overwrite some of the graph data. If you need the text outside of the graph you can leave this text here empty and use drawText() to draw the caption outside of the graph.

The data of the graph can be set and updated with setGUIGraphData().

The graph is drawn in a separate GUI buffer and the graph-frame and data will always stay on top of the graphics drawn with writePixels(). To remove the graph use removeGUIGraph().

The following constants are available for this function:

  • BrickletLCD128x64.GRAPH_TYPE_DOT = 0
  • BrickletLCD128x64.GRAPH_TYPE_LINE = 1
  • BrickletLCD128x64.GRAPH_TYPE_BAR = 2

New in version 2.0.2 (Plugin).

BrickletLCD128x64.getGUIGraphConfiguration(index[, returnCallback][, errorCallback])
Parameters:
  • index -- int
Callback:
  • active -- boolean
  • graphType -- int
  • positionX -- int
  • positionY -- int
  • width -- int
  • height -- int
  • textX -- string
  • textY -- string

Returns the graph properties for a given Index as set by setGUIGraphConfiguration().

Additionally the Active parameter shows if a graph is currently active/visible or not.

The following constants are available for this function:

  • BrickletLCD128x64.GRAPH_TYPE_DOT = 0
  • BrickletLCD128x64.GRAPH_TYPE_LINE = 1
  • BrickletLCD128x64.GRAPH_TYPE_BAR = 2

New in version 2.0.2 (Plugin).

BrickletLCD128x64.setGUIGraphDataLowLevel(index, dataLength, dataChunkOffset, dataChunkData[, returnCallback][, errorCallback])
Parameters:
  • index -- int
  • dataLength -- int
  • dataChunkOffset -- int
  • dataChunkData -- [int, int, ..56x.., int]
Callback:

undefined

Sets the data for a graph with the given index. You have to configure the graph with setGUIGraphConfiguration() before you can set the first data.

The graph will show the first n values of the data that you set, where n is the width set with setGUIGraphConfiguration(). If you set less then n values it will show the rest of the values as zero.

The maximum number of data-points you can set is 118 (which also corresponds to the maximum width of the graph).

You have to scale your values to be between 0 and 255. 0 will be shown at the bottom of the graph and 255 at the top.

New in version 2.0.2 (Plugin).

BrickletLCD128x64.getGUIGraphDataLowLevel(index[, returnCallback][, errorCallback])
Parameters:
  • index -- int
Callback:
  • dataLength -- int
  • dataChunkOffset -- int
  • dataChunkData -- [int, int, ..56x.., int]

Returns the graph data for a given index as set by setGUIGraphData().

New in version 2.0.2 (Plugin).

BrickletLCD128x64.removeGUIGraph(index[, returnCallback][, errorCallback])
Parameters:
  • index -- int
Callback:

undefined

Removes the graph with the given index.

You can use index 255 to remove all graphs.

New in version 2.0.2 (Plugin).

BrickletLCD128x64.removeAllGUI([returnCallback][, errorCallback])
Callback:undefined

Removes all GUI elements (buttons, slider, graphs, tabs).

New in version 2.0.2 (Plugin).

Advanced Functions

BrickletLCD128x64.setDisplayConfiguration(contrast, backlight, invert, automaticDraw[, returnCallback][, errorCallback])
Parameters:
  • contrast -- int
  • backlight -- int
  • invert -- boolean
  • automaticDraw -- boolean
Callback:

undefined

Sets the configuration of the display.

You can set a contrast value from 0 to 63, a backlight intensity value from 0 to 100 and you can invert the color (white/black) of the display.

If automatic draw is set to true, the display is automatically updated with every call of writePixels() and writeLine(). If it is set to false, the changes are written into an internal buffer and only shown on the display after a call of drawBufferedFrame().

The default values are contrast 14, backlight intensity 100, inverting off and automatic draw on.

BrickletLCD128x64.getDisplayConfiguration([returnCallback][, errorCallback])
Callback:
  • contrast -- int
  • backlight -- int
  • invert -- boolean
  • automaticDraw -- boolean

Returns the configuration as set by setDisplayConfiguration().

BrickletLCD128x64.setTouchLEDConfig(config[, returnCallback][, errorCallback])
Parameters:
  • config -- int
Callback:

undefined

Sets the touch LED configuration. By default the LED is on if the LCD is touched.

You can also turn the LED permanently on/off or show a heartbeat.

If the Bricklet is in bootloader mode, the LED is off.

The following constants are available for this function:

  • BrickletLCD128x64.TOUCH_LED_CONFIG_OFF = 0
  • BrickletLCD128x64.TOUCH_LED_CONFIG_ON = 1
  • BrickletLCD128x64.TOUCH_LED_CONFIG_SHOW_HEARTBEAT = 2
  • BrickletLCD128x64.TOUCH_LED_CONFIG_SHOW_TOUCH = 3

New in version 2.0.2 (Plugin).

BrickletLCD128x64.getTouchLEDConfig([returnCallback][, errorCallback])
Callback:
  • config -- int

Returns the configuration as set by setTouchLEDConfig()

The following constants are available for this function:

  • BrickletLCD128x64.TOUCH_LED_CONFIG_OFF = 0
  • BrickletLCD128x64.TOUCH_LED_CONFIG_ON = 1
  • BrickletLCD128x64.TOUCH_LED_CONFIG_SHOW_HEARTBEAT = 2
  • BrickletLCD128x64.TOUCH_LED_CONFIG_SHOW_TOUCH = 3

New in version 2.0.2 (Plugin).

BrickletLCD128x64.getAPIVersion()
Return type:[int, int, int]

Returns the version of the API definition (major, minor, revision) implemented by this API bindings. This is neither the release version of this API bindings nor does it tell you anything about the represented Brick or Bricklet.

BrickletLCD128x64.getResponseExpected(functionId[, errorCallback])
Parameters:
  • functionId -- int
Return type:

boolean

Returns the response expected flag for the function specified by the function ID parameter. It is true if the function is expected to send a response, false otherwise.

For getter functions this is enabled by default and cannot be disabled, because those functions will always send a response. For callback configuration functions it is enabled by default too, but can be disabled by setResponseExpected(). For setter functions it is disabled by default and can be enabled.

Enabling the response expected flag for a setter function allows to detect timeouts and other error conditions calls of this setter as well. The device will then send a response for this purpose. If this flag is disabled for a setter function then no response is send and errors are silently ignored, because they cannot be detected.

See setResponseExpected() for the list of function ID constants available for this function.

BrickletLCD128x64.setResponseExpected(functionId, responseExpected[, errorCallback])
Parameters:
  • functionId -- int
  • responseExpected -- boolean

Changes the response expected flag of the function specified by the function ID parameter. This flag can only be changed for setter (default value: false) and callback configuration functions (default value: true). For getter functions it is always enabled.

Enabling the response expected flag for a setter function allows to detect timeouts and other error conditions calls of this setter as well. The device will then send a response for this purpose. If this flag is disabled for a setter function then no response is send and errors are silently ignored, because they cannot be detected.

The following function ID constants are available for this function:

  • BrickletLCD128x64.FUNCTION_WRITE_PIXELS = 1
  • BrickletLCD128x64.FUNCTION_CLEAR_DISPLAY = 3
  • BrickletLCD128x64.FUNCTION_SET_DISPLAY_CONFIGURATION = 4
  • BrickletLCD128x64.FUNCTION_WRITE_LINE = 6
  • BrickletLCD128x64.FUNCTION_DRAW_BUFFERED_FRAME = 7
  • BrickletLCD128x64.FUNCTION_SET_TOUCH_POSITION_CALLBACK_CONFIGURATION = 9
  • BrickletLCD128x64.FUNCTION_SET_TOUCH_GESTURE_CALLBACK_CONFIGURATION = 13
  • BrickletLCD128x64.FUNCTION_DRAW_LINE = 16
  • BrickletLCD128x64.FUNCTION_DRAW_BOX = 17
  • BrickletLCD128x64.FUNCTION_DRAW_TEXT = 18
  • BrickletLCD128x64.FUNCTION_SET_GUI_BUTTON = 19
  • BrickletLCD128x64.FUNCTION_REMOVE_GUI_BUTTON = 21
  • BrickletLCD128x64.FUNCTION_SET_GUI_BUTTON_PRESSED_CALLBACK_CONFIGURATION = 22
  • BrickletLCD128x64.FUNCTION_SET_GUI_SLIDER = 26
  • BrickletLCD128x64.FUNCTION_REMOVE_GUI_SLIDER = 28
  • BrickletLCD128x64.FUNCTION_SET_GUI_SLIDER_VALUE_CALLBACK_CONFIGURATION = 29
  • BrickletLCD128x64.FUNCTION_SET_GUI_TAB_CONFIGURATION = 33
  • BrickletLCD128x64.FUNCTION_SET_GUI_TAB_TEXT = 35
  • BrickletLCD128x64.FUNCTION_SET_GUI_TAB_ICON = 37
  • BrickletLCD128x64.FUNCTION_REMOVE_GUI_TAB = 39
  • BrickletLCD128x64.FUNCTION_SET_GUI_TAB_SELECTED = 40
  • BrickletLCD128x64.FUNCTION_SET_GUI_TAB_SELECTED_CALLBACK_CONFIGURATION = 41
  • BrickletLCD128x64.FUNCTION_SET_GUI_GRAPH_CONFIGURATION = 45
  • BrickletLCD128x64.FUNCTION_SET_GUI_GRAPH_DATA = 47
  • BrickletLCD128x64.FUNCTION_REMOVE_GUI_GRAPH = 49
  • BrickletLCD128x64.FUNCTION_REMOVE_ALL_GUI = 50
  • BrickletLCD128x64.FUNCTION_SET_TOUCH_LED_CONFIG = 51
  • BrickletLCD128x64.FUNCTION_SET_WRITE_FIRMWARE_POINTER = 237
  • BrickletLCD128x64.FUNCTION_SET_STATUS_LED_CONFIG = 239
  • BrickletLCD128x64.FUNCTION_RESET = 243
  • BrickletLCD128x64.FUNCTION_WRITE_UID = 248
BrickletLCD128x64.setResponseExpectedAll(responseExpected)
Parameters:
  • responseExpected -- boolean

Changes the response expected flag for all setter and callback configuration functions of this device at once.

BrickletLCD128x64.getSPITFPErrorCount([returnCallback][, errorCallback])
Callback:
  • errorCountAckChecksum -- int
  • errorCountMessageChecksum -- int
  • errorCountFrame -- int
  • errorCountOverflow -- int

Returns the error count for the communication between Brick and Bricklet.

The errors are divided into

  • ACK checksum errors,
  • message checksum errors,
  • framing errors and
  • overflow errors.

The errors counts are for errors that occur on the Bricklet side. All Bricks have a similar function that returns the errors on the Brick side.

BrickletLCD128x64.setBootloaderMode(mode[, returnCallback][, errorCallback])
Parameters:
  • mode -- int
Callback:
  • status -- int

Sets the bootloader mode and returns the status after the requested mode change was instigated.

You can change from bootloader mode to firmware mode and vice versa. A change from bootloader mode to firmware mode will only take place if the entry function, device identifier and CRC are present and correct.

This function is used by Brick Viewer during flashing. It should not be necessary to call it in a normal user program.

The following constants are available for this function:

  • BrickletLCD128x64.BOOTLOADER_MODE_BOOTLOADER = 0
  • BrickletLCD128x64.BOOTLOADER_MODE_FIRMWARE = 1
  • BrickletLCD128x64.BOOTLOADER_MODE_BOOTLOADER_WAIT_FOR_REBOOT = 2
  • BrickletLCD128x64.BOOTLOADER_MODE_FIRMWARE_WAIT_FOR_REBOOT = 3
  • BrickletLCD128x64.BOOTLOADER_MODE_FIRMWARE_WAIT_FOR_ERASE_AND_REBOOT = 4
  • BrickletLCD128x64.BOOTLOADER_STATUS_OK = 0
  • BrickletLCD128x64.BOOTLOADER_STATUS_INVALID_MODE = 1
  • BrickletLCD128x64.BOOTLOADER_STATUS_NO_CHANGE = 2
  • BrickletLCD128x64.BOOTLOADER_STATUS_ENTRY_FUNCTION_NOT_PRESENT = 3
  • BrickletLCD128x64.BOOTLOADER_STATUS_DEVICE_IDENTIFIER_INCORRECT = 4
  • BrickletLCD128x64.BOOTLOADER_STATUS_CRC_MISMATCH = 5
BrickletLCD128x64.getBootloaderMode([returnCallback][, errorCallback])
Callback:
  • mode -- int

Returns the current bootloader mode, see setBootloaderMode().

The following constants are available for this function:

  • BrickletLCD128x64.BOOTLOADER_MODE_BOOTLOADER = 0
  • BrickletLCD128x64.BOOTLOADER_MODE_FIRMWARE = 1
  • BrickletLCD128x64.BOOTLOADER_MODE_BOOTLOADER_WAIT_FOR_REBOOT = 2
  • BrickletLCD128x64.BOOTLOADER_MODE_FIRMWARE_WAIT_FOR_REBOOT = 3
  • BrickletLCD128x64.BOOTLOADER_MODE_FIRMWARE_WAIT_FOR_ERASE_AND_REBOOT = 4
BrickletLCD128x64.setWriteFirmwarePointer(pointer[, returnCallback][, errorCallback])
Parameters:
  • pointer -- int
Callback:

undefined

Sets the firmware pointer for writeFirmware(). The pointer has to be increased by chunks of size 64. The data is written to flash every 4 chunks (which equals to one page of size 256).

This function is used by Brick Viewer during flashing. It should not be necessary to call it in a normal user program.

BrickletLCD128x64.writeFirmware(data[, returnCallback][, errorCallback])
Parameters:
  • data -- [int, int, ..61x.., int]
Callback:
  • status -- int

Writes 64 Bytes of firmware at the position as written by setWriteFirmwarePointer() before. The firmware is written to flash every 4 chunks.

You can only write firmware in bootloader mode.

This function is used by Brick Viewer during flashing. It should not be necessary to call it in a normal user program.

BrickletLCD128x64.setStatusLEDConfig(config[, returnCallback][, errorCallback])
Parameters:
  • config -- int
Callback:

undefined

Sets the status LED configuration. By default the LED shows communication traffic between Brick and Bricklet, it flickers once for every 10 received data packets.

You can also turn the LED permanently on/off or show a heartbeat.

If the Bricklet is in bootloader mode, the LED is will show heartbeat by default.

The following constants are available for this function:

  • BrickletLCD128x64.STATUS_LED_CONFIG_OFF = 0
  • BrickletLCD128x64.STATUS_LED_CONFIG_ON = 1
  • BrickletLCD128x64.STATUS_LED_CONFIG_SHOW_HEARTBEAT = 2
  • BrickletLCD128x64.STATUS_LED_CONFIG_SHOW_STATUS = 3
BrickletLCD128x64.getStatusLEDConfig([returnCallback][, errorCallback])
Callback:
  • config -- int

Returns the configuration as set by setStatusLEDConfig()

The following constants are available for this function:

  • BrickletLCD128x64.STATUS_LED_CONFIG_OFF = 0
  • BrickletLCD128x64.STATUS_LED_CONFIG_ON = 1
  • BrickletLCD128x64.STATUS_LED_CONFIG_SHOW_HEARTBEAT = 2
  • BrickletLCD128x64.STATUS_LED_CONFIG_SHOW_STATUS = 3
BrickletLCD128x64.getChipTemperature([returnCallback][, errorCallback])
Callback:
  • temperature -- int

Returns the temperature in °C as measured inside the microcontroller. The value returned is not the ambient temperature!

The temperature is only proportional to the real temperature and it has bad accuracy. Practically it is only useful as an indicator for temperature changes.

BrickletLCD128x64.reset([returnCallback][, errorCallback])
Callback:undefined

Calling this function will reset the Bricklet. All configurations will be lost.

After a reset you have to create new device objects, calling functions on the existing ones will result in undefined behavior!

BrickletLCD128x64.writeUID(uid[, returnCallback][, errorCallback])
Parameters:
  • uid -- int
Callback:

undefined

Writes a new UID into flash. If you want to set a new UID you have to decode the Base58 encoded UID string into an integer first.

We recommend that you use Brick Viewer to change the UID.

BrickletLCD128x64.readUID([returnCallback][, errorCallback])
Callback:
  • uid -- int

Returns the current UID as an integer. Encode as Base58 to get the usual string version.

BrickletLCD128x64.getIdentity([returnCallback][, errorCallback])
Callback:
  • uid -- string
  • connectedUid -- string
  • position -- char
  • hardwareVersion -- [int, int, int]
  • firmwareVersion -- [int, int, int]
  • deviceIdentifier -- int

Returns the UID, the UID where the Bricklet is connected to, the position, the hardware and firmware version as well as the device identifier.

The position can be 'a', 'b', 'c' or 'd'.

The device identifier numbers can be found here. There is also a constant for the device identifier of this Bricklet.

Callback Configuration Functions

BrickletLCD128x64.on(callback_id, function)
Parameters:
  • callback_id -- int
  • function -- function

Registers the given function with the given callback_id.

The available callback IDs with corresponding function signatures are listed below.

BrickletLCD128x64.setTouchPositionCallbackConfiguration(period, valueHasToChange[, returnCallback][, errorCallback])
Parameters:
  • period -- int
  • valueHasToChange -- boolean
Callback:

undefined

The period in ms is the period with which the CALLBACK_TOUCH_POSITION callback is triggered periodically. A value of 0 turns the callback off.

If the value has to change-parameter is set to true, the callback is only triggered after the value has changed. If the value didn't change within the period, the callback is triggered immediately on change.

If it is set to false, the callback is continuously triggered with the period, independent of the value.

The default value is (0, false).

BrickletLCD128x64.getTouchPositionCallbackConfiguration([returnCallback][, errorCallback])
Callback:
  • period -- int
  • valueHasToChange -- boolean

Returns the callback configuration as set by setTouchPositionCallbackConfiguration().

BrickletLCD128x64.setTouchGestureCallbackConfiguration(period, valueHasToChange[, returnCallback][, errorCallback])
Parameters:
  • period -- int
  • valueHasToChange -- boolean
Callback:

undefined

The period in ms is the period with which the CALLBACK_TOUCH_GESTURE callback is triggered periodically. A value of 0 turns the callback off.

If the value has to change-parameter is set to true, the callback is only triggered after the value has changed. If the value didn't change within the period, the callback is triggered immediately on change.

If it is set to false, the callback is continuously triggered with the period, independent of the value.

The default value is (0, false).

BrickletLCD128x64.getTouchGestureCallbackConfiguration([returnCallback][, errorCallback])
Callback:
  • period -- int
  • valueHasToChange -- boolean

Returns the callback configuration as set by setTouchGestureCallbackConfiguration().

BrickletLCD128x64.setGUIButtonPressedCallbackConfiguration(period, valueHasToChange[, returnCallback][, errorCallback])
Parameters:
  • period -- int
  • valueHasToChange -- boolean
Callback:

undefined

The period in ms is the period with which the CALLBACK_GUI_BUTTON_PRESSED callback is triggered periodically. A value of 0 turns the callback off.

If the value has to change-parameter is set to true, the callback is only triggered after the value has changed. If the value didn't change within the period, the callback is triggered immediately on change.

If it is set to false, the callback is continuously triggered with the period, independent of the value.

The default value is (0, false).

New in version 2.0.2 (Plugin).

BrickletLCD128x64.getGUIButtonPressedCallbackConfiguration([returnCallback][, errorCallback])
Callback:
  • period -- int
  • valueHasToChange -- boolean

Returns the callback configuration as set by setGUIButtonPressedCallbackConfiguration().

New in version 2.0.2 (Plugin).

BrickletLCD128x64.setGUISliderValueCallbackConfiguration(period, valueHasToChange[, returnCallback][, errorCallback])
Parameters:
  • period -- int
  • valueHasToChange -- boolean
Callback:

undefined

The period in ms is the period with which the CALLBACK_GUI_SLIDER_VALUE callback is triggered periodically. A value of 0 turns the callback off.

If the value has to change-parameter is set to true, the callback is only triggered after the value has changed. If the value didn't change within the period, the callback is triggered immediately on change.

If it is set to false, the callback is continuously triggered with the period, independent of the value.

The default value is (0, false).

New in version 2.0.2 (Plugin).

BrickletLCD128x64.getGUISliderValueCallbackConfiguration([returnCallback][, errorCallback])
Callback:
  • period -- int
  • valueHasToChange -- boolean

Returns the callback configuration as set by setGUISliderValueCallbackConfiguration().

New in version 2.0.2 (Plugin).

BrickletLCD128x64.setGUITabSelectedCallbackConfiguration(period, valueHasToChange[, returnCallback][, errorCallback])
Parameters:
  • period -- int
  • valueHasToChange -- boolean
Callback:

undefined

The period in ms is the period with which the CALLBACK_GUI_TAB_SELECTED callback is triggered periodically. A value of 0 turns the callback off.

If the value has to change-parameter is set to true, the callback is only triggered after the value has changed. If the value didn't change within the period, the callback is triggered immediately on change.

If it is set to false, the callback is continuously triggered with the period, independent of the value.

The default value is (0, false).

New in version 2.0.2 (Plugin).

BrickletLCD128x64.getGUITabSelectedCallbackConfiguration([returnCallback][, errorCallback])
Callback:
  • period -- int
  • valueHasToChange -- boolean

Returns the callback configuration as set by setGUITabSelectedCallbackConfiguration().

New in version 2.0.2 (Plugin).

Callbacks

Callbacks can be registered to receive time critical or recurring data from the device. The registration is done with the on() function of the device object. The first parameter is the callback ID and the second parameter the callback function:

lcd128x64.on(BrickletLCD128x64.CALLBACK_EXAMPLE,
    function (param) {
        console.log(param);
    }
);

The available constants with inherent number and type of parameters are described below.

Note

Using callbacks for recurring events is always preferred compared to using getters. It will use less USB bandwidth and the latency will be a lot better, since there is no round trip time.

BrickletLCD128x64.CALLBACK_TOUCH_POSITION
Parameters:
  • pressure -- int
  • x -- int
  • y -- int
  • age -- int

This callback is triggered periodically with the period that is set by setTouchPositionCallbackConfiguration(). The parameters are the same as for getTouchPosition().

BrickletLCD128x64.CALLBACK_TOUCH_GESTURE
Parameters:
  • gesture -- int
  • duration -- int
  • pressureMax -- int
  • xStart -- int
  • yStart -- int
  • xEnd -- int
  • yEnd -- int
  • age -- int

This callback is triggered periodically with the period that is set by setTouchGestureCallbackConfiguration(). The parameters are the same as for getTouchGesture().

The following constants are available for this function:

  • BrickletLCD128x64.GESTURE_LEFT_TO_RIGHT = 0
  • BrickletLCD128x64.GESTURE_RIGHT_TO_LEFT = 1
  • BrickletLCD128x64.GESTURE_TOP_TO_BOTTOM = 2
  • BrickletLCD128x64.GESTURE_BOTTOM_TO_TOP = 3
BrickletLCD128x64.CALLBACK_GUI_BUTTON_PRESSED
Parameters:
  • index -- int
  • pressed -- boolean

This callback is triggered periodically with the period that is set by setGUIButtonPressedCallbackConfiguration(). The parameters are the same as for getGUIButtonPressed().

New in version 2.0.2 (Plugin).

BrickletLCD128x64.CALLBACK_GUI_SLIDER_VALUE
Parameters:
  • index -- int
  • value -- int

This callback is triggered periodically with the period that is set by setGUISliderValueCallbackConfiguration(). The parameters are the same as for getGUISliderValue().

New in version 2.0.2 (Plugin).

BrickletLCD128x64.CALLBACK_GUI_TAB_SELECTED
Parameters:
  • index -- int

This callback is triggered periodically with the period that is set by setGUITabSelectedCallbackConfiguration(). The parameters are the same as for getGUITabSelected().

New in version 2.0.2 (Plugin).

Constants

BrickletLCD128x64.DEVICE_IDENTIFIER

This constant is used to identify a LCD 128x64 Bricklet.

The getIdentity() function and the CALLBACK_ENUMERATE callback of the IP Connection have a device_identifier parameter to specify the Brick's or Bricklet's type.

BrickletLCD128x64.DEVICE_DISPLAY_NAME

This constant represents the human readable name of a LCD 128x64 Bricklet.