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
62
63
64
65
66
67
68
69
70
71
72
73
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) {
        if(gesture === Tinkerforge.BrickletLCD128x64.GESTURE_LEFT_TO_RIGHT) {
            console.log('Gesture: Left To Right');
        }
        else if(gesture === Tinkerforge.BrickletLCD128x64.GESTURE_RIGHT_TO_LEFT) {
            console.log('Gesture: Right To Left');
        }
        else if(gesture === Tinkerforge.BrickletLCD128x64.GESTURE_TOP_TO_BOTTOM) {
            console.log('Gesture: Top To Bottom');
        }
        else if(gesture === Tinkerforge.BrickletLCD128x64.GESTURE_BOTTOM_TO_TOP) {
            console.log('Gesture: Bottom To Top');
        }

        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 XYZ to the UID of your LCD 128x64 Bricklet
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
85
86
87
88
89
90
91
92
93
94
95
96
<!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) {
                        if(gesture === Tinkerforge.BrickletLCD128x64.GESTURE_LEFT_TO_RIGHT) {
                            textArea.value += 'Gesture: Left To Right\n';
                        }
                        else if(gesture === Tinkerforge.BrickletLCD128x64.GESTURE_RIGHT_TO_LEFT) {
                            textArea.value += 'Gesture: Right To Left\n';
                        }
                        else if(gesture === Tinkerforge.BrickletLCD128x64.GESTURE_TOP_TO_BOTTOM) {
                            textArea.value += 'Gesture: Top To Bottom\n';
                        }
                        else if(gesture === Tinkerforge.BrickletLCD128x64.GESTURE_BOTTOM_TO_TOP) {
                            textArea.value += 'Gesture: Bottom To Top\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 function of the JavaScript bindings can take two optional parameters, returnCallback and errorCallback. These are two user defined callback functions. The returnCallback function is called with the results as arguments, if the function returns its results asynchronously. 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
  • IPConnection.ERROR_STREAM_OUT_OF_SYNC = 51
  • IPConnection.ERROR_NON_ASCII_CHAR_IN_SECRET = 71
  • IPConnection.ERROR_WRONG_DEVICE_TYPE = 81
  • IPConnection.ERROR_DEVICE_REPLACED = 82
  • IPConnection.ERROR_WRONG_RESPONSE_LENGTH = 83
  • IPConnection.ERROR_INT64_NOT_SUPPORTED = 91

The namespace for the JavaScript bindings is Tinkerforge.*.

Basic Functions

new BrickletLCD128x64(uid, ipcon)
Parameters:
  • uid – Type: string
  • ipcon – Type: IPConnection
Returns:
  • lcd128x64 – Type: BrickletLCD128x64

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.

BrickletLCD128x64.writePixels(xStart, yStart, xEnd, yEnd, pixels[, returnCallback][, errorCallback])
Parameters:
  • xStart – Type: int, Range: [0 to 127]
  • yStart – Type: int, Range: [0 to 63]
  • xEnd – Type: int, Range: [0 to 127]
  • yEnd – Type: int, Range: [0 to 63]
  • pixels – Type: [boolean, ...], Length: variable
Callback Parameters:
  • undefined
Returns:
  • undefined

Writes pixels to the specified window.

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.readPixels(xStart, yStart, xEnd, yEnd[, returnCallback][, errorCallback])
Parameters:
  • xStart – Type: int, Range: [0 to 127]
  • yStart – Type: int, Range: [0 to 63]
  • xEnd – Type: int, Range: [0 to 127]
  • yEnd – Type: int, Range: [0 to 63]
Callback Parameters:
  • pixels – Type: [boolean, ...], Length: variable
Returns:
  • undefined

Reads pixels from the specified window.

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 Parameters:
  • undefined
Returns:
  • undefined

Clears the complete content of the display.

If automatic draw is enabled (default) the pixels are directly cleared.

If automatic draw is disabled the the internal buffer is cleared 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.writeLine(line, position, text[, returnCallback][, errorCallback])
Parameters:
  • line – Type: int, Range: [0 to 7]
  • position – Type: int, Range: [0 to 21]
  • text – Type: string, Length: up to 22
Callback Parameters:
  • undefined
Returns:
  • undefined

Writes text to a specific line with a specific position.

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.

If automatic draw is enabled (default) the text is 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 text is 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.

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 – Type: boolean
Callback Parameters:
  • undefined
Returns:
  • 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 Parameters:
  • pressure – Type: int, Range: [0 to 300]
  • x – Type: int, Range: [0 to 127]
  • y – Type: int, Range: [0 to 63]
  • age – Type: int, Unit: 1 ms, Range: [0 to 232 - 1]
Returns:
  • undefined

Returns the last valid touch position:

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

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 (how long ago it was).

The following constants are available for this function:

For gesture:

  • 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 – Type: int, Range: [0 to 127]
  • positionYStart – Type: int, Range: [0 to 63]
  • positionXEnd – Type: int, Range: [0 to 127]
  • positionYEnd – Type: int, Range: [0 to 63]
  • color – Type: boolean
Callback Parameters:
  • undefined
Returns:
  • undefined

Draws a white or black line from (x, y)-start to (x, y)-end.

The following constants are available for this function:

For color:

  • 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 – Type: int, Range: [0 to 127]
  • positionYStart – Type: int, Range: [0 to 63]
  • positionXEnd – Type: int, Range: [0 to 127]
  • positionYEnd – Type: int, Range: [0 to 63]
  • fill – Type: boolean
  • color – Type: boolean
Callback Parameters:
  • undefined
Returns:
  • undefined

Draws a white or black box from (x, y)-start to (x, y)-end.

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:

For color:

  • 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 – Type: int, Range: [0 to 127]
  • positionY – Type: int, Range: [0 to 63]
  • font – Type: int, Range: See constants
  • color – Type: boolean
  • text – Type: string, Length: up to 22
Callback Parameters:
  • undefined
Returns:
  • undefined

Draws a text at the pixel position (x, y).

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

The font conforms to code page 437.

The following constants are available for this function:

For font:

  • 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

For color:

  • 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 – Type: int, Range: [0 to 11]
  • positionX – Type: int, Range: [0 to 127]
  • positionY – Type: int, Range: [0 to 63]
  • width – Type: int, Range: [1 to 128]
  • height – Type: int, Range: [1 to 64]
  • text – Type: string, Length: up to 16
Callback Parameters:
  • undefined
Returns:
  • undefined

Draws a clickable button at position (x, y) with the given text.

You can use up to 12 buttons.

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 – Type: int, Range: [0 to 11]
Callback Parameters:
  • active – Type: boolean
  • positionX – Type: int, Range: [0 to 127]
  • positionY – Type: int, Range: [0 to 63]
  • width – Type: int, Range: [1 to 128]
  • height – Type: int, Range: [1 to 64]
  • text – Type: string, Length: up to 16
Returns:
  • undefined

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 – Type: int, Range: [0 to 11, 255]
Callback Parameters:
  • undefined
Returns:
  • 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 – Type: int, Range: [0 to 11]
Callback Parameters:
  • pressed – Type: boolean
Returns:
  • undefined

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 – Type: int, Range: [0 to 5]
  • positionX – Type: int, Range: [0 to 128]
  • positionY – Type: int, Range: [0 to 64]
  • length – Type: int, Range: [8 to 128]
  • direction – Type: int, Range: See constants
  • value – Type: int, Range: [0 to 120]
Callback Parameters:
  • undefined
Returns:
  • undefined

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

You can use up to 6 sliders.

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:

For direction:

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

New in version 2.0.2 (Plugin).

BrickletLCD128x64.getGUISlider(index[, returnCallback][, errorCallback])
Parameters:
  • index – Type: int, Range: [0 to 5]
Callback Parameters:
  • active – Type: boolean
  • positionX – Type: int, Range: [0 to 128]
  • positionY – Type: int, Range: [0 to 64]
  • length – Type: int, Range: [8 to 128]
  • direction – Type: int, Range: See constants
  • value – Type: int, Range: [0 to 120]
Returns:
  • undefined

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:

For direction:

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

New in version 2.0.2 (Plugin).

BrickletLCD128x64.removeGUISlider(index[, returnCallback][, errorCallback])
Parameters:
  • index – Type: int, Range: [0 to 5, 255]
Callback Parameters:
  • undefined
Returns:
  • 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 – Type: int, Range: [0 to 5]
Callback Parameters:
  • value – Type: int, Range: [0 to 120]
Returns:
  • undefined

Returns the current slider value for the given index.

New in version 2.0.2 (Plugin).

BrickletLCD128x64.setGUITabConfiguration(changeTabConfig, clearGUI[, returnCallback][, errorCallback])
Parameters:
  • changeTabConfig – Type: int, Range: See constants, Default: 3
  • clearGUI – Type: boolean, Default: true
Callback Parameters:
  • undefined
Returns:
  • 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.

The following constants are available for this function:

For change_tab_config:

  • 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 Parameters:
  • changeTabConfig – Type: int, Range: See constants, Default: 3
  • clearGUI – Type: boolean, Default: true
Returns:
  • undefined

Returns the tab configuration as set by setGUITabConfiguration().

The following constants are available for this function:

For change_tab_config:

  • 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 – Type: int, Range: [0 to 9]
  • text – Type: string, Length: up to 5
Callback Parameters:
  • undefined
Returns:
  • undefined

Adds a text-tab with the given index.

You can use up to 10 tabs.

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 – Type: int, Range: [0 to 9]
Callback Parameters:
  • active – Type: boolean
  • text – Type: string, Length: up to 5
Returns:
  • undefined

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 – Type: int, Range: [0 to 9]
  • icon – Type: [boolean, ...], Length: 168
Callback Parameters:
  • undefined
Returns:
  • 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.

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 – Type: int, Range: [0 to 9]
Callback Parameters:
  • active – Type: boolean
  • icon – Type: [boolean, ...], Length: 168
Returns:
  • undefined

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 – Type: int, Range: [0 to 9, 255]
Callback Parameters:
  • undefined
Returns:
  • 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 – Type: int, Range: [0 to 9]
Callback Parameters:
  • undefined
Returns:
  • 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 Parameters:
  • index – Type: int, Range: [-1 to 9]
Returns:
  • undefined

Returns the index of the currently selected tab. If there are not tabs, the returned index is -1.

New in version 2.0.2 (Plugin).

BrickletLCD128x64.setGUIGraphConfiguration(index, graphType, positionX, positionY, width, height, textX, textY[, returnCallback][, errorCallback])
Parameters:
  • index – Type: int, Range: [0 to 3]
  • graphType – Type: int, Range: See constants
  • positionX – Type: int, Range: [0 to 127]
  • positionY – Type: int, Range: [0 to 63]
  • width – Type: int, Range: [0 to 118]
  • height – Type: int, Range: [0 to 63]
  • textX – Type: string, Length: up to 4
  • textY – Type: string, Length: up to 4
Callback Parameters:
  • undefined
Returns:
  • undefined

Sets the configuration for up to four graphs.

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

The x and y position are pixel positions.

You can add a text for the x and y axis. 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:

For graph_type:

  • 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 – Type: int, Range: [0 to 3]
Callback Parameters:
  • active – Type: boolean
  • graphType – Type: int, Range: See constants
  • positionX – Type: int, Range: [0 to 127]
  • positionY – Type: int, Range: [0 to 63]
  • width – Type: int, Range: [0 to 118]
  • height – Type: int, Range: [0 to 63]
  • textX – Type: string, Length: up to 4
  • textY – Type: string, Length: up to 4
Returns:
  • undefined

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:

For graph_type:

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

New in version 2.0.2 (Plugin).

BrickletLCD128x64.setGUIGraphData(index, data[, returnCallback][, errorCallback])
Parameters:
  • index – Type: int, Range: [0 to 3]
  • data – Type: [int, ...], Length: variable, Range: [0 to 255]
Callback Parameters:
  • undefined
Returns:
  • 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.getGUIGraphData(index[, returnCallback][, errorCallback])
Parameters:
  • index – Type: int, Range: [0 to 3]
Callback Parameters:
  • data – Type: [int, ...], Length: variable, Range: [0 to 255]
Returns:
  • undefined

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 – Type: int, Range: [0 to 3, 255]
Callback Parameters:
  • undefined
Returns:
  • 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 Parameters:
  • undefined
Returns:
  • 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 – Type: int, Range: [0 to 63], Default: 14
  • backlight – Type: int, Range: [0 to 100], Default: 100
  • invert – Type: boolean, Default: false
  • automaticDraw – Type: boolean, Default: true
Callback Parameters:
  • undefined
Returns:
  • undefined

Sets the configuration 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().

BrickletLCD128x64.getDisplayConfiguration([returnCallback][, errorCallback])
Callback Parameters:
  • contrast – Type: int, Range: [0 to 63], Default: 14
  • backlight – Type: int, Range: [0 to 100], Default: 100
  • invert – Type: boolean, Default: false
  • automaticDraw – Type: boolean, Default: true
Returns:
  • undefined

Returns the configuration as set by setDisplayConfiguration().

BrickletLCD128x64.setTouchLEDConfig(config[, returnCallback][, errorCallback])
Parameters:
  • config – Type: int, Range: See constants, Default: 3
Callback Parameters:
  • undefined
Returns:
  • 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:

For config:

  • 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 Parameters:
  • config – Type: int, Range: See constants, Default: 3
Returns:
  • undefined

Returns the configuration as set by setTouchLEDConfig()

The following constants are available for this function:

For config:

  • 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.getSPITFPErrorCount([returnCallback][, errorCallback])
Callback Parameters:
  • errorCountAckChecksum – Type: int, Range: [0 to 232 - 1]
  • errorCountMessageChecksum – Type: int, Range: [0 to 232 - 1]
  • errorCountFrame – Type: int, Range: [0 to 232 - 1]
  • errorCountOverflow – Type: int, Range: [0 to 232 - 1]
Returns:
  • undefined

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.setStatusLEDConfig(config[, returnCallback][, errorCallback])
Parameters:
  • config – Type: int, Range: See constants, Default: 3
Callback Parameters:
  • undefined
Returns:
  • 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:

For config:

  • 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 Parameters:
  • config – Type: int, Range: See constants, Default: 3
Returns:
  • undefined

Returns the configuration as set by setStatusLEDConfig()

The following constants are available for this function:

For config:

  • 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 Parameters:
  • temperature – Type: int, Unit: 1 °C, Range: [-215 to 215 - 1]
Returns:
  • undefined

Returns the temperature 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 Parameters:
  • undefined
Returns:
  • 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.getIdentity([returnCallback][, errorCallback])
Callback Parameters:
  • uid – Type: string, Length: up to 8
  • connectedUid – Type: string, Length: up to 8
  • position – Type: char, Range: ['a' to 'h', 'z']
  • hardwareVersion – Type: [int, ...], Length: 3
    • 0: major – Type: int, Range: [0 to 255]
    • 1: minor – Type: int, Range: [0 to 255]
    • 2: revision – Type: int, Range: [0 to 255]
  • firmwareVersion – Type: [int, ...], Length: 3
    • 0: major – Type: int, Range: [0 to 255]
    • 1: minor – Type: int, Range: [0 to 255]
    • 2: revision – Type: int, Range: [0 to 255]
  • deviceIdentifier – Type: int, Range: [0 to 216 - 1]
Returns:
  • undefined

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', 'd', 'e', 'f', 'g' or 'h' (Bricklet Port). A Bricklet connected to an Isolator Bricklet is always at position 'z'.

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[, errorCallback])
Parameters:
  • callback_id – Type: int
  • function – Type: function
Returns:
  • undefined

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 – Type: int, Unit: 1 ms, Range: [0 to 232 - 1], Default: 0
  • valueHasToChange – Type: boolean, Default: false
Callback Parameters:
  • undefined
Returns:
  • undefined

The period 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.

BrickletLCD128x64.getTouchPositionCallbackConfiguration([returnCallback][, errorCallback])
Callback Parameters:
  • period – Type: int, Unit: 1 ms, Range: [0 to 232 - 1], Default: 0
  • valueHasToChange – Type: boolean, Default: false
Returns:
  • undefined

Returns the callback configuration as set by setTouchPositionCallbackConfiguration().

BrickletLCD128x64.setTouchGestureCallbackConfiguration(period, valueHasToChange[, returnCallback][, errorCallback])
Parameters:
  • period – Type: int, Unit: 1 ms, Range: [0 to 232 - 1], Default: 0
  • valueHasToChange – Type: boolean, Default: false
Callback Parameters:
  • undefined
Returns:
  • undefined

The period 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.

BrickletLCD128x64.getTouchGestureCallbackConfiguration([returnCallback][, errorCallback])
Callback Parameters:
  • period – Type: int, Unit: 1 ms, Range: [0 to 232 - 1], Default: 0
  • valueHasToChange – Type: boolean, Default: false
Returns:
  • undefined

Returns the callback configuration as set by setTouchGestureCallbackConfiguration().

BrickletLCD128x64.setGUIButtonPressedCallbackConfiguration(period, valueHasToChange[, returnCallback][, errorCallback])
Parameters:
  • period – Type: int, Unit: 1 ms, Range: [0 to 232 - 1], Default: 0
  • valueHasToChange – Type: boolean, Default: false
Callback Parameters:
  • undefined
Returns:
  • undefined

The period 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.

New in version 2.0.2 (Plugin).

BrickletLCD128x64.getGUIButtonPressedCallbackConfiguration([returnCallback][, errorCallback])
Callback Parameters:
  • period – Type: int, Unit: 1 ms, Range: [0 to 232 - 1], Default: 0
  • valueHasToChange – Type: boolean, Default: false
Returns:
  • undefined

Returns the callback configuration as set by setGUIButtonPressedCallbackConfiguration().

New in version 2.0.2 (Plugin).

BrickletLCD128x64.setGUISliderValueCallbackConfiguration(period, valueHasToChange[, returnCallback][, errorCallback])
Parameters:
  • period – Type: int, Unit: 1 ms, Range: [0 to 232 - 1], Default: 0
  • valueHasToChange – Type: boolean, Default: false
Callback Parameters:
  • undefined
Returns:
  • undefined

The period 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.

New in version 2.0.2 (Plugin).

BrickletLCD128x64.getGUISliderValueCallbackConfiguration([returnCallback][, errorCallback])
Callback Parameters:
  • period – Type: int, Unit: 1 ms, Range: [0 to 232 - 1], Default: 0
  • valueHasToChange – Type: boolean, Default: false
Returns:
  • undefined

Returns the callback configuration as set by setGUISliderValueCallbackConfiguration().

New in version 2.0.2 (Plugin).

BrickletLCD128x64.setGUITabSelectedCallbackConfiguration(period, valueHasToChange[, returnCallback][, errorCallback])
Parameters:
  • period – Type: int, Unit: 1 ms, Range: [0 to 232 - 1], Default: 0
  • valueHasToChange – Type: boolean, Default: false
Callback Parameters:
  • undefined
Returns:
  • undefined

The period 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.

New in version 2.0.2 (Plugin).

BrickletLCD128x64.getGUITabSelectedCallbackConfiguration([returnCallback][, errorCallback])
Callback Parameters:
  • period – Type: int, Unit: 1 ms, Range: [0 to 232 - 1], Default: 0
  • valueHasToChange – Type: boolean, Default: false
Returns:
  • undefined

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
Callback Parameters:
  • pressure – Type: int, Range: [0 to 300]
  • x – Type: int, Range: [0 to 127]
  • y – Type: int, Range: [0 to 63]
  • age – Type: int, Unit: 1 ms, Range: [0 to 232 - 1]

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
Callback Parameters:
  • gesture – Type: int, Range: See constants
  • duration – Type: int, Unit: 1 ms, Range: [0 to 232 - 1]
  • pressureMax – Type: int, Range: [0 to 300]
  • xStart – Type: int, Range: [0 to 127]
  • yStart – Type: int, Range: [0 to 63]
  • xEnd – Type: int, Range: [0 to 127]
  • yEnd – Type: int, Range: [0 to 63]
  • age – Type: int, Unit: 1 ms, Range: [0 to 232 - 1]

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:

For gesture:

  • 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
Callback Parameters:
  • index – Type: int, Range: [0 to 11]
  • pressed – Type: 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
Callback Parameters:
  • index – Type: int, Range: [0 to 5]
  • value – Type: int, Range: [0 to 120]

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
Callback Parameters:
  • index – Type: int, Range: [0 to 9]

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).

Virtual Functions

Virtual functions don't communicate with the device itself, but operate only on the API bindings device object. They can be called without the corresponding IP Connection object being connected.

BrickletLCD128x64.getAPIVersion()
Returns:
  • apiVersion – Type: [int, ...], Length: 3
    • 0: major – Type: int, Range: [0 to 255]
    • 1: minor – Type: int, Range: [0 to 255]
    • 2: revision – Type: int, Range: [0 to 255]

Returns the version of the API definition 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 – Type: int, Range: See constants
Returns:
  • responseExpected – 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 sent and errors are silently ignored, because they cannot be detected.

The following constants are available for this function:

For function_id:

  • 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.setResponseExpected(functionId, responseExpected[, errorCallback])
Parameters:
  • functionId – Type: int, Range: See constants
  • responseExpected – Type: boolean
Returns:
  • undefined

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 sent and errors are silently ignored, because they cannot be detected.

The following constants are available for this function:

For function_id:

  • 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 – Type: boolean
Returns:
  • undefined

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

Internal Functions

Internal functions are used for maintenance tasks such as flashing a new firmware of changing the UID of a Bricklet. These task should be performed using Brick Viewer instead of using the internal functions directly.

BrickletLCD128x64.setBootloaderMode(mode[, returnCallback][, errorCallback])
Parameters:
  • mode – Type: int, Range: See constants
Callback Parameters:
  • status – Type: int, Range: See constants
Returns:
  • undefined

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:

For mode:

  • 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

For status:

  • 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 Parameters:
  • mode – Type: int, Range: See constants
Returns:
  • undefined

Returns the current bootloader mode, see setBootloaderMode().

The following constants are available for this function:

For mode:

  • 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 – Type: int, Unit: 1 B, Range: [0 to 232 - 1]
Callback Parameters:
  • undefined
Returns:
  • 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 – Type: [int, ...], Length: 64, Range: [0 to 255]
Callback Parameters:
  • status – Type: int, Range: [0 to 255]
Returns:
  • undefined

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.writeUID(uid[, returnCallback][, errorCallback])
Parameters:
  • uid – Type: int, Range: [0 to 232 - 1]
Callback Parameters:
  • undefined
Returns:
  • 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 Parameters:
  • uid – Type: int, Range: [0 to 232 - 1]
Returns:
  • undefined

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

Constants

BrickletLCD128x64.DEVICE_IDENTIFIER

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

The getIdentity() function and the IPConnection.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.